/*
Theme Name:     icrementalbranding
Theme URI:      https://www.icrementalbranding.com/
Description:    Icremental Branding WP-Theme
Version:        1.0
Author:         CHRS Interactive
Author URI:	    https://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.header-bar {padding:10px 0;background: linear-gradient(to right,  rgba(67,84,101,1) 0%,rgba(255,127,64,1) 70%);}

.header-bar-title {padding-bottom:5px;width:calc(100% - 60px);color:#fff;line-height:1.3;font-size:1.5rem;}
.header-bar-form {width:calc(100% - 60px);position:relative;}
.header-bar-social {width:30px;position:absolute;top:0;right:0;}

.header-bar-form input[type=email] {height:36px;line-height:36px;padding:0 10px;background:#fff;border:none;border-radius:25px;width:100%;}
.header-bar-form .gfield--type-submit {width:30px;height:30px;position:absolute;top:3px;right:3px;margin:0;padding:0;}
.header-bar-form .gfield--type-submit input[type=submit] {display:block;width:30px;height:30px;padding:0;margin:0;border:none;background:var(--color-blue-dark) url(images/icon-play.svg) center center no-repeat;background-size:10px 10px;border-radius:100%;font-size:0;}
.header-bar-form .gform-footer {height:0 !important;padding:0 !important;overflow:hidden;}


.logo {width:600px;max-width:100%;margin:0 auto 30px;}
.logo img {display:block;}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.intro-banner-content {padding-top:40px;}
.intro-banner-pic img {display:block;width:100%;}

.authors-wrap {background:var(--color-blue-dark);}
.authors-content {padding:40px 0;}
.authors-content h2 {color:#fff;text-align:center;}
.authors-bg-pic {width:100%;height:250px;position:relative;}
.authors-bg-pic:after {content:"";position:absolute;top:0;left:0;width:100%;height:75%;background: linear-gradient(to bottom,  rgba(67,84,101,1) 0%,rgba(67,84,101,0.5) 50%,rgba(67,84,101,0) 100%);}

.author-row {border-top:5px solid var(--color-orange);background:#fff;margin-bottom:20px;}
.author-pic img {display:block;width:100%;}
.author-bio {padding:20px;box-sizing:border-box;}
.author-bio h3 {color:var(--color-orange);text-transform:uppercase;margin-bottom:0;}
.author-bio p {margin-bottom:10px;}
.author-bio p strong {font-size:2.0rem;}
.author-bio p:last-of-type {margin-bottom:0;}
.author-bio a {color:var(--color-main);}
.author-bio a:hover {text-decoration:underline;}

.embed-wrap {overflow:hidden;position:relative;}
.embed-pdf {padding:40px 30px;position:relative;}
.embed-pdf:after {content:"";position:absolute;top:0;left:-25%;width:150%;height:100%;background:var(--color-blue-light)}
.embed-pdf-inner {position:relative;z-index:3;}
.embed-pdf iframe {z-index:5;}

.embed-content {padding:40px 0;box-sizing:border-box;}
.contents-row {padding:10px 0;border-bottom:2px solid var(--color-orange);opacity:0.3;background:transparent;transition:0.4s;}
.contents-row.frame-trigger {opacity:1;cursor:pointer;}
.contents-row.frame-trigger:hover,
.contents-row.frame-trigger.active {background: linear-gradient(to right,  rgba(255,127,64,0) 0%,rgba(255,127,64,0.2) 100%);}
.contents-row h3 {font-size:1.8rem;text-transform:uppercase;font-weight:500;color:var(--color-orange);margin-bottom:0;}
.contents-row p {font-weight:500;margin:0;}

.embed-frame-wrap {display:none;position:relative;padding-top:0;width:100%;max-width:800px;height:600px;max-height:100%;margin:0 auto;}
.embed-frame-wrap.active {display:block;}
.embed-frame-wrap iframe {position:absolute;border:none;width:100%;height:100%;left:0;top:0;}

.embed-pager-wrap {padding:40px 0;text-align:center;}
.embed-pager-button {display:inline-block;margin:5px;padding:15px 30px;background:var(--color-blue-dark);color:#fff;border:none;border-radius:0;cursor:pointer;}
.embed-pager-button:disabled {opacity:0.4;cursor:default;}

/* -- @FOOTER ----------------- */
.site-footer {padding:20px 0;background:var(--color-blue-dark);color:#fff;}


/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after {content: ""; display: table; clear: both;}