/*!
 *  Intopia Connect 0.1.0
 *  Copyright (C) 2019 Gene Alyson Fortunado Torcende
 *  Licensed under GPL-2.0.
 */

.banner {
  position: relative;
}

@media screen and (min-width: 481px) {
  .banner {
    padding: 5rem 0;
  }
}

.banner::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
}

.banner h1 {
  margin: 0 0 0.5em;
}

.banner p {
  margin-bottom: 1em;
}

@media screen and (min-width: 641px) {
  #wrapper .banner .gform_wrapper .gf_left_half {
    width: 40%;
  }
  #wrapper .banner .gform_wrapper .gf_right_half {
    width: 60%;
  }
}

#wrapper .banner .gform_wrapper .validation_list {
  padding-left: 1em;
}

#wrapper .banner .gform_wrapper .gfield_error label {
  color: #fff;
}

#wrapper .banner .gform_wrapper .validation_message {
  color: #fff;
  margin-bottom: 1em;
}

#wrapper .banner .gform_wrapper .gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=number]),
#wrapper .banner .gform_wrapper .gfield_error textarea {
  border-color: #fff;
}

.banner #error {
  background: #fff;
  padding: 1em;
}

.home .banner::before {

}

.home .banner::before {
  
}

.home .banner h1 {
  margin-bottom: 0.125em;
  font-weight: 600;
  font-size: 3em;
}

.home .banner h2 {
  font-size: 2.1em;
  margin: 0 0 0.5em;
}

/* Home hero layout: use Bootstrap columns only (front-page overrides at end of file). */

.steps-section {
  padding: 3rem 0;
  padding-bottom:0;
}

.steps-section h2 {
  margin: 0 0 2.5rem;
  font-size: 2.5em;
  text-align: center;
}

.steps-section .step {
  margin: 1.5rem 0;
  border-right: 2px solid #474444;
}

.steps-section .step:last-child {
  border-right: 0;
}

.steps-section.before, .steps-section.after {
  position: relative;
}

.steps-section.before h2, .steps-section.after h2 {
text-align:left;
}

@media screen and (min-width: 481px) {
  .steps-section.before, .steps-section.after {
    padding: 5rem 0;
  }
}

.steps-section.before::before, .steps-section.after::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
}

.steps-section.before::before {
 
}

.steps-section.before::before {

}

.steps-section.after, .steps-section.after h2 {
  color: #000;
}

.steps-section.after a {
  color: #a3330a;
  border-bottom: 1px solid #000;
}

.steps-section.after::before {
  
}

.steps-section.after::before {
 
}

.page-template-business .service-section {
  
}

.home-section {
  position: relative;
  padding: 3rem 0;
  color: #000;
}

@media screen and (min-width: 481px) {
  .home-section {
    padding: 5rem 0;
  }
}

.home-section::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  
}

.home-section::before {
  
}

.home-section.alt::before {
  
}

.home-section.alt::before {
  
}

.home-section h2 {
  margin: 0 0 2.5rem;
  font-size: 2.5em;
  color: #000;
}

.home-section .btn {
  color: #FFF;
}

.home-section.alt .btn {
  color: #FFF;
}

.newsletter {
  position: relative;
  text-align: left;
}

@media screen and (min-width: 481px) {
  .newsletter {
    padding: 5rem 0;
  }
}

.newsletter::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  
}

@media screen and (max-width: 1024px) {
  .newsletter::before {
    
  }
}

@media screen and (min-width: 641px) {
  #wrapper .newsletter .gform_wrapper .gf_left_half {
    width: 40%;
  }
  #wrapper .newsletter .gform_wrapper .gf_right_half {
    width: 60%;
  }
}

#wrapper .newsletter .gform_wrapper .gform_footer {
  text-align: left;
}

#wrapper .newsletter .gform_wrapper .gform_footer .gform_button {
  
  color: #15828e;
}

#wrapper .newsletter .gform_wrapper .gform_footer .gform_button:hover, #wrapper .newsletter .gform_wrapper .gform_footer .gform_button:focus {
  
  color: #fff;
}

@media screen and (min-width: 481px) {
  #wrapper .newsletter .gform_wrapper .gform_footer .gform_button {
    width: auto;
    min-width: 75%;
  }
}

.newsletter.participate::before {
  
}

@media screen and (max-width: 1024px) {
  .newsletter.participate::before {
    
  }
}

#wrapper .newsletter.participate .gform_wrapper .gform_footer .gform_button {
  color: #e71248;
}

#wrapper .newsletter.participate .gform_wrapper .gform_footer .gform_button:hover, #wrapper .newsletter.participate .gform_wrapper .gform_footer .gform_button:focus {
  color: #fff;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.5rem 0;
  padding-top: 1rem;
}

.pagination a {
  margin-right: 1em;
}

.pagination a:last-child {
  margin-right: 0;
  justify-self: flex-end;
}

.content-sidebar {
  padding: 3.75rem 0;
}

.widget {
  margin-bottom: 2.5rem;
}

.site-header .search-form {
  text-align: right;
}
.page-template-profile.logged-in .with_frm_style .frm_message
{
	background: #ecf9fb;
	color: #000;
	padding: 20px;
	border: 1px solid #EBCCD1;
	border-radius: 4px;
}
#frm_form_2_container a:not(.btn) {
    padding-bottom: 1px;
    border-bottom: 1px solid #d3420d;
}

