/*
Theme Name: MIHMORANDUM
Theme URI: https://www.davidmihm.com/blog/
Description: Designed by David Mihm for his own personal use.
Version: 100.100
Author: David Mihm
Author URI: https://www.davidmihm.com/


*/


body {background: #FFFFFF;color: #111111; margin: 0;text-align: left; font-family: /*"Source Sans Pro",*/ "Libre Franklin", "Helvetica", "Arial", sans-serif; font-weight:300; position:relative; }

* {outline:none !important; }

body.home .homewrap, body.home header, body.page-template-page-contact header {background:#26182b;}
body.page-template-page-about header {background: #000000}
body.home {margin:0; background-color:#FFFFFF; padding-bottom:0px !important;  }
body.home .homewrap, body.page-template-page-about .homewrap, body.page-template-page-contact .homewrap {background-color: #26182b;height: 530px; margin-bottom:20px;color:#FFFFFF; position: relative; background-width:100%; /*background-image: url(images/homepage_bkg.jpg);*/ background-height:auto; background-repeat: no-repeat; }
body.page-template-page-contact .homewrap {height: 575px}
body.page-template-page-about .homewrap {background-color: #000000;background-image: url(images/homepage_bkg.jpg);}

code {color: #654630}

.home-row {padding-bottom:20px; padding-top:40px;}

svg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 58px;
  /* set height to pixels if you want angle to change with screen width */
  z-index:2;
}

svg.svg-2 {
  width:100%;
  height:36px;
  z-index:1;
}

@media (max-width: 992px) {svg {height: 58px}}
@media (max-width: 767px) {svg {height: 28px}}

body.home .primarycontent {float: none}

body.home .primarycontent h1, body.page-template-page-about .primarycontent h1 {color: #FFFFFF;font-weight:700; text-transform:uppercase;}
body.home .primarycontent h5, body.page-template-page-about .primarycontent h5 {font-size:24px; font-style:italic; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; margin-bottom:40px; /* font-family: "Hoefler Text", "Goudy Old Style", "Garamond", "Adobe Garamond", "Georgia", serif; */ text-transform: none}
.hero-row {min-height:500px;}


@media (min-width:1361px) {body.home .homewrap, body.page-template-page-about .homewrap {background-position: -100px -150px; } }
@media (min-width:1600px) {body.home .homewrap, body.page-template-page-about .homewrap {background-position: 5% -150px; } }
@media (max-width:1360px) {body.home .homewrap , body.page-template-page-about .homewrap{background-position: -200px -150px;} }
@media (max-width:767px) { 
  body.home header, body.page-template-page-about header {min-height:6em !important;} 
  body.page-template-page-about .homewrap {height:300px; margin-bottom:340px;}
  body.page-template-page-about .homewrap {margin-bottom: 100px}
  body.page-template-page-about .primarycontent h1 {color: #cd8200; position: relative; top: 260px; }
  body.page-template-page-about .bio {padding-top: 30px; padding-bottom: 15px}
  body.home .homewrap, body.page-template-page-contact .homewrap {height: 460px; margin-bottom: 60px}
}

@media (max-width: 784px) {
  body.page-template-page-contact .homewrap {height: 90vh; min-height: 660px}
}





.serif {font-weight:700; text-transform: uppercase; }
#footer .serif {font-weight:300; text-transform:none; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif;  /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif; */ }

#getintouch {position:fixed; top: 50%; right:-30px;  height:0; text-align:left; z-index:4;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#gform_wrapper_1 {margin-top: 0px}
#gform_wrapper_1:after {content: '';    display: block;    clear: both;}
#gform_1 label {padding-top:20px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; font-size: 12px;}
#gform_1 .gfield_required_asterisk {color: #cd8200; margin-left: -2px}
#gform_1 .gfield {float:left; width:45%; clear:left; padding-right:5%}
#gform_1 #field_1_5 {float:none; clear:none; display:inline-block; padding:0; width: 50%}
#gform_1 textarea {border:1px solid #FFFFFF; padding:15px; height:235px; background: #26182b; color: #FFFFFF;}
#gform_1 input[type=text] {background: #26182b; border: 0px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF}
#gform_1 input[type=text]:focus, #gform_1 input[type=text]:active, #gform_1 textarea:active, #gform_1 textarea:focus {background: #392441}
#gform_submit_button_1 {border-radius: 5px; margin-top: 20px; z-index: 10000;letter-spacing: 2px; text-transform:  uppercase; margin-left:15px; background:#cd8200; color:#FFFFFF; border:0px; padding:8px 20px; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ }
#gform_submit_button_1:hover, #gform_submit_button_1:focus, #gform_submit_button_1:active {background:#FFFFFF; color: #cd8200; cursor: pointer}
.gform_legacy_markup_wrapper form li, .gform_legacy_markup_wrapper li, .margin-left-zero {margin-left: -15px !important}
.gform_footer {clear: both; z-index: 10000}
#gform_1 .ginput_container_text, #gform_1 .ginput_container_email {margin-top: 0px}

@media screen and (max-width: 992px) {
.margin-left-zero {margin-left: -5px !important}
}

#getintouch a {display:block; text-decoration:none; background: #bbb; color:#FFFFFF; font-size:11px; letter-spacing:1px; font-weight:100; text-transform:uppercase; padding: 14px 20px 12px 20px;  margin:0; opacity:.77; z-index:4}
#getintouch a:hover {background:#cd8200;  opacity:1}

.home #getintouch a {background:#cd8200; color:#000000; border-top:0px solid #111; opacity:1	}
.home #getintouch a:hover {background:#FFFFFF; border-top:0px solid #d2d2d2;}
.page-id-2110 #getintouch {display:none}


#footer {color: #FFFFFF; background: #26182b; margin-top: 100px; padding: 100px 0 50px 0; position: relative;}
#footer li {list-style-type: none; margin: 3px 0}
.utility-row {border-top: 1px solid #654630;padding-top: 20px; font-size: 12px; margin-top: 40px !important}
#footer a.logo, #footer a.logo img {min-width: 25px; min-height: 25px}
#footer a.logo img {padding-top: 6px}

#footer a {color: #FFFFFF; opacity: 0.8; font-weight: normal;}
#footer a:hover, #footer a:focus, #footer a:active {color: #cd8200; opacity: 1.0}


#footer svg {bottom: auto; height: 40px; top: -40px}
#footer-form #gform_1 .gfield {
width: 31%; padding: 0; margin: 0 2% 0 0;clear: none; text-align: left; padding-left: 0;
}

p#copyright { margin-top:25px; opacity:0.8 }

#footer-form #gform_fields_1 {text-align: left}
#footer-form #gform_1 .gfield input[type=text], #footer-form #gform_1 .gfield input[type=email] {font-size: 14px;border: 1px solid #26182b; border-bottom: 1px solid #FFFFFF; width: 100%; color: #FFFFFF; font-weight:  bold}
#footer-form #gform_1 .gfield input[type=text]:focus, #footer-form #gform_1 .gfield input[type=email]:focus, #footer-form #gform_1 .gfield input[type=text]:active, #footer-form #gform_1 .gfield input[type=email]:active {border: 1px solid #FFFFFF}
#footer-form #gform_1 #field_1_5 {flex-basis: 100%; max-width: 97%;margin-top: 20px;clear: both; width: 100%}
#footer-form #gform_1 textarea {height: auto; max-height: 100px}

@media (min-width: 768px) and (max-width: 992px) {#footer-form #gform_1 .gfield {width: 100%; margin-top: 20px}}

#footer-form #gform_1 #gform_submit_button_1 {margin: 0 0 40px 0}

html a {font-weight: bold; color: #cd8200; } 
html a:visited {font-weight: normal; color: #444444; }
html a:hover {color: #000000; }
img {border: 0; }
.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}
ul {padding:0px; margin:0px;}


hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #d2c7a7; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }
h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-family: "Libre Franklin","Helvetica","Arial",sans-serif;}
h1 {letter-spacing: -1px;}

#wpadminbar {display:none;}
.row {margin:0 auto;}
.container {position:relative;}

header {background:#cd8200; min-height:9em; margin:0; position:relative;}

@media screen and (max-width:576px) {header {min-height:7em;}}

#nav {padding:10px 0 !important; margin:0px !important; position:relative;}
#nav li {list-style-type:none;}
#nav a:hover {text-decoration: none;}
.utilnav {}
.util-secondary {float: left; padding-left: 26px !important}
p.util {padding:20px 0 20px 60px; position:relative; float:left }
p.util a.logo img {position: absolute; top: 19px; left:0px; height:33px; width:41px;}
p.util a {opacity:  0.8;font-weight:300; text-transform: uppercase; font-size:10px; display:block; line-height:10px !important; padding:0 0 1px 0 !important; margin:0 !important; letter-spacing:0px;}
p.util a.logo {padding:0px !important}
.socialicons a {opacity: 0.8}
.headeremail {font-weight: normal; font-size: 11px; line-height: 6px; position: relative; top: -5px}
p.util a, .socialicons a, .socialicons a:visited, p.util a:visited {color:#FFFFFF;}
p.util a:focus, p.util a:hover, .socialicons a:hover,.socialicons a:focus  {opacity: 1.0}

.home p.util a:focus, .home p.util a:hover, .home .socialicons a:hover, .home .socialicons a:focus, .page-template-page-about p.util a:focus, .page-template-page-about p.util a:hover, .page-template-page-about .socialicons a:hover, .page-template-page-about .socialicons a:focus {opacity: 1.0; color: #FFFFFF}

.home #nav .primary {display:none;}


#nav .primary {height:auto; display:block; padding:0px; margin:0px; position:relative;}
#nav .primary li {margin:0;}
#nav .primary li a {text-decoration:none; padding:19px 5% 20px 5%; display:block; font-weight:100; font-size:18px; text-transform: uppercase;}
#nav .primary li a:hover {background:#cd8200; opacity:.77; color:#FFFFFF; /* border-top:1px solid #7d4f00;*/}
#nav .serif, h6.serif {display:block; height:auto; font-weight:100; text-transform: uppercase; opacity:.77; letter-spacing:1px; font-size:9px;}

.socialicons {position:absolute; top:25px; right:0px; z-index:2; text-align:right;}
.socialicons a {padding:0 1px 0 0;}




.menutrigger {text-align: right; padding: 24px 31px 0 0;display: none; text-transform: uppercase; font-weight: 300; font-size: 11px; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif;}
.menutrigger a {font-weight: 300; color: #FFFFFF !important; opacity: 0.8}
.menutrigger a:hover, .menutrigger a:focus, .menutrigger a:active {opacity: 1.0}
.menutrigger a i {font-size: 18px; position: relative; left: 6px; top: 2px}

#mobilemenu {display: none}

#mobilemenu {margin: 0 -25px 60px auto; position: relative; top: 15px;padding: 0; width: calc(100% - 40px); }
#mobilemenu a {color: #FFFFFF !important; text-align: right;font-weight: normal; text-transform: uppercase;display: block; width: 100%; border-bottom: 1px solid #b37200; margin: 0; padding: 10px 50px 10px 20px; font-size: 12px}
#mobilemenu a:focus, #mobilemenu a:hover, #mobilemenu a:active {background: #b37200}
#mobilemenu a#menucollapse {opacity: 0.6; font-size: 9px; border: 0px}

.home #mobilemenu a {border-bottom: 1px solid #3b2543}
.home #mobilemenu a:focus, .home #mobilemenu a:hover, .home #mobilemenu a:active {background: #3b2543}

@media screen and (max-width: 576px) {
  header {border-top: 7px solid #26182b;}
  .utilnav, .menutrigger {margin-top: -7px}
  .svg-2, .socialicons, p.util a.desktopmenu {display: none;}
  .menutrigger {display: block}
}




.blogsidebar {float:right; padding: 0 2.5%; border:1px solid #FFFF00; clear:right;}
.servicesidebar {padding-top:50px; float:left; text-align:center;}
.servicesidebar ul {padding-top:0px;}
.servicesidebar li, .servicesidebar li a {line-height:1.1em; padding-top:10px; font-weight:100; list-style-type:none; text-transform:uppercase}
.servicesidebar li a {color:#cd8200;}
.servicesidebar li a:hover {color:#666; text-decoration:none;}
.servicesidebar .serif {display:block; clear:both; font-size:9px; margin-bottom:-3px; }

.primarycontent h1 {padding: 2em 0 .5em 0; font-size: 2.2rem; color: #26182b}
.primarycontent h2, .primarycontent h3, .primarycontent h4, .primarycontent h5, .primarycontent h6 {padding:15px 0; width:auto;}
.primarycontent h4, .primarycontent h5, .primarycontent h6 {font-weight:900; font-size:1.25em;}
.primarycontent h5 {font-size:1.1em; font-weight:100; text-transform:uppercase; letter-spacing:1px;}
.primarycontent h6 {font-size:1em;}
.primarycontent ul, .primarycontent ol {margin-left: 18px; padding-left:0px;}
.primarycontent ul {padding-bottom: 10px; font-size:15px}
.primarycontent ol {margin-left:20px;}
.primarycontent p {font-size:16px}

.categorycontainer .primarycontent {padding:50px 0 0 0;}
.home .primarycontent a {color:#FFFFFF; text-decoration:none; font-weight:normal;}
.home .primarycontent .first {margin-left:-15px;}
.home .primarycontent .last, .categorycontainer .primarycontent .last {margin-right:0px}
.home .primarycontent a:hover {color:#cd8200;}

.home h1 {font-size:40px; margin-bottom:15px; padding:80px 0 0 0; font-weight:100;}
.home h2 {font-weight: 300; text-transform: none; font-size: 30px}
.home h3 {font-size:32px; font-weight:700; text-transform: uppercase; letter-spacing:-1px; margin-bottom:10px;}
.home h4 {text-transform: uppercase; letter-spacing:-1px; margin-bottom:10px;}
.home .col a {text-decoration: none; border-bottom:0px solid #FFFFFF;}

.categorycontainer h3 {padding:0;font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ font-style:italic;}
.categorycontainer h4 {padding-bottom: 5px;}
.categorycontainer h6 {padding-left: .65%; padding-top:10px; padding-bottom:10px; font-size: 9px; font-weight:100; opacity:.77; padding-left:0px; opacity:1}
.categorycontainer .entry a {font-weight:100; color:#666}
.categorycontainer .entry a:hover {text-decoration:none; color:#cd8200}
.subcategory h1 {padding-top:0px;}

.bloghdr {position:relative; padding:1px 0 0 0; margin:0; min-height:11em; color:#FFFFFF;}
.page-template-page-contact .bloghdr {min-height: auto;}
.bloghdr h2 {margin-top:40px; padding:0 0 50px 0; }
.bloghdr h3 {line-height:11px; margin-top: -40px}
.bloghdr img {width:23%; position:absolute; bottom:0px; padding:0; max-height: 11.5em; max-width:11.5em}

.bc {color:#666; font-style:italic; text-transform:none !important; padding: 2px 0 0 0; }
.bc a {font-weight:normal; color:#efefef !important}


.bottomrow {padding-top:50px; font-size:12px;}
.bottomrow h4 {font-size:18px}
.home .bottomrow a {padding:5% 2.5%;}
.home .bottomrow a:hover {background:none; color:#FFFFFF}
.bottomrow .col {padding:0 2.5%;}
.bottomrow ul {list-style-type:none; margin-left:0px; padding-left:0px; font-size:12px;}
.bottomrow li {margin-left:0px; padding-left:0px;}

.col h4 {padding-top:5%; padding-bottom:5px; color:#111; font-weight:100; }
.home .bottomrow .col a {padding:0; display: inline-block; font-size:12px; line-height:14px !important;}
.home .bottomrow .col h4 a {font-size:inherit; line-height:1.2em !important}
.col p {font-size:12px; border-bottom: 1px solid #d2d2d2; padding-bottom:10px; color:#111}
.home .col p {color:#000000; border-bottom: 0px solid #666666; font-size:14px;}
.follower-count {float:right; width:auto;}
.profile-link {float:left; width:auto; font-size:12px;}

.categorycontainer .bottomrow .col {padding:0 15px;}
.categorycontainer .bottomrow .col a {color:#111; font-weight:100;}
.categorycontainer .bottomrow .col a:hover {color:#cd8200; text-decoration:none;}
.categorycontainer .bottomrow .col ul {margin-top:-6px}
.categorycontainer .bottomrow .col li {padding: 6px 6px 6px 3px; border-bottom:1px solid #d2d2d2;}


.primarycontent blockquote {font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ font-style:italic; clear:none !important; border:0px solid #654630; padding:1em; border-width:1px 0; color:#26182b; margin:1.5em 0;}
.primarycontent .alignleft, .primarycontent .callout, .primarycontent .stat, a.portfolio_lrg {margin-left:-21.666666667%; width:66.666666667%; clear:left !important; margin-right:15px; float:left;}
.primarycontent .callout, .primarycontent .stat {width: 21.666666667%; margin-right:0px; padding-right:15px}
.primarycontent .alignright {float:right; clear:right; width:50%; border:0px; color:#cd8200; padding-left:40px; margin-top:0px; padding-top:40px}

a.portfolio_lrg img {max-width:100%; padding-bottom:10px;}
a.portfolio_lrg {text-align:center; width:50%; border:1px solid #d2d2d2; display:block; padding:15px; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /*font-family:"Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ text-transform: uppercase; font-size:10px; letter-spacing:1px; font-weight:100;}
a.portfolio_lrg:hover {border:1px solid #cd8200; text-decoration:none;}

h2.client, h2.client a {font-weight:100; color:#111;}
h2.client {margin-top:30px; padding-top:10px; font-family: font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ text-transform:uppercase; font-size:10px; letter-spacing: 1px;}
h2.client a {font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; font-size:30px; text-transform:none; margin-top:20px; letter-spacing:-1px; display:block;}
h2.client a:hover {color:#cd8200; text-decoration:none;}


.facets {margin-bottom: 30px}
a.facet, a.facet:visited {color: #26182b; display: inline-block; margin-right: 10px;border-radius: 15px; padding: 8px 12px; line-height: 14px;font-size: 14px; font-weight: normal; border: 1px solid #26182b}
a.facet:hover, a.facet:active {color: #FFFFFF; background: #26182b; text-decoration: none;}

a.contact-button, a.contact-button:visited {color: #FFFFFF; display: inline-block; margin-right: 15px;border-radius: 15px; padding: 8px 12px; line-height: 14px;font-size: 14px; font-weight: normal; border: 1px solid #FFFFFF}
a.contact-button:hover, a.contact-button:active {color: #FFFFFF; background: #26182b; border-color: #26182b; text-decoration: none;}
.home a.contact-button:hover, .page-template-page-about a.contact-button:hover, .home a.contact-button:active, .page-template-page-about a.contact-button:active {color: #26182b; background: #cd8200; border-color: #cd8200; }

@media (min-width: 576px) {.mobilemenu a.contact-button {display: none}}
.page-template-page-contact a.contact-button {display: none}


.clientimg {margin-bottom: 30px;clip-path: circle(50% at center); vertical-align: middle; width: 100%}
.review {padding: 30px 0; display: block; border-bottom:1px solid #d2c7a7 }
.peer-review {color: #654630}
.client-review {color: #26182b; font-style: italic;}
.reviewer {display: block; clear: both; margin-top: 15px; font-style: normal;}

@media (max-width:768px) {
.primarycontent .callout, .primarycontent .stat {width:100%; padding:20px 0; margin:0; float:none; clear:both;}
.primarycontent .stat {text-align:left;}
}


table {padding:0; margin:0}
table tr {margin:0; padding:0}
table td {padding:10px 0 0 0; margin:0; vertical-align:top}
table li, table ul {text-indent:none; list-style-type:none; margin-left:-20px; padding-left:0px; padding-right:20px;}
table li a {font-weight:normal}

.smpull {width:33.33333333%}
.lgpull {width:75%;}





/* 
#footer form {margin: 0; padding: 0px 0px 0 0; text-align: right; line-height: 14px; position: relative; height: 14px; top: -3px}
#footer form input[type=submit], #footer form input[type=submit]:focus {float: right; clear: right; padding: 4px 4px 2px 2px; padding-left: 3px; color: #654630; background:none; border-bottom:1px solid #654630;}
#footer form input[type=submit] {font-size:13px !important;}
#footer form input:hover {opacity:1}
#footer form input {margin: 0 !important; line-height: 12px; border: 0px; position: relative; top: 0px; }
#footer form input[type=text] {border-bottom:1px solid #654630; float: right; clear: none; font-size: 11px; padding: 4px 4px 2px 23px; margin: 0; font-size: 10px; color: #654630; background:none; width:140px;}
*/
#footer i.fa {position:absolute; right:155px; top:3px;}

/*
.home #footer form input[type=text] {color:#000000; border-bottom:1px solid #666666;}
.home #footer form input[type=submit] {border-bottom: 1px solid #666666; color:#000000; }
.home #footer form input[type=text] {color: #000000; }
*/

.entry .postdetails {font-size:10px; display:block; padding: 0; margin:0px 0;  }
.entry .commentcount {float:right;}
.pagedentry {border-bottom: 1px solid #d2d2d2; margin-bottom:20px;}
.singlecontainer .entry {padding-bottom:40px;}

.nextprev {padding-top:15px; border-top: 1px solid #d2d2d2; margin-top:5px; color:#d2d2d2; margin-bottom:50px;}
.nextprev a {color:#cd8200}
.nextprev a:hover {color:#111; text-decoration:none;}


.wp-pagenavi {padding-left:0px; margin-left:-10px; }
.wp-pagenavi a, .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .current {font-weight:100; display:block; float:left; padding:5px; border: 1px solid #654630; font-size:12px; line-height:12px; margin-right:4px;color:#654630}
.wp-pagenavi a:hover {border:1px solid #cd8200; color:#FFFFFF; background:#cd8200}
.wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .current {border:1px solid #FFFFFF;}


.postnumber-post {padding-top:80px; }
.postnumber {margin:0; padding-right:30px; border-right:1px solid #d2d2d2;text-align:right; font-size:30px; font-weight:100; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family:"Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ font-style:italic;}
.postnumber h6 {font-style:normal; padding-top:0px; margin-top:0px; top:-4px; position:relative;}
.datetime {display:block; font-size:11px; text-align:right; padding-right:30px; border-right:1px solid #d2d2d2; margin:0;}


.postnumber-post {text-align:center; padding-top:80px}


.conversation {padding:10px 0; border-bottom: 1px solid #d2d2d2; }
a.linktocomments {margin-top:0px; display:block;}
a.linktocomments i {font-size:35px;}
a.linktocomments:hover {text-decoration:none;}
.socialbuttons a {display:inline-block; text-align:center; width:1.5em; height:1.5em; padding: 3px; margin-right:3px; background:#654630; color:#FFFFFF !important;}
.socialbuttons a:hover {background:#cd8200}
.socialbuttons h6 {margin-bottom:10px;}
.socialbuttons {margin-top:0px; padding-top:15px;}
.smallersocial {display:none;}

#commentwrapper {padding-top:20px;}
#commentwrapper ol.serif li .actualcomment {font-size:13px; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; padding:0px; position:relative; top:-25px; line-height:1.4em; color:#111;}
.actualcomment p {padding:0px !important; margin:0 0 10px 0;}
#commentwrapper li {margin-left:0px; padding:20px 20px 5px 20px; border-bottom: 1px solid #d2d2d2; font-size:25px; line-height:13px; color:#654630}
#commentwrapper li cite {font-size:13px; line-height:13px;}
cite a {font-weight:normal;}

#commentwrapper form, h3.reply {padding-left:20px;}
#commentwrapper form label, #commentwrapper form input[type=submit] {font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ font-weight:100}
#commentwrapper form label {margin-left:7px;}
#commentwrapper form input[type=text] {border:1px solid #654630; padding:5px;}
#commentwrapper textarea {padding:10px; width:100%; border:1px solid #654630;}
#commentwrapper input[type=submit] {background:#000; color:#FFFFFF; border:0px; padding:8px 20px}
#commentwrapper input[type=submit]:hover {background:#cd8200}

.postnavigation {color:#654630; padding:80px 20px 20px 20px; margin-bottom:-40px; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family:"Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/}
.postnavigation p {color:#654630; font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; }
.postnavigation a {font-weight:100; color:#654630}
.postnavigation a:hover {color:#cd8200;}
.postnavigation .alignleft {padding:0; margin:0;}
.postnavigation .alignright {text-align:right;}







.bio {padding-top:30px;}
.bio img {max-width: 220px; padding:20px 0;}
.education {list-style-type:none; font-size:12px; padding:5px 0; display:inline-block}
.education strong, .education em {display:block; clear:both; padding-top:5px}
.nutshell {padding:10px 0; font-size:12px;}

.tidings_logo {max-width:100%;}
#tidings {text-align:center;}
h5.serif {padding:10 0; margin:0}

@media screen and (max-width:767px) {
	.tidings_logo {max-width:60%}
	.home h1 {font-size:32px}
}

.clientrow * {text-align: center}
.clientrow .differentiator {padding-bottom: 30px; margin-bottom: 20px}
.clientrow .differentiator p a {margin-left: auto; margin-right: auto;font-weight: normal; color: #26182b; display: inline-block; font-size: 11px;border-radius:50%; background:#dfdfdf; width:65%; height:100%;}
.clientrow .differentiator p a .clientname {padding: 0px 10px; display: block;position: relative; top: 50%; transform: translateY(-50%); }
.clientrow .differentiator p {position: relative; width: 100%; height: 100%;}


.supportingcontent {text-align: right; color: #cd8200; font-size: 12px; color: #26182b; font-weight: bold;}
.supportingcontent h6, .differentiator h6, .offering h6, h6.more {position: absolute; bottom: 20px; right: 10px; text-transform: uppercase; letter-spacing: 3px; font-size: 14px; vertical-align: baseline;}
.supportingcontent .callout h6, .differentiator h6, .offering h6, h6.more {position: relative; top: 0; right: 0px; margin: 20px 0 8px 0;}
.supportingcontent .callout {margin: 65px 0}
.callout li {margin-right: -10px !important}
.offering h6, h6.more, .differentiator h6 {right: 0; margin: 0; font-size: 12px; letter-spacing: 2px; padding-bottom: 8px}
.supportingcontent h4 {padding: 0 0 20px 0; font-weight: bold; font-size: 18px; color: #cd8200}
.callout a, .differentiator a, .offering a, h6.more a {text-decoration: none;}

a.cta, a.cta:visited {
  border-radius: 5px; background: #cd8200; padding: 20px; display: inline-block; color: #FFFFFF; width: auto;
}
a.cta:hover, a.cta:active, a.cta:focus {
  background: #26182b;
  color: #FFFFFF;
}
.homewrap a.cta:hover, .homewrap a.cta:active, .homewrap a.cta:focus {
  background: #FFFFFF;
  color: #26182b;
}


.resource {margin: 0 0 60px 0}
.resource h4 {margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 5px}
.resource em {display: block; clear: both}


@media (max-width:1200px) {
  /* .primarycontent, .bio, .supportingcontent {padding:0 3.65%}  */
  .home .socialicons {top:25px;}/*.socialicons {top:60px; left:1.65%;}*/  
  .bloghdr img { bottom:0px; }
  .bloghdr h2 {margin-top:40px;}
}

body.home .primarycontent, .page-template-page-contact .primarycontent {padding:0;}
body.home .secondarycontent {padding-left: 1%; padding-right: 1%}

.primarycontent ::selection, .secondarycontent ::selection {background: #cd8200; color: #FFFFFF}

@media (max-width:992px) { 
  #nav {top:0px}
  .bloghdr {margin-top:0px;}
  .bloghdr h2 { margin-left:0;}
  .bloghdr h3 {margin-left:0;}
  ul.primary {clear:left !important; left:0%;} 
  p.util {display:block;}
  .bio, .supportingcontent, body.home .secondarycontent {padding:0 2.5%}
  .page-template-page-contact .primarycontent {padding:0 15px;}
  body.home .primarycontent {padding: 0 3.5%;}
  .primarycontent .alignleft, a.portfolio_lrg, .primarycontent .stat {margin-left:0%;}
  .socialicons {top:25px; right:3.65% !important; left:auto;}
  .home .primarycontent .first {margin-left:0px;}
  .supportingcontent h6 {position: relative; top: 0; left: 0; margin-top: 20px}
  .supportingcontent {text-align: left; font-size: 18px;}
  .categorycontainer .primarycontent {padding-top:20px;}
  .conversation {padding-bottom: 60px;}
  .socialbuttons {display:none;}
  .singlecontainer .entry {padding-bottom:80px;}
  .smallersocial {display:block; border-bottom:1px solid #d2d2d2; padding-top:0px; text-align:center; padding-bottom:30px;}
  .smallersocial h6 {font-size:9px; font-weight:100; line-height:11px; padding-bottom:10px; margin-bottom:0px;}
  .bio img {padding-right:30px; padding-bottom:0px}
  .nutshell {padding-top:20px; }
  h2.client {margin-top:20px;}
} 
 
@media (max-width:784px) {
  .home h6 {padding-left:1%;}
  .home .col {padding:0 4%}
  .bloghdr img {display:none;}
  .bloghdr h2, .bloghdr h3, .bc {margin-left:0;}
  .primarycontent blockquote.alignleft, .primarycontent blockquote.alignright {width:100% !important; float:none; padding: 0 0 20px 0; margin: 0}
  a.portfolio_lrg {float:none; width:100%;margin-top:50px;}
  #getintouch {position:relative; top: 0%; left:0px;  height:auto; text-align:center; z-index:4; width:100%;
  /* Safari */
  -webkit-transform: rotate(0deg);
  /* Firefox */
  -moz-transform: rotate(0deg);
  /* IE */
  -ms-transform: rotate(0deg);
  /* Opera */
  -o-transform: rotate(0deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
  #getintouch a {width:100%; background:#cd8200}
  #getintouch a:hover {background:#333}

  #gform_1 .gfield {width: 100% !important; padding: 0 !important; float: none; clear: both;}
  .margin-left-zero {margin-left: -25px !important}
  #gform_submit_button_1 {margin-left: 0px !important}
  #gform_1 textarea {height: 130px}

}

@media (max-width: 767px) { 
.margin-left-zero {margin-left: -15px !important}
.hidemobile {display: none}
}



.offering {padding: 0 30px 20px 0}
.differentiator {padding: 0 15px 20px 15px}
.offering h5, .differentiator h5 {text-transform: uppercase; padding: 0; margin: 0 0 5px 0; opacity: 0.8; font-size: 9px; letter-spacing: 2px;}

.differentiator center h5 {font-size: 12px; }
.differentiator img {  clip-path: circle(50% at center); }

.homehighlight {background: #26182b; color: #FFFFFF !important; padding: 10px 0 30px 0}
.homehighlight * {color: #FFFFFF !important}

.primarycontent .stat, .secondarycontent .stat {color:#666; padding-top:3px; font-size:11px !important; text-align:right;}
.secondarycontent .stat {text-align: center; }
.stat h5 {font-family: "Libre Franklin", "Helvetica", "Arial", sans-serif; /* font-family: "Hoefler Text", "Goudy Old Style", "Palatino", "Georgia", serif;*/ font-style:italic;}
.stat h6, .differentiator .stat h6 {font-weight: 800;font-family: "Red Hat Display", "Arial Black", "Helvetica", sans-serif; color:#000; font-size:40px; letter-spacing:-1px; padding:0; margin:0; line-height:40px;}
.primarycontent .stat span {font-size:11px !important; line-height:13px !important; display:block}

.callout ul, .callout li {list-style-type:none; padding: 10px 5px; margin:0; border-bottom:1px solid #d2d2d2; font-size:12px;}
.callout ul {border:0px; padding:0px; margin-right:12px}





.sidebarsignup {padding-top:15px; margin-top: 15px; text-align:center; border-top: 1px solid #d2d2d2;}
.sidebarsignup h2 {font-size:1em; font-weight:100; margin-bottom:0px; padding-bottom:8px; }
.sidebarsignup #gform_wrapper_4, .sidebarsignup #gform_wrapper_4 li {padding:0px !important; margin:0px !important; width:100%;}
.sidebarsignup form, .sidebarsignup input {margin:0 auto; width:100%; margin-top:0px !important; margin-bottom: 0px !important; font-size:13px; font-weight:300; }
#gform_wrapper_4 label {display:none;}
#gform_wrapper_4 input[type=text] {width:100% !important; margin-right:0px !important; margin-bottom:0px !important;} 
#gform_wrapper_4 input[type=submit] {margin-top:-30px !important; background: #cd8200; color: #FFFFFF; padding: 8px 0px; border:0px;}
#gform_wrapper_4 input[type=submit]:hover {background:#000}


#gform_8 button, #gform_8 input.button, #gform_9 button, #gform_9 input.button {background:#000; color:#FFFFFF; font-weight:bold; padding: 10px; border:0px;}
#gform_8 button:hover, #gform_8 input.button:hover, #gform_9 button:hover, #gform_9 input.button:hover {background:#cd8200;}
#gform_8 input.gform_previous_button, #gform_9 input.gform_previous_button  {background:#654630;}


#gform_11 #field_11_6 .ginput_container_radio li {text-align:center; padding:0px 0 0 0; margin:20px 0 0 0 !important}
#gform_11 #field_11_6 .ginput_container_radio label {text-align:center; display:block; clear:both; padding-top:10px}
.page-id-2389 h1, .page-id-2389 ul.primary li {display:none !important;}








.modal-backdrop {z-index: 999; background:#FFFFFF; position:relative; width:100vw; height:100vh; opacity:0.8; filter:alpha(opacity=80);-moz-opacity:0.80}
.modal-wrap {z-index:1000; }
.modal-content {padding:30px; border:1px solid #CCCCCC; border-radius:0px; z-index:1000; opacity:1; filter:alpha(opacity=100);-moz-opacity:1; background:#FFFFFF; margin: 0 auto; position: absolute; left:50%; top: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); min-width:320px; max-width:680px; width:90vw;}
.modal-content textarea {width:auto; max-width:100%;}
.modal-content input {border:1px solid #d2d2d2; }
.modal-content li {list-style-type:none;}
.dismiss-modal {font-family: "Helvetica", "Arial", sans-serif; border:0px; font-size:30px; line-height:30px; padding:0px; top:8px; right:20px; position:absolute; margin:0; background:none; border:0px solid #FFFFFF; font-weight:100; color:#999999;}
.modal-content input[type=submit] {margin-top:25px; border-radius:5px; min-width:120px;}
.modal-content input[type=text], .modal-content input[type=email] {width:100%;}



nav.page-navigation {
    width: 120px;
    position: fixed;
    font-size:14px; 
    padding-top:14px
    font-weight:bold;
    text-align:right;
    margin-top:70px;
    margin-left:20px;

}
nav.page-navigation ul, nav.page-navigation ul * {margin-left:0; padding-left:0;}
nav.page-navigation li {
    width: 100%;
    list-style-type:none;
    margin-left:0;
    text-indent: none;
    padding-left:0;
    text-align:right;

}
nav.page-navigation a {
    padding: 0.2em 0;
    font-weight:300;
    display:block;
    font-size:11px;
}

nav.page-navigation .section-head a {font-size:14px; padding-top:14px;}
nav.page-navigation .active a {font-weight:bold;}

.inner-page-toc li {margin:.4em 0;}
.inner-page-toc ul {margin-bottom:30px;}

@media (max-width:767px) {nav.page-navigation {display:none;}}