/*
Theme Name: PTP Is Blogging
Theme URI: http://www.playingthepoet.com;
Author: KSQ Design
Author URI: http://www.ksqdesign.com;
Description: Playing The Poet with John Turnbull blogging website for mobile and desktop, displaying the acting career of John Turnbull.
Version: 1.0
Text Domain: ptpisblogging
*/

@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Cantarell');
@import url('https://fonts.googleapis.com/css?family=Cantarell:700');
@import url('https://fonts.googleapis.com/css?family=Cantarell:700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');

/*  ------------------------------------  */
/*  Core Styles
/*  ------------------------------------  */

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 300px;

}
html {
    font-size: 100%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    color: #A7A7A7;
    background: #434343;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: 400;
    line-height: 1.8;
	padding: 0;
	margin: 0;
	
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* Default Styles - Take effect for all devices, from mobile up
 - Typography */
h1 { clear: left; font-family: 'Cantarell', sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.25em; max-width: 30em; padding: 0 0 0 8px;  margin: 0; color:#ddcfb0; word-spacing: 0.01em; letter-spacing: 0.02em;  }
h2 { font-family: 'Cantarell', sans-serif; padding: 0 0 0 8px; font-weight: 700; font-style: italic; max-width: 30em; font-size: 1.2em; color:#bb7163; margin: -1% 0 1% -0.2%; }
h3 { font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; padding: 0 0 0 11px; max-width: 15em; margin: -6px 0 2px 0; font-size: 0.8em; letter-spacing:0.09em; font-weight: normal; color:#ddcfb0; }
h4 { font-family: 'Cantarell'; font-weight: 700; font-size: 2em; line-height: 1.15em; max-width: 30em; color: #00abff; padding: 0.2em 0; margin: 35px auto 0; text-align: center; border-bottom: 1px solid #00abff; border-top: 1px solid #00abff; }
h5 { font-family: 'Cantarell'; font-weight: 400; font-size: 1.5em; line-height: 1.5em; max-width: 30em; color: #ffffff; padding: 2%; margin: 0;  text-align: center;  }

.flexnav { position: relative;  z-index: 5; font-family: 'Cantarell' !important; font-weight: 400; }
.flexnav li a { position: relative; font-family: 'Cantarell' !important; font-weight: 400; color: #eadfc5; }
.flexnav li a .menu-item-81 { display: block; width: 900px; color: #ff0000 !important; }
.flexnav li#menu-item-81.home-left-edge-ptp a { border-radius: 6px 0 0 0; border-left: none; }
.flexnav li#menu-item-98.audio-right-edge-ptp a { border-radius: 0 0 6px 6px; border-bottom: none; }
.flexnav li#menu-item-97.audio-right-edge-ptp a { border-radius: 0 0 6px 6px; border-top: 1px solid #ffffff; -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px; }

/* colours */
.schema1 { background: #434244; }
.schema2 { background: #ddcfb0; }
.schema3 { background: #bb7163; }
.schema4 { color: #ffca9a; letter-spacing: 1px; }
.schema5 { background: #00abff; }
.pink { background:#aa22bb; }
.green { background: #095f11; }
.yellow { background: #f7c242; }

/* paragraph */
.pone { display: block; margin: 0; padding: 0; line-height: 0; }
p { display: block; font-family: 'Cantarell'; text-align: center; color: #ddcfb0; font-weight: 400; width: 95.5%; font-size: 1.1em; line-height: 1.6em; padding: 0 1.5%; margin: 0 auto; }

/* Page Structure */
img { width: 100%; height: auto; display: block; }
.post-thumbnail img { display: block; width: 100%; height: auto; padding: 0; margin: 0 auto; }

.wrapper { width: 100%; display: block; height: auto; padding:0; max-width: 1920px; margin: 0 auto; }
.tempspacertop { display: block; width: 100%; max-width: 1920px; margin: 35px 0 0 0; padding: 0; }
/* footer */
.tempspacerbottom { display: block; width: 100%; max-width: 1920px; height: auto; padding: 0 0 35px 0; margin: 0 0 25px 0; }
/*.footerC { display: block; width: 90%; max-width: 1200px; height: auto; max-height: 550px; background: #aa22bb; }*/
.footone { display: block; padding: 0; margin: 0 auto; width: 100%; text-align: center; }
.foottwo { display: block; padding: 0; margin: 0 auto; width: 100%; text-align: center; }
.footone p { font-family: 'Arial'; font-weight: 400; font-size: 12px; color: #434244; }
.footone p a { display: block; text-align: center; align-content:center; outline: 0; font-family: 'Arial'; font-weight: bold; font-size: 14px; color: #434244;  }
.foottwo p a:hover { text-decoration: underline; }
.foottwo p { font-family: 'Arial'; font-weight: 400; font-size: 12px; color: #434244; }
.foottwo p a { display: inline-block; font-family: 'Arial'; font-weight: 400; font-size: 12px; color: #000000;  }
.foottwo p a:hover { text-decoration: underline; }
/* footer section - table three */
.tb-three { display: block; width: 100%; margin: 0; padding: 0; }
.footer-row { display: block; width: 100%; height: auto; }
.footer-strip { display:block; background: #ddcfb0; width: 100%; height: auto; padding: 5px 15px 10px; margin: -10px 0 0 0; }

/* slides and video  */
.introbx-L { display: block; float: left; width: 82%; height: auto; padding: 0 0 8px 0; margin: 0 9% 4% 9%; border-bottom: 1px solid #ddcfb0; border-top: 1px solid #ddcfb0;  }
.introbx-R { display: block; width: 94%; height: auto; text-align: center; padding:0; margin: 3% auto 0; }

/* defaults for Work History - CV - pages one and two */
/* defaults for Work History - CV - pages one and two */
.introbx-CV { margin: 0 auto 0; padding: 0; }
.introbx-CV h4 { font-family: 'Cantarell'; font-weight: 700; font-size: 1.5em; line-height: 1.5em; max-width: 30em; color: #ddcfb0; padding: 5px; margin: 25px auto 0px !important; text-align: center; border-bottom: 1px solid #ddcfb0; border-top: 1px solid #ddcfb0; }
.introbx-CV h4 .cv-click { display: block; width: 100%; max-width: 800px; height: auto; max-height: 40px; background: #434244; margin: 0 auto; padding: 0;   }
.introbx-CV h4 .cv-click p { display: block; text-align: center; font-family: 'Arial', sans-serif; font-weight: 100; text-decoration: underline; font-size: 14px; letter-spacing: 2px; color: #ffffff; }
.cv-cont-main {  overflow: hidden; height: 45px; width: 100%; max-width: 800px; height: auto; background: #434244; margin: 0 auto; padding-top: 3px; }
.cv-cont-main .cv-cont-left { float: left; width: 50%;  }
.cv-cont-main .cv-cont-right { float: right; width: 50%; }
.cv-cont-main .cv-cont-left p { font-family: 'PT Sans Narrow', sans-serif; font-weight: 100; text-align: left; letter-spacing: 2px; font-size: 13px; line-height: 13px; color: #ffffff; padding: 0; margin: -1px 0 9px 6px; }
.cv-cont-main .cv-cont-left p:nth-child(1) { padding: 2px 0 0 0; line-height: 17px; }
.cv-cont-main .cv-cont-left p:nth-child(2) { margin-top: 19px; }
.cv-cont-main .cv-cont-right a { display: block; font-family: 'PT Sans Narrow', sans-serif; font-weight: 100; text-align: left; letter-spacing: 2px; text-align: right; font-size: 13px; line-height: 13px; text-decoration: none; color: #ffffff; margin-top: -1; padding: 12px 6px 0 0; }
.cv-cont-main .cv-cont-right a:nth-child(1) { padding-top: 19px;  }
.cv-cont-main .cv-cont-right a:nth-child(2) { padding-top: 20px;  }
.cv-cont-main .cv-cont-right a:hover { text-decoration: underline; }

.introbx-CV p { font-family: 'Cantarell'; font-weight: 200; width: 90%; font-size: .9em; color: #ffffff; line-height: 1.45em; margin: 20px auto 0; }
.introbx-CV p .cvshow { color: #e7ada0; }
.introbx-CV p .cv-ul { color: #e7ada0; text-decoration: underline; font-weight: bold; }
.introbx-CV p .cvshow2 { color: #b4f1f2; text-decoration: underline; }
.introbx-CV .cv-foot { display: block; float: left; width: 86%; max-width: 600px; height: auto; max-height: 40px; padding: 3px 0 10px 6px; margin: 2.6% 5% 7%; border-top: 1px solid #908f92; }
.introbx-CV .cv-foot .cv-foottxt { display: block; width: 70%; max-width: 350px; float: left; height: auto; max-height: 40px; font-family: 'Arial'; font-weight: 400; font-style: normal; font-size: 14px; text-align: left; line-height: 20px; letter-spacing: 0; padding: 0; margin: 0; color: #ffffff; }
/* defaults for Work History - CV - pages one and two */
/* defaults for Work History - CV - pages one and two */

/*  
    FOR POSTS:
    Hover border for POST downloads and icons */
a.post-hlt { display: block; padding: 5px 7px 15px; border: solid 1px #434244;  }
a.post-hlt:hover { color: #e7ada0; border: solid 1px #e7ada0; text-decoration: none; }
p.blog-para-top { display: block; width: 96%; padding: 0px 1.5% 1.9%; margin: 0 2%; }
p.blog-para { display: block; width: 96%; padding: 1.5% 1.5% 2%; margin: 0 2%; }

/* Shylock Reviews */
.introbx-L h5 { color: #e7ada0; margin-bottom: 5px; }
.introbx-L ul, li { list-style-type: none; margin: 0; padding: 0; }
.introbx-L li a { display: block; text-align: center; width: 70%; max-width: 200px; text-decoration: none; outline: 0; color: #ffffff; margin: 0 auto 0; padding: 8px 0 8px 0; }
.introbx-L a:hover { text-decoration: underline; color: #e7ada0; background: #333234; }
.introbx-L li a:nth-child(1) { margin-top: 2px; }

/* Shylock Video, Voiceover page */
.introbx-R ul { list-style: none; margin: -10px 0 0 0; padding: 0; }
.introbx-R ul li { display: inline; margin: 0; padding: 0; }
.introbx-R a { display: inline-block; margin: 0; padding-top: 7px; border: solid 1px #434244; text-align: center !important; align-content: center !important; height: auto; text-decoration: none; outline: 0;  color: #ffffff; }
.introbx-R a > p { display: block; margin: 0 0 -50px 0; padding: 0; height: auto; width: 100%; max-width: 150px; height: auto; }
.introbx-R a > p:after { content: "\f026"; position: relative; top: -76px; left: -26px; font-size: 6em; color: #ffffff; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; }
.introbx-R a:hover { color: #e7ada0; border: solid 1px #e7ada0; height: 156px; text-decoration: none; }
.introbx-R a:hover > p:after { content: "\f028"; position: relative; top: -76px; left: 0px; font-size: 6em; color: #e7ada0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; }
.introbx-R a img { display: block; height: auto; width: 100%; align-content: center; max-width: 158px;  padding: 0 19px 10px; margin: 0 auto 5px; }
/*.introbx-R a, { display: inline-block; text-align: center; height: auto; max-width: 200px; text-decoration: none; outline: 0; color: #ffffff; }
.introbx-R a:hover { color: #e7ada0; border: solid 1px #e7ada0; }
.introbx-R a img { display: block; width: 120px; height: 103px; align-content: center; margin: 0 auto;  }
*/


#my-slide { display: block; width: 100%; clear: left; padding: 0; margin: 0; overflow: hidden; }
.content-left #my-slide img, .content-left #my-still img  { display: block; 
		width: 100%;
		height: auto;
		max-width: 100%;
		margin: 8px auto 0px;
    overflow: hidden; }

/* top section - table one */
.tb-one { display: block; width: 100%; margin: 0; padding: 0; }
.tb-one-row { display: block; width: 100%; height: auto; }
.colone { display: none; }
.coltwo { display: none; }

.colcellone { display:block; width: 100%; margin: 0; padding: 0; }
.colcelltwo { display:block; width: 100%; margin: 0 0 16px 0; padding: 0; }

.logobox { display: block; background: url('img/logo/logo_main.png') no-repeat; background-position: center; background-size: contain; min-height: 260px; }
.logobox-two { display: none; }
.logobox-three { display: none; }

/* Search Form and Search Results page
/*.search-cont .searchinput::before { display: block; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: 100; cursor: pointer;
                color: #ddcfb0; font-size: 1.8em; margin: 0; padding: 2px 0 0 0; }*/
.search-cont { display: block; width: 100%; min-width: 18em; background:#434244; height: auto; padding: 0 0 0 8px; margin: 0; }
.search-cont button { display: inline-block; background: #434244; width: 3.5em; height: auto; border: none; padding: 0; margin: 0; }
.search-cont .search-btn .fa { display: block; font-family: FontAwesome; font-style: normal; font-weight: normal; cursor: pointer;
                color: #ddcfb0; background: #434244; font-size: 2.8em; height: 1em; margin: -1px 0 0 0; padding: 0 1px 5px 0; }

                 input[type="search"] {
      -appearance: textfield;
    }
.search-cont .searchinput input[type="search"] {
  -appearance: textfield;
  display: block;
  float: left;
  font-family: 'Cantarell', sans-serif;
  font-size: 14px;
  min-width: 17.2em;
  height: 2em;
  outline: 0;
  text-indent: 0px;
  color:#434244;
  background:#ddcfb0;
  border: 2px solid #888888;
  padding: 3px 1px 2px 9px;
  border-radius: 14px;
  margin: 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #939290;
}
::-moz-placeholder { /* Mozilla/Firefox */
  color: #6c6b6b;
}
:-ms-placeholder { /* Mozilla/Firefox */
  color: #6c6b6b;
}

.colcelltwo .searchresultsbox { display: block; width: 100%; min-height: 200px; margin: 0 auto; }
.colcelltwo .searchresultsbox h2 { width: 90%; max-width: 30em; font-size: 1.4em; text-align: center; padding: 11px 0 0; margin: 0 auto -5px;  }
.colcelltwo .searchresultsbox h3 { width: 80%; min-width: 22em; font-size: 0.9em; text-align: center; margin: 0 auto; padding: 0 0 10px; }
.colcelltwo .searchresultsbox h3 a { display: block; color: #ffffff; font-size: 1.6em; line-height: 1.1em; text-decoration: none; padding: 0; margin: 0; }
.colcelltwo .searchresultsbox h3 a:hover { text-decoration: underline; }
.colcelltwo .searchresultsbox span.no-match { display: block; font-family: 'Cantarell'; font-weight: 100; font-size: 11px; letter-spacing: 1px; word-spacing: 2px; text-align: center; width: 60%; max-width: 1920px; height: auto; margin: 120px auto 10px; padding: 3px 0; color: #ddcfb0; border-radius:6px; background: #282829; }
/*.colcelltwo .searchresultsbox .search-excerpt { color: #095f11; }
.colcelltwo .searchresultsbox .no-match { display: block; width: 80%; padding: 0; margin: 0 auto; color: #ffff00; background: #ff0000; }*/

/* middle content section - table two */
.tb-two { display: block; width: 100%; margin: 0 0 36px 0; padding: 0; }
.content-row { display: block; width: 100%; height: auto; }
.colthree { display: none; }
.colfour { display: none; }

.content-left  { display:block; width: 98%; margin: 0 1%; padding: 0 10px 0 10px; z-index: 0; position: relative; }
/* Privacy Policy */
/* Privacy Policy */
.priv-content-left  { display:none; }
.content-left #my-slide .img-responsive { position:relative; z-index: 0; }
.content-right { display:block; clear: left; width: 98%; margin: 0 auto; padding: 0 10px 0 10px; }
.priv-content-right { display:block; clear: left; width: 98%; margin: 50px auto 0; padding: 0 10px 0 10px; }
h5.priv-heading { display: block; color: #ddcfb0; margin: 20px 0 -18px 0; padding: 0; text-align: center; clear: both; text-decoration: underline; font-family: 'Cantarell'; }

  .introbx-CV ul.privp { display: inline; list-style-type: none; margin: 0; padding: 0; }
  .introbx-CV li.priv-pol { display: list-item; font-family: 'Cantarell'; font-size: .9em; line-height: 1.6em; list-style-type: disc; list-style-position: outside; width: 70%; padding: .3em .1em 0 .5em; color: #ffffff; margin: 1.2em 0 .6em 5.5em; text-align: left; }

/* BLOG POSTS  */
/* BLOG POSTS  */
.content-left article.post{
  display: block; width: 94%; height: auto; text-align: center; padding:0 0 20px 0; margin: 3% auto 0;
	border-bottom: none;
}
.content-left article.post p.ptp-post-meta{
  background:#00abff;
  text-align: center;
	color: #ffffff;
  padding:7px;
  margin: 2% auto 1.5%;
}
.content-left article.post h4 { margin: 0 auto !important; }
.content-left article.post>p { text-align: left; padding: 0 4%; margin: 0; color: #ddcfb0; }
.content-left article.post .ptp-post-meta a{
	color:#fff; font-family: 'Raleway'; font-weight: 100;
}
.content-left article.post .ptp-post-meta a:hover { color: #f6aabc; }
.content-left article.post .ptp-readm-button{
	background:#00abff; color:#ffffff; padding:10px 15px; display:inline-block;
}
.content-left article .post-thumbnail img { display: block; width: 90%; height: auto; margin: 8px auto 0; }

/* BLOG POSTS - Archive Page:  */
.content-left .archive-post { display: block; width: 90%; background: #3d3c3e; height: auto; text-align: center; padding:0; margin: 0 auto; }
.content-right .archive-post h4 a { display: block; width: 90%; max-width: 20em; font-family: 'Cantarell'; text-decoration: none; font-weight: 400; font-size: 2em; color: #00abff; padding: 0 0 5px 0; margin: 0 auto; text-align: center; border-bottom: 1px solid #00abff;  } 
.content-right .archive-post p { font-size: 0.45em; margin: 0; padding: 0;  }

/* BLOG POSTS - Author and Archive Pages:  */

.title-section { display: block; width: 94%; background: #3d3c3e; height: auto; text-align: center; padding:0; margin: 0 auto; }

.title-section h4 { display: block; color: #e7ada0; width: 90%; max-width: 20em; font-family: 'Cantarell'; text-decoration: none; font-weight: 700; font-size: 2em; padding: 0 0 5px 0; margin: 0 auto; text-align: center; border-bottom: 1px solid #00abff; }

.title-section p.welcome-text { font-size: 0.7em; letter-spacing: 1px; max-width: 320px; text-align: center; padding: 3px 0; margin: 0 auto; border-right: 1px #00abff solid; border-left: 1px #00abff solid; }

.title-section p.sub-text { font-size: 1.3em; text-align: center; letter-spacing: 1px; word-spacing: 3px; margin: 0 auto; padding: 3px 0; }

.blog-post{ display: block; margin: 0 auto; width: 75%; text-align: center; }

.meta { width: 70%; margin:0 auto; background: #00abff; color: #ffffff; padding: 7px; border-bottom: 2px dashed #ccc; }

.meta ul, li { margin: 0; padding: 0; list-style: none; }

.meta li {
    display: inline; padding: 0;
}

.meta .fa { color: #ffffff; }

.blog-post h4.limit-line { display: block; max-width: 15em;  }
.blog-post h4 a { display: block; color: #00abff; font-size: 1em; }
.content-right .blog-post .ptp-readm-button{
	background:#00abff; color:#ffffff; padding:10px 15px; display:inline-block;
}

a{
	color:#ffffff; font-family: 'Cantarell'; font-weight: 400; text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* COMMENTS FORM, Headings, etc */
/* COMMENTS FORM, Headings, etc */
.comments h4.com-h4c { background:#434244; color:#8a888b; font-weight: 400; font-size: 1.5em; line-height: auto; padding:5px; margin: 5px auto 15px; border-bottom: 1px solid #545355; border-top: 1px solid #545355; }


.comments{
  border:1px #545355 solid;
  border-radius: 6px;
  padding:10px;
  margin-bottom:20px;
  margin-top:10px;
}

.comment .comment-body {
  background: #434244;
  border-radius: 6px;
   width: 100%;
}

.comment-author .avatar {
  height: 60px;
  position: relative;
  top: 0px;
  width: 60px;
}

.comment-content p { text-align: left; padding: 5px 15px; }

.comment-body{
border:#545355 1px solid;
margin-bottom:10px;
padding:20px 10px;
}


.comment-meta{
font-family: 'Raleway';
background:#49494a;
font-weight: 400;
border-radius: 4px;
color:#ddcfb0;
padding:10px;
overflow:auto;
}

.comment-meta img{
float:left;
margin-right:10px;
}

.comment-meta time{
font-family: 'Raleway';
font-weight: 400;
color: #ddcfb0;
margin-left:12px;
}

.comment-reply-link{
background:#515052;
border-radius: 4px;
color:#ddcfb0;
display:inline-block;
padding:10px 15px;
}

.comment-form input,.comment-form textarea{
width:100%;
padding:3px;
border:#ccc 1px solid;
margin-bottom:20px;
}

div#respond.comment-respond h3#reply-title.comment-reply-title { display: block; font-family: 'Cantarell'; margin-left: -20px; font-weight: 400; letter-spacing: 0px; text-align: left; color: #ddcfb0; font-size: 45px; }
div#respond.comment-respond p.logged-in-as { float: left; width: 50%; height: auto; padding: 5px 0 5px 14px; margin: -4px 0 10px 0; border: 1px solid #e7ada0; border-radius: 3px; color: #ddffb0; background: #403f41; text-align: left; display: block; }
div#respond.comment-respond p.logged-in-as a { display: inline; max-width: 300px; padding: 0; margin: 0; color: #e7ada0; }

div#respond.comment-respond span#email-notes { display: block; width: 100%; padding: 0; text-align: left; align-content: left; color: #ddcfb0; }
div#respond.comment-respond p.comment-notes { clear: both; text-align: left; color: #ddcfb0; }
div#respond.comment-respond p.comment-form-comment { clear: both; text-align: left; padding: 3px 7px 0; margin: 8px auto 2px; color: #ddcfb0; background: #4b4b4c; border-radius: 4px; }
div#respond.comment-respond p.comment-form-comment #comment { background: #434244; font-family: 'Cantarell'; font-weight: 400; font-size: 0.75em; letter-spacing: 0.04em; outline: 0; border-radius: 3px; padding: 7px 12px; margin: 0 auto 4px; color: #ddcfb0; }
div#respond.comment-respond p.comment-form-author { text-align: left; padding: 0 7px 11px; margin: 7px auto 0; color: #ddcfb0; background: #4b4b4c; border-radius: 4px; }
div#respond.comment-respond p.comment-form-author #author { background: #434244; padding: 7px 12px; margin: 0; font-family: 'Cantarell'; font-weight: 400; font-size: 0.75em; letter-spacing: 0.04em; outline: 0; border-radius: 3px; color: #ddcfb0; }
div#respond.comment-respond p.comment-form-email { text-align: left; padding: 0 7px 5px; margin: 7px auto 0; color: #ddcfb0; background: #4b4b4c; border-radius: 4px; }
div#respond.comment-respond p.comment-form-email #email { background: #434244; font-family: 'Cantarell'; font-weight: 400; font-size: 0.75em; letter-spacing: 0.04em; outline: 0; border-radius: 3px; padding: 7px 12px; margin: 0 auto 5px; color: #ddcfb0; }
div#respond.comment-respond p.form-submit { text-align: left; width: 70%; padding: 8px 7px 9px; margin: 7px auto 0; color: #ddcfb0; background: #4b4b4c; border-radius: 4px; }
div#respond.comment-respond p.form-submit #submit { background: #434244; padding:5px 0; margin: 0; color: #ddcfb0; cursor: pointer; font-family: 'Cantarell'; font-weight: 400; line-height: auto; font-size: 0.9em; letter-spacing: 0.04em; outline: 0; border-radius: 3px; }
/* BLOG POSTS  */
/* BLOG POSTS  */


/* --------------------------------------------
Mobile Devices (Wider/Landscape) - Take effect from 480px
---------------------------------------------- */
@media only screen and (min-width: 480px) {

.tb-one { display: table; table-layout: fixed; width: 100%; max-width: 1920px; height: auto; padding:0; margin: 0; }
.tb-one-row { display: table-row; width: 100%; max-width: 1920px; height: auto; }
.colone { display: table-column;  }
.coltwo { display: table-column;  }
.colcellone { display: table-cell; margin:0; padding: 0; width: 0; max-width: 0;  }
.colcelltwo { display: table-cell; vertical-align: top; margin:0; padding: 11px; width: 100%; max-width: 1920px; }

.logobox { display: none; }
.logobox-two { display: block; float: left; max-width: 130px; } 

.search-cont { display: block; width: 75%; max-width: 15em; height: auto; max-height: 2.15em; float: left; margin: 4px 0 4px 0; padding: 4px 0 4px 0; }
.search-cont button { display: inline-block; background: #434244; width: 3.5em; height: auto; border: none; padding: 0; margin: 0; }
.search-cont .search-btn .fa { display: block; font-family: FontAwesome; font-style: normal; font-weight: normal; cursor: pointer;
                color: #ddcfb0; background: #434244; font-size: 2.8em; height: 1em; margin: -1px 0 0 0; padding: 0 1px 5px 0; }
h1 { display: block; font-size: 1.25em; clear: none; float: left; width: 64%; max-width: 30em; margin: 10px 0 0 5px;  }
h2 { font-size: 1em; float: left; margin: 3px 0 0 -6px; padding: 0; }
h3 { clear: both; float: left; font-size: 1em; margin: -17px 0 4px 100px; padding: 0 0 0 11px;  }
.menu-button { clear: both; }

/* Privacy Policy */
/* Privacy Policy */
h5.priv-heading { margin: 25px 0 -15px 0px; text-align: center; }

.cv-cont-main .cv-cont-left p { font-size: 16px; line-height: 20px; padding-left: 10px; }
.cv-cont-main .cv-cont-left p:nth-child(1) { padding-left: 10px; }
.cv-cont-main .cv-cont-right a { font-size: 16px; line-height: 16px }

.colcelltwo .searchresultsbox { float:left; width: 69%; padding: 0; align-content: center; margin: 0 auto; }
.colcelltwo .searchresultsbox h2 { font-size: 1.2em; width: 100%; max-width: 20em;   }
.colcelltwo .searchresultsbox h3 { font-size: 0.9em; width: 40%; max-width: 10em; }
.colcelltwo .searchresultsbox h3 a { font-size: 1.7; }
.colcelltwo .searchresultsbox span.no-match { margin: 80px auto 10px; } 
}


/* --------------------------------------------
Tablet Devices - Take effect from 600px
----------------------------------------------*/
@media only screen and (min-width: 600px) {

.logobox-two { max-width: 200px; }
.search-cont { margin: 3px 0 0 20px;  }

/* post adjust for single column archive and author */
.title-section { width: 60%; }
.post-thumbnail img { display: block; width: 60%; height: auto; }

h1 { margin: 10px 0 0 0; font-size: 2em; width: 62%; max-width: 40em; padding: 0 0 0 17px; }
h2 { margin: 0; width: 60%; max-width: 40em; padding: 0 0 0 17px; }
h3 { clear: none; float: left; margin: 0; width: 60%; max-width: 40em; padding: 0 0 0 22px; }
p { text-align: left; }
.menu-button { clear: none; float: left; margin: 12px 0 0 0; width: 60%; max-width: 25em; }
.footer-strip { overflow: hidden; }

.footone { display: block; float: left;  padding: 5px 0 0 0; margin: 0; width: 50%; overflow: hidden; }
.footone p { display: block; font-size: 11px; text-align: left; padding: 0 0 3px 10px; margin: 0;  }
.footone p a { font-size: 16px; text-align: left; width: 7.2em; padding: 0; margin: 0; }

.foottwo { display: block; float: right; width: 50%; padding: 13px 0 0 0; margin: 0 -10px 0 0; overflow: hidden; }
.foottwo p { display: block; font-size: 14px; text-align: right; padding: 0; margin: 0; }
.foottwo p a { text-align: right; font-size: 14px; width: 7 em; padding: 0; margin-right: -5px; }

.cv-cont-main .cv-cont-left { width: 35%; margin-left: 10%;  }
.cv-cont-main .cv-cont-right { width: 35%; margin-right: 10%; }
.introbx-R p { width: 96%; margin: 2% auto 0; text-align: left; }
.introbx-R p.audio-p { width: 96%; margin: 2% auto 0; text-align: center; }

/*  Privacy Policy */
/*  Privacy Policy */
.introbx-CV li.priv-pol { font-size: .9em; line-height: 1.6em; width: 70%; margin: 1.2em 0 .6em 7em; }
h5.priv-heading { margin: 25px 0 -15px 44px; text-align: left; }


.colcelltwo .searchresultsbox { display: block; float:left; width: 62%; height: auto; margin: 1.5em 0 0 0; }
.colcelltwo .searchresultsbox h2 { font-size: 1.3em; width: 100%; max-width: 48em;   }
.colcelltwo .searchresultsbox h3 { font-size: .9em; width: 100%; max-width: 48em; }
.colcelltwo .searchresultsbox h3 a { font-size: 1.8em; width: 100% }
.colcelltwo .searchresultsbox span.no-match { font-size: 12px; margin: 130px auto 10px; } 
}

/* --------------------------------------------
Desktop Devices - Take effect from 960px
----------------------------------------------*/
@media only screen and (min-width: 960px) {

.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; } 

.logobox-two { max-width: 230px; }
.search-cont { float: right; width: 40%; max-width: 12.2em; height: auto; max-height: 2.15em; margin: 3px 0 20px 0; }
h1 { font-size: 3em; line-height: 1.3em; width: 75%; max-width: 100em; word-spacing: 0.07em; letter-spacing: 0.05em; margin: 10px 0 0 0;  }
h2 { font-size: 1.5em; line-height: 1.2em; letter-spacing: 0.08em; width: 75%; max-width: 100em; word-spacing: 0.2em; }
h3 { width: 75%; max-width: 100em; line-height: 1.7em; }
nav { margin: 12px 46px 0 0; padding: 0; }
.colcelltwo { padding: 11px 11px 40px 11px; }

/* Table 2 - Content  */
p.blog-para-top { display: block; width: 96%; padding: 25px 1.5% 0.5%; margin: 148px 2% 0; border-top: 1px solid #00abff; }
p.blog-para { display: block; width: 96%; padding: 0.5% 1.5%; margin: 12px 2% 0; }
.tb-two { display: table; table-layout: fixed; width: 100%; max-width: 1920px; height: auto; padding:0; margin: 0; }
.content-row { display: table-row; width: 100%; max-width: 1920px; height: auto; }
.colthree { display: table-column; }
.colfour { display: table-column; }
.content-left { display: table-cell; vertical-align: top; margin: 1em; width: 40%;  }
.priv-content-left { display: none;  }
.content-left.col-zero { display: table-cell; vertical-align: top; margin: 1em; width: 0%;  }
.introbx-L { margin: 21px 9% 4% 9%; padding: 0 !important;  }
#my-slide { margin: 15px 0 35px; }
.content-left #my-still img { margin: 8px auto 0; }
/* Needs to align with: */
.content-right article.post>h4 { margin: -16px auto 3%; }

/* Privacy Statement */
/* Privacy Statement */
.priv-content-right { display: table-cell; vertical-align: top; margin: 0 auto 1em; width: 100%; padding: 0; }
.introbx-CV li.priv-pol { width: 80%; font-size: 1.1em; line-height: 1.5em; padding: .3em .1em 0 .5em; color: #ffffff; margin: 1em 0 1.25em 8em; }
h5.priv-heading { margin: 25px 0 -15px 60px; }
/* Privacy Statement */
/* Privacy Statement */
.foottwo p a { margin-right: -10px; }



.content-right { display: table-cell; vertical-align: top; margin: 0 auto 1em; width: 60%; padding: 0; border-left: 1px solid #00abff;   }
.content-right.col-max { display: table-cell; vertical-align: top; margin: 0 auto 1em; width: 100%; padding: 0; border-left: 1px solid #00abff;   }
.introbx-R { margin: -14px auto 0; padding: 0 0 20px; }
.introbx-R h4 { font-size: 2.2em; line-height: 2.2em; }

/* Work History - CV - pages one and two */
/* Work History - CV - pages one and two */
.introbx-CV { margin: 0 auto 0; padding: 0; }
.introbx-CV h4 { margin: 15px auto 0; padding: 0; font-size: 1.6em; line-height: 1.8em; }
.introbx-CV p { width: 90%; font-size: 1.1em; line-height: 1.6em; margin: 15px auto 0; }

.flexnav li#menu-item-81.home-left-edge-ptp a { border-radius: 6px 0 0 6px; border-left: none; }
.flexnav li#menu-item-98.audio-right-edge-ptp a { border-radius: 0 6px 6px 0; border-right: none; }
.rtwo { border-radius: 0 6px 6px 0; }
#rthree { border-left: none; }


.colcelltwo .searchresultsbox { display: block; float:left; width: 62%; height: auto; }
.colcelltwo .searchresultsbox h2 { font-size: 1.7em; width: 100%; max-width: 120em; margin: 0 auto; }
.colcelltwo .searchresultsbox h3 { font-size: 1em; width: 100%; max-width: 120em; }
.colcelltwo .searchresultsbox h3 a { font-size: 2em; width: 100% }

/* footer section - table three */
.tb-three { display: table; table-layout: fixed; width: 100%; max-width: 1920px; height: auto; padding:0; margin: 0; }
.footer-row { display: table-row; width: 100%; max-width: 1920px; height: auto; }
.footer-strip { width: 100%; }
.colcelltwo .searchresultsbox span.no-match { font-size: 13px; margin: 170px auto 10px; } 
}

/* --------------------------------------------
Big Screen Devices - Take effect from 1200px
----------------------------------------------*/
@media only screen and (min-width: 1200px) {

  .content-left #my-still img { float: left; align-content: top; margin: 10px auto; padding: 0; }
  /* Needs to align with: */
  .content-right article.post>h4 { margin: -6px auto 20px; }
  h5.priv-heading { margin: 25px 0 -15px 80px; }

 .logobox-two { max-width: 260px; }
 h1 { font-size: 4.1em; width: 77%; max-width: 400em; letter-spacing: 0.05em; word-spacing: 0.1em; margin: 0; }
 h2 { font-size: 2.25em; width: 77%; max-width: 400em; }
 h3 { font-size: 1.2em; width: 77%; max-width: 400em; padding: 0 0 0 27px; }
 .foottwo p a { margin-right: -20px; }
 
}