#frm_form_2_container a:not(.btn):hover {
    padding-bottom: 1px;
    border:0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, 
#wrapper .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, 
#wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:focus, 
#wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, 
#wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:focus, 
#wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:active, 
#wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, 
#wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:active {
    outline-offset: 0.2em;
    outline: 0.2em solid #bb3200;
    text-decoration: underline;
	background: #BB3200;
	color: #fff;
}

.page-template-profile.logged-in .with_frm_style .frm_message p
{
	display:inline;
}

#lostpasswordform_0 span.frm_required
{
	display:none;
}

#frm-reset-password-0 .frm_form_field.form-field.frm_top_container {
    padding: 10px 0 10px 0;
}

#loginform-0 .frm_form_field.frm_html_container.form-field.login_lost_pw.frm_half
{
	text-align: right;
	grid-column: span 12 / span 12;
}
#loginform-0 .frm_form_field.form-field.frm_none_container.login-remember.frm_first.frm_half {
    padding-top: 10px;
	padding-bottom: 0px;
}

#loginform-0 .frm_form_fields {
    padding-top: 20px;
}

#loginform-0 .frm_error_style{
color: #a90c09;
font-weight: bold;
background-color: #F3DBD4;
border: 1px solid #EBCCD1;
border-radius: 4px;
margin-bottom: 20px;
padding:20px;
}
#loginform-0 .frm_error_style a{
color: #a90c09;
}
#loginform-0 .frm_error_style a:hover
{
	text-decoration:none;
	border:0;
}
#loginform-0 .frm_error_style::before {
    content: "\f071";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    margin-right: 0.25em;
    font-size: 20px;
}
#loginform-0 .frm_message {
    background: #ecf9fb;
    color: #000;
    padding: 20px;
	border: 1px solid #EBCCD1;
	border-radius: 4px;
}

/**
*	Dashboard Styles
*/

.page-template-dashboard .cards {
    display: flex;
    gap: 20px;
}

.page-template-dashboard .card {
    flex: 1;
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin:5px;
}

.page-template-dashboard .card h3 {
    margin-bottom: 10px;
}

.page-template-dashboard .card p {
    margin: 0;
}

.page-template-dashboard .project-count {
  text-align: center;
  font-size: 4rem;
}
.page-template-dashboard .card h2 {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 20px;
}

.page-template-dashboard .card .user-info
{
	text-align:center;
}
.page-template-dashboard .card .user-info h2
{
	text-align:left;
}
.page-template-dashboard .card .user-info .profile-pic {
  border-radius: 14px;
  border: 2px solid #333;
}

/* ==========================================================================
   Connect theme tokens & layout (standalone theme — single connect stylesheet)
   ========================================================================== */

:root {
	--ic-color-brand: #d3420d;
	--ic-color-banner: #fdede8;
	--ic-color-text: #474444;
	--ic-color-heading-on-banner: #000000;
}

/* Site-wide hero bands (global-banner.php) */

#wrapper .banner.grey {
	background-color: var(--ic-color-banner);
	color: var(--ic-color-heading-on-banner);
}

#wrapper .banner.grey h1,
#wrapper .banner.grey h2,
#wrapper .banner.grey h3,
#wrapper .banner.grey p {
	color: var(--ic-color-heading-on-banner);
}

#wrapper .banner.banner--brand {
	background-color: var(--ic-color-brand);
	color: #fff;
}

#wrapper .banner.banner--brand h1,
#wrapper .banner.banner--brand h2,
#wrapper .banner.banner--brand h3,
#wrapper .banner.banner--brand p {
	color: #fff;
}

#wrapper .banner::before {
	background: none !important;
	background-image: none !important;
}

#wrapper .site-header .sitenav .menu li > a,
#wrapper .site-header .toplinks a {
	color: var(--ic-color-brand);
}

/* Front page: home hero + content blocks (front-page.php, home-sections.php) */

body.front-page #wrapper .banner .row {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	body.front-page #wrapper .banner .row {
		display: flex;
		align-items: center;
	}

	body.front-page #wrapper .banner .text {
		position: static;
		left: auto;
		width: auto;
		float: none;
		margin: 1.25rem 0;
		padding: 0 15px;
		z-index: auto;
	}

	body.front-page #wrapper .banner .image,
	body.front-page #wrapper .banner .image.contain,
	body.front-page #wrapper .banner .image.top,
	body.front-page #wrapper .banner .image.bottom {
		position: static;
		right: auto;
		top: auto;
		bottom: auto;
		width: auto;
		float: none;
	}
}

body.front-page #wrapper .home-section .row {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

body.front-page #wrapper .home-section .image {
	text-align: center;
}

body.front-page #wrapper .home-section .image img {
	max-width: 100%;
	height: auto;
}

.panel-cpt {
	padding: 2rem 0 3rem;
}

.panel-cpt__body {
	max-width: 48em;
}

.panel-cpt__back {
	margin-top: 2rem;
}

.search-no-results {
	padding: 2rem 0 3rem;
}

.search-no-results .search-form {
	margin-top: 1rem;
}

.single-testimonial .banner h1,
.single-client .banner h1 {
	font-size: 2.5em;
}

.single-testimonial .banner .text p,
.single-client .banner .text p {
	font-size: 1.125em;
	margin-bottom: 0;
}