/*
Theme Name:     Prospress
Description:    Live long and prosper.
Author:         thenbrent
Template:       basis
Theme URI:      http://prospress.com
Author URI:     http://brent.io
Version:        1.0
*/

@import url("../basis/style.css");

/*---------------------------------------------------------
 Colours
-------------------------------------------------------- */
body,
.profile,
#basis-header-nav a {
	letter-spacing: 0.01em;
	color: #20182F;
}

#basis-header-nav a:hover,
#basis-header-nav li.current-menu-item a:hover,
#basis-header-nav li.current_page_item a:hover,
#basis-header-nav li.current-menu-ancestor a:hover,
#basis-header-nav li.current_page_ancestor a:hover,
.post-content h2 a:hover {
	color: #25D8A3;
}

button, input[type="reset"], input[type="submit"], input[type="button"],
.basis-button, .slide-button, .banner-button {
	background: #25D8A3;
}

/*---------------------------------------------------------
 Typography
-------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, .hero {
	font-family: "brandon-grotesque",sans-serif;
}

h1, h2, h3, h4, h5, h6, #basis-header-nav a,
button, input[type="reset"], input[type="submit"], input[type="button"],
.basis-button, .slide-button, .banner-button {
	text-transform: uppercase;
}

.product-section h2 {
	font-size: 2.2em;
	text-align: center;
}
.blog .post-content .entry p,
.single .post-content .entry p {
	font-size: 1.12em;
}
.blog .post-content ul,
.blog .post-content ol,
.single .post-content ul,
.single .post-content ol {
	font-size: 1.1em
}
@media screen and (min-width: 400px) {
	.product-section h2 {
		font-size: 4em;
	}
}

@media screen and (min-width: 600px) {
	.product-section h2 {
		font-size: 5em;
	}
	.profile, .feature {
		font-size: 1em;
	}
}

@media screen and (min-width: 800px) {
	.post-content h2, .post-content h2 a {
		font-size: 1.618em;
	}
	.single .post-title {
		font-size: 2.4em;
	}

}

/*---------------------------------------------------------
 Basis Overrides
-------------------------------------------------------- */
@media screen and (min-width: 800px) {
	.basis-list ul, .basis-list ol {
		margin-left: 1.4em;
	}
	blockquote {
		margin-left: 1.6rem;
	}
	blockquote p {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.post-header {
		width: 21.95745%;
		max-width: 300px;
	}
}

/*---------------------------------------------------------
 Menu
-------------------------------------------------------- */
.basis-tagline {
	display: none;
}

#basis-header-nav li.current-menu-item a,
#basis-header-nav li.current_page_item a,
#basis-header-nav li.current-menu-ancestor a,
#basis-header-nav li.current_page_ancestor a {
	text-decoration: none;
}


/*---------------------------------------------------------
 Header
-------------------------------------------------------- */
#prosper-with-wordpress img {
	width: 497px;
	max-width: 100%;
}
@media screen and (min-width: 800px) {
	.custom-logo {
		max-height: 32px;
	}
}
/*---------------------------------------------------------
 Layout
-------------------------------------------------------- */
#story {
	max-width: 450px;
	width: 100%;
	border-top: 4px solid #25D8A3;
	border-bottom: 4px solid #25D8A3;
	margin: 4em auto 0;
	padding: 1em 0 0;
}

.hero {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
}
/*---------------------------------------------------------
 Products
-------------------------------------------------------- */
.profile .profile-column-title {
	border-bottom: 4px solid #25D8A3;
	margin-bottom: 1.2rem;
	text-align: center;
}
.profile-column .basis-button {
	margin: 0 auto;
	display: block;
}
@media screen and (min-width: 800px) {
	#products {
		margin-top: 85px;
		margin-top: 5rem;
		margin-bottom: 0;
	}
	.product-section {
		margin-top: 20px;
		margin-top: 1.25rem;
	}
}

/*---------------------------------------------------------
 Testimonials section
-------------------------------------------------------- */
#testimonials {
	margin-top: 5rem;
}
#testimonials h2 {
	font-size: 2.2rem;
}
#testimonials blockquote {
	margin-left: 0;
}
.testimonials-list {
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
}
.testimonials-list .quote {
	background-color: #5A576E;
	color: #ffffff;
	position: relative;
	padding: 4.44%;
	margin-bottom: 40px;
}
.testimonials-list .quote:after {
	content: "";
	position: absolute;
	bottom: -30px;
	right: 0px;
	border-width: 30px 0 0 30px;
	border-style: solid;
	border-color: #5A576E transparent;
	display: block;
	width: 0;
}
.testimonials-list blockquote {
	font-weight: bold;
	text-transform: uppercase;
}
@media screen and (min-width: 600px) {
	#testimonials h2 {
		font-size: 3.6rem;
	}
}
@media screen and (min-width: 800px) {
	#testimonials h2 {
		font-size: 3.8rem;
	}
	#testimonials .widget:before,
	#testimonials .widget:after {
		color: #25D8A3;
		font-size: 16rem;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;;
		line-height: 18rem;
		position: absolute;
	}
	#testimonials .widget:before {
		content: '\201C';
		margin: 8rem 0 0 0;
		width: 15%;
		text-align: right;
	}
	#testimonials .widget:after {
		content: '\201D';
		margin: 10.3rem 0 0 1.6rem;
	}
	.testimonials-list .quote {
		margin-right: 4.4444%;
	}
	.testimonials-list .quote:nth-of-type(2n) {
		margin-right: 0;
	}
	.testimonials-list .quote {
		float: left;
		width: 38.9%;
	}
}
@media screen and (min-width: 1000px) {
	#testimonials .widget:before {
		margin: 8rem 0 0 6rem;
		text-align: left;
	}
}

/*---------------------------------------------------------
 Team section
-------------------------------------------------------- */
h2#team {
	border-bottom: 4px solid #25D8A3;
	width: 60%;
	margin: 2rem auto 2rem;
}
.profile .profile-column-title,
section:nth-of-type(4) .profile-column-title,
section:nth-of-type(5) .profile-column-title,
section:nth-of-type(6) .profile-column-title {
	text-align: center;
	margin: 0.625rem 0 0.3125rem;
}
.profile h4.profile-column-title,
section:nth-of-type(4) h4.profile-column-title,
section:nth-of-type(5) h4.profile-column-title,
section:nth-of-type(6) h4.profile-column-title {
	color: #25D8A3;
	font-size: 1rem;
	margin-top: 0.3125rem;
	border-bottom: none;
}
.profile .profile-column-img,
section:nth-of-type(4) .profile-column-img,
section:nth-of-type(5) .profile-column-img,
section:nth-of-type(6) .profile-column-img {
	margin-left: 3em;
	margin-right: 3em;
	margin-top:1em;
}
.circle-img,
section:nth-of-type(4) .profile-column-img img,
section:nth-of-type(5) .profile-column-img img,
section:nth-of-type(6) .profile-column-img img {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.profile label {
	cursor:pointer;
	color:#aaa;
	display:block;
	margin-top:-19px;
	font-size:.80em;
	padding-bottom:10px;
}
.profile label:after {
	content:" more +";
}
.profile input {
  position: absolute;
  left: -999em;
}
.profile input + label + div {
	opacity: 0;
	max-height: 0;
  height: auto;
  overflow: hidden;
  transition: opacity .2s linear, max-height .2s linear;
}
.profile input[type="checkbox"]:checked + label:after {
	content:" less -";
}
.profile input[type="checkbox"]:checked + label + div {
	max-height: 99em;
	opacity: 1;
}
	/* .profile .hideshow + div {
		display:none;
	}
	.profile .hideshow:after {
		content:" +";
	}
	.profile .hideshow.open:after {
		content:" -";
	} */
@media screen and (min-width: 800px) {
	h2#team {
		margin-top: 85px;
		margin-top: 5rem;
	}
}
/*---------------------------------------------------------
 Contact Form
-------------------------------------------------------- */
#contact {
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
}
#contact form label {
	text-transform: uppercase;
	display: none;
}
#contact form textarea {
	float: left;
	width: 100%;
	height: 6rem;
}
#contact form .gform_button {
	display: block;
	margin: 0 auto;
	width: 12rem;
	margin-top: 0.6em;
}
@media screen and (min-width: 800px) {
	#contact h2 {
		margin-top: 85px;
		margin-top: 5rem;
	}
}
.gform_wrapper .gfp_big_button .gfield_radio li input[type=radio] {
    display:none !important;
}
.gform_wrapper .gfp_big_button .gfield_radio label,
.create-ticket {
    width: 300px;
		height:100px;
    padding: 10px 30px;
    float: none;
    background: white;
		border:1px solid #444;
    color: #444;
    letter-spacing: 0.09375rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    margin: 0;
    display: table-cell;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-appearance: none;
    cursor: pointer;
    line-height: 1;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-size: 1.1em;
    box-sizing: border-box;
}
.create-ticket
{
background:#96588a;
border-color:#96588a;
color: white;
font-size:1.3em;
height:auto;
}
.gfp_big_button .gfield_radio label:hover,
.gfp_big_button .gfield_radio input[type="radio"]:checked+label,
.create-ticket:hover {
    background: #25D8A3;
		color:white;
		border-color: #25D8A3;
}
.gform_wrapper .gfp_big_button .gfield_radio li {
	display: table;
	float:left;
	margin: 10px 20px 10px 0;
}
.gfp-big-table {
	display:table;
	margin-top:40px;
}
.gform_wrapper .gfp-pad-top h2.gsection_title {
	padding-top:40px !important;
}
/*---------------------------------------------------------
 Latest Posts Section
-------------------------------------------------------- */
#latest-posts .profile-column-img {
	max-height: 193px;
	overflow: hidden;
}

