/*
Theme Name:     whiteframe
Theme URI:		http://projectwhiteframe.org/
Description:    Project White Frame WP-Theme
Version:        1.0
Author:         CHRS Interactive
Author URI:	    http://www.chrsinteractive.com/
*/

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

/* -- @MASTERHEAD/NAVIGATION -- */
.footer-social li a {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    height: 40px;
    align-content: center;
}
body.overflow-hidden {overflow: hidden;}
header {position: relative; padding:15px 0;background:#fff;border-bottom:1px solid #eee;}

.logo-wrap {width:10%;float:left;}
.logo,
.logo img {display:block;}
.logo img {width:100%;max-width:40px;}

.logo-name {width:70%;float:left;margin-left:5%;text-align:center;margin-top:14px;}
.logo-name img {width:100%;max-width:250px;}

.social-links-wrap {position:absolute;top:-5px;right:0;}
.social-links li {display:block;float:left;margin-left:10px;font-size:2.0rem;}
.social-links {width:100%;}

.quick-links { text-align: center!important; display: block; padding-bottom: 10px; }
.quick-links.ql-right { text-align: right!important; }
.quick-links li {display:inline-block;margin: 0;padding: 0 10px;font-size:1.2rem;border-right: 1px solid rgba(0,0,0,.12); }
.quick-links li:last-child { border-right: 0; }

.quick-links,
.social-links-wrap {display:none;}

.social-links-mobile li {font-size:2.0rem;margin:20px 10px 20px 0;}
.social-links-mobile li a .fab {color:#fff !important;}

.quick-links-mobile li {display:block;margin-bottom:10px;font-size:1.6rem;}
.quick-links-mobile li a {color:#fff;}

/* Main Menu */
.mainNav {position:relative;padding-top:30px;}
.mainNav li {font-size:1.4rem;}
.mainNav li a,
.quick-links li a {color:rgba(22,22,22,0.6);text-transform:uppercase;}
.mainNav li a:hover,
.mainNav li.current-menu-item a,
.quick-links li a:hover {color:rgba(22,22,22,1);}

.mainNav li a:hover,
.mainNav li.current-menu-item a {font-weight:700;}

/* Responsive Menu */
.mainNav {display:none;}

.mobile-nav-trigger-outter {/*position:absolute;top:5px;right:20px;*/width:30px;height:30px;}
.mobile-nav-trigger {display:block;width:30px;height:30px;margin-left:auto;}
.mobile-nav-trigger .cd-menu-icon {margin-top:50%;margin-left:50%;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#222;}

.mobile-nav {position: absolute;visibility:hidden;opacity:0; left: 0; top: 100%; height:calc(100vh - 90px);width:100%;background:#161616; z-index:999999;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding:60px 20px 20px;}

.mobileNav li,
.mobileNav li a {display:block;}
.mobileNav li {font-size:1.8rem;font-weight:300;}
.mobileNav li a {padding:20px 0;border-top:2px solid #fff;color:#fff;}
.mobileNav li a:hover {border-color:#00a887;color:#00a887;}

.post-edit-link {display:none;position:fixed;top:40px;right:0;padding:10px;z-index:99999999;background:#1C1B4A;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

/* -- @CONTENT ---------------- */
.post-block {margin-bottom:50px;}
.post-block.no-thumb {padding:20px;}
.post-block .feat-pic,
.post-block .post-cat {margin-bottom:10px;}
.post-cat {display:block;font-size:1rem;text-transform: uppercase;margin-bottom:10px;letter-spacing: 1px;}
.post-cat a {color:rgba(22,22,22,0.6);}
.post-cat a:hover {color:rgba(22,22,22,1);}
.wpp-cardview-compact li .wpp-post-title,
.post-title {
  font-size: 2rem; 
  font-weight: 600;
}

.feat-post-block {background:#F3F3F3;margin-bottom:20px;}
.feat-post-block .feat-pic img {display:block;}
.feat-post-block .feat-block-content {padding:20px;}

/*
.post-block img,
.post-row img {filter: grayscale(1);transition:all 1s;}
.post-block:hover img,
.post-row:hover img {filter: grayscale(0);}
*/

.post-date {font-size:1.4rem; font-style: italic;}

.feat-cat-title {font-size:2.0rem;margin-bottom:20px;font-weight:700;}
.feat-cat-title a,
.post-title a {color:rgba(22,22,22,1);}

.post-row {margin-bottom:20px;}
.post-row .feat-pic {width:40%;float:left;}
.post-row .post-content {width:55%;float:right;}

.post-row h3 {font-size:1.8rem;margin:0;}

.post-entry {padding-top:30px;}
blockquote {margin-bottom:20px;padding-left:30px;border-left:10px solid #556270;}
blockquote p {font-size:2.8rem;margin:0;font-weight:300;font-style:italic;}

.post-entry li a {color:#161616;font-weight:700;}
.post-problem a { font-weight:700;text-decoration:underline;}
.post-solution a {color:#519548;text-decoration:underline;font-weight:700;}
.post-solution a span,
.post-problem a span {
  font-weight: inherit!important;
}
.post-problem a:hover,
.post-solution a:hover {text-decoration:none;}

.post-problem h2,
.post-solution h2 {
  /*font-weight: bold;*/
  position: relative;
  padding-top: 20px;
  background-color: rgba(22,22,22,1);
  color: #fff;
  padding: 14px 10px 10px 15px;
  margin-top: 40px;
  margin-bottom: 35px;
  margin-left: -15px;
  /*border-top: 4px solid #519548;*/
}

/*.post-problem h2 {
  background-color: #e24040;
}*/

.post-solution h3 {
  display: block;
  font-weight: bold;
  letter-spacing: -.5px;
  margin-bottom: 10px;
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 1px;
}

.post-problem h2:before,
.post-solution h2:before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #519548, rgba(22,22,22,1));
}

.post-problem h2:before {
  background: linear-gradient(to right, #e24040, rgba(22,22,22,1));
}

.post-problem .column,
.post-solution .column {
  float: none;
}

body .tribe-common .tribe-common-c-btn-border, 
body .tribe-common a.tribe-common-c-btn-border {
  border-color: #519548;
  color: #519548;
}

body .tribe-common .tribe-common-c-btn-border:hover, 
body .tribe-common a.tribe-common-c-btn-border:hover,
body .tribe-common .tribe-common-c-btn-border:active, 
body .tribe-common a.tribe-common-c-btn-border:active {
  background-color: #519548;
}

.photo-credit p {font-size:14px;font-style:italic;}

.sidebar .widget {margin-bottom:40px;padding-top:20px;border-top:5px solid #556270;}
.sidebar .widget h5 {font:1.8rem/1 jaf-facitweb,sans-serif;font-weight:700;}

.wpp-post-title {display:block !important;font:1.8rem/1.4 ivypresto-headline,serif !important;}


/* Glossary */
.letter-group {margin-bottom:40px;}
.letter-cell {margin-bottom:20px;padding:10px 0;border-bottom:1px solid #ddd; }
.letter-cell span {font-size:5.0rem;color:#999;font-weight:600;}
.title-cell {width:50%;float:left;margin-bottom:20px; padding-right:20px; box-sizing: border-box; }

.page-banner {width:100%;}
.page-banner-inner {padding:100px 0;background:rgba(0,0,0,0.4);}
.page-banner-inner h1 {color:#fff;font-size:5.0rem;}
.paypal-wrap {text-align:center;position:relative;z-index:4;padding:30px;background:#fff;border:1px solid #fafafa;border-radius:5px;margin-top:40px;box-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}

@media (min-width:740px) {
	.paypal-wrap {margin-top:-100px;}
}
 /* -- @FOOTER ----------------- */

footer {padding:40px 0 20px;border-top:1px solid #eee; font-size:1.2rem;}

.gform_wrapper label {display:none !important;}
.gform_wrapper ul.gform_fields li.gfield,
.gform_wrapper .gform_footer {padding:0 !important;margin:0 !important;}
.gform_wrapper .button,
.button {background:#9DC183;color:#222 !important;border:none;padding:15px 20px;text-align:center;margin:10px 0 0 !important;font-weight:600 !important;}
.gform_wrapper .button:hover,
.button:hover {color:rgba(108,115,61,1);}

.footer-subscribe {max-width:450px;margin:0 auto !important;}
.footer-subscribe h5 {font:1.4rem/1 jaf-facitweb,sans-serif;font-weight:700;text-align:center;}
.footer-widget .gform_wrapper .gfield,
.footer-widget .gform_wrapper input,
.footer-widget .gform_wrapper .button {display:block !important;float:none !important;max-width:none !important;width:100% !important;box-sizing:border-box;}

.footer-social {width:175px;margin:30px auto;}
.footer-social li {margin:0 10px;font-size:4.0rem;line-height:1;}

.footer-about {max-width:650px;margin:0 auto;}
.footer-btm {padding-top:20px;margin-top:20px;border-top:1px solid #eee;}

.footerNav {text-align:center;margin:30px 0;}
.footerNav li {display:inline-block;margin:0 7px;font-size:1.1rem;}

#gform_wrapper_4 ul.gform_fields li.gfield {margin-bottom:30px !important;}
#gform_wrapper_4 .gfield_description {font-weight:600;font-size:20px;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.social-links:after,
.post-row:after,
.footer-btm:after,
.feat-post-block:after,
.letter-group:after {content: ""; display: table; clear: both;}


.dark-background {
  background: rgba(22,22,22,1);
}

.archive .dark-background.two-thirds,
.dark-background .container {
  color: #fff;
  padding: 0 0 40px;
}

.dark-background h1,
.dark-background h2,
.dark-background h3,
.dark-background h4,
.dark-background h5,
.dark-background p,
.dark-background a,
.dark-background a:hover,
.dark-background a:active {
  color: #fff;
}

.dark-background span.post-date {
  color: #888;
}

.dark-background .post-cat {
  color: #888;
}

.dark-background .post-cat a {
  color: #519548;
}

.dark-background .feat-cat-title {
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  margin-bottom: 30px;
}

.sidebar .widget h5 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  font-family: "Nunito", sans-serif;
}

.feat-block-title,
.dark-background .cat-archive-name {
  font-size: 3rem;
  text-transform: uppercase;
  padding-top: 60px;
  position: relative;
  margin-bottom: 30px;
}

.dark-background .feat-cat-title a,
.feat-block-title,
.dark-background .cat-archive-name {
  color: #fff;
}
/*
.dark-background .feat-cat-title:before,
.dark-background .cat-archive-name:before,
.feat-block-title:before {
  content: "";
  display: block;
  top: 0;
  height: 100%;
  background: #fff;
  width: 4px;
  position: absolute;
  left: -15px;
}*/

.dark-background .sidebar {
  padding: 60px 0 20px 20px;
}

.dark-background .sidebar .widget {
  border-color: rgba(255,255,255,.12);
}

.dark-background .wpp-cardview-compact li .taxonomies { font-size:1rem!important;text-transform: uppercase!important;margin-bottom:10px!important;letter-spacing: 1px!important;}

.home-intro {
  display: flex;
  justify-content: start;
  align-items: center;
  align-content: stretch;
  padding: 30px 0 15px;
  flex-wrap: nowrap;
}

.hi-left {
  text-align: center;
}

.hi-right {
  padding: 15px 30px;
}
.hi-left,
.hi-right {
  flex: 1 0 50%;
  box-sizing: border-box;
}

header .quick-links {
  margin-top: 0!important;
  width: 100%!important;
}

.brandrow {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: stretch;
  padding-top: 30px;
}

.brandrow > *:nth-child(2) {
  text-align: center;
}

.brandrow > * {
  flex: 0 0 33%;
}

.logo-name-updated {
  text-align: center;
}

.mobile-nav-trigger-outter {
  text-align: right;
}

/* Added custom CSS by lucas@leoblack.com */

.introduction {
	padding: 20px 0 0;
}

.introduction p {
		max-width: 32em;
	margin-left: auto;
	margin-right: auto;
}

/* donations */
body.page-id-753 .entry a,
body.page-id-739 .entry a {
		font-weight: bold;
}

.author-name,
.author-major {
	font-size: 1.4rem;
}
.author-name { font-weight: bold; font-style: italic; }
.author-major { color: #888; font-style: italic; margin-left: 5px; padding-left: 5px; border-left: 1px solid rgba(0,0,0,.12); }

.single-post .entry ul li {
	font-size: 85%;
	line-height: 1.2;
	list-style-type: square;
	margin-bottom: 15px
}

.tribe-events .tribe-events-c-subscribe-dropdown {
	margin-top: 0!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 40px!important;
}

.tribe-events-c-subscribe-dropdown__content { position: relative; }
.tribe-events-c-subscribe-dropdown__list { position: absolute; top: 0; left: 0; }

.single-glossary .author {
	display: none;
}

ul.quick-links-mobile li {
	font-size: 1.8rem;
}

ul.quick-links-mobile.qlm-secondary li:last-child {
	font-weight: bold;
}

header .social-links {
  margin-top: 0!important;
}


@media screen and (max-width: 1200px) {
  .home-intro {
    flex-wrap: wrap;
  }
  .home-intro iframe {
    width: 100%;
  }
  .hi-left,
  .hi-right {
    flex: 1 0 100%;
  }
  .hi-right p {
    text-align: center!important;
  }
  .brandrow {
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  .brandrow > * {
    flex: 0 0 10%;
  }
  .brandrow > *:nth-child(2) {
    flex: 1 1 80%;
  }
  header .social-links {
    margin-top: 0!important;
  }
  .sidebar-column {
    padding-top: 80px;
  }
}

@media (max-width:1024px) {
	a.twitter img {filter:invert(1) brightness(1) grayscale(1)!important;}
}