/*---------------------------------------------------------
 Footer
-------------------------------------------------------- */
#social, .footer-text, .catch-phrase {
	text-align: center;
	color: #5A576E;
}
#social.icons li a {
	text-indent: 100px;
	overflow: hidden;
}
@media screen and (min-width: 600px) {
	.fine-print {
		width: 100%;
		margin-top: -3em;
	}
	.footer-text {
		float: left;
		text-align: left;
	}
	.catch-phrase {
		float: right;
		text-align: right;
	}
}

/*---------------------------------------------------------
 Single Post
-------------------------------------------------------- */
.post-author-bio p {
	font-size: 0.9em;
	color: #b1b7ba;
	font-style: italic;
	max-width: 266px;
}

/*---------------------------------------------------------
 Newsletter subscription form
-------------------------------------------------------- */
.mc4wp-form {
	border: 1px solid #5A576E;
	-webkit-border-radius: 1rem;
	   -moz-border-radius: 1rem;
			border-radius: 1rem;
	padding: 1.2rem 1.2rem 0;
	display: inline-block;
	text-align: center;
	margin: 2rem;
}
.single .entry .mc4wp-form p {
	font-size: 1em;
}
.mc4wp-form label {
	display: none;
}
.mc4wp-form #mc4wp_email {
	width: 65%;
}
.mc4wp-form input[type="submit"] {
	margin-bottom: 0;
}
.mc4wp-form .mc4wp-alert {
	background: #f3f4f5;
	padding: 0.6rem;
	margin: 0.6rem;
	border: 1px dashed #5A576E;
}
.mc4wp-form .mc4wp-success {
	border-left: 4px solid #25D8A3;
}
.mc4wp-form .mc4wp-error {
	border-left: 4px solid #CC0000;
}
#mc4wp-checkbox label {
	color: #5A576E;
}

/** Other Customisations **/
.postid-467 .post-content.main {
	margin-top: 0;
}

/** Stellar Store Customisations **/
.woocommerce .form-row.validate-email {
	width: 100%;
}
.woocommerce form.checkout .opc-single-product {
	border-bottom: 1px solid #efefef;
}
.opc-complete-order {
	font-size: 0.8em;
	margin-left: 0.6em;
	text-decoration: none;
}
#payment_method_stellar {
	display: none;
}
@media screen and (min-width: 800px) {
	.woocommerce #order_comments {
		height: 8.3em;
	}
}
/* Center tweet embeds */
iframe.twitter-tweet {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* Pull Facebook Share button up */
.fb_iframe_widget iframe {
	margin-top: -6px;
}

.prospress-comment-author.vcard,
.prospress-comment-author .comment-content {
	margin-bottom: 0;
}

/* Multisite */
#content .mu_register {
	text-align: center;
	border: 1px solid #e6db55;
	border-style: dashed;
	max-width: 940px;
	padding: 1em;
	background-color: #ffffe0;
}

/* Bios/bylines on internship post */
.byline-col-one,
.byline-col-two {
	max-width: 40.77%;
	margin: 1em 4.16%;
	float: left;
	font-size: 0.86em;
	text-align: center;
}

.byline-col-two {
	float: right;
}

.byline-col-one .circle-img,
.byline-col-two .circle-img {
	margin: 0 auto;
	display: block;
	max-width: 74%;
}

/** Simple Banner for Automattic announcement **/
body.postid-21358 .simple-banner {
	display: none;
}
.simple-banner {
	background-image: url("https://prospress.com/wp-content/uploads/2019/05/site-wide-banner-prospress-announce.png") !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 124px;
	width: 100%;
}
.simple-banner-text span {
	display: block;
	height: 100px;
	max-width: 1300px;
	margin: 0 auto;
	text-indent: -10000px;
}
.simple-banner-text span a {
	display: block;
	height: 100px;
}