/*
Theme Name: Intentional Wealth
Theme URI:
Author: Scott McCreedy, Independent Financial Partners
Version: 1.0
Template: twentytwenty
Description: Custom Wordpress Child Theme
Author URI: http://www.ifpartners.com/
*/

@import url('../twentytwenty/style.css');

/*--------------------------------------------- 2020 reset ---------------------------------------------------------------*/
#site-header {
    background: transparent;
    position: absolute;
    width:100%;
}

.site-logo img {
    max-height: 5rem;
}

.header-titles-wrapper {
    margin-right: 2rem;
}

.site-description, .powered-by-wordpress, .header-toggles { display: none!important; }

@media (min-width: 1000px) {
	.header-toggles { display:flex; }
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0!important;
		padding-top: 6rem;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    color: #6fbd44!important;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    color: #6fbd44!important;
}

.social-icons a, .wp-block-button a, .primary-menu ul a {
    color: #fff!important;
}

.singular .entry-header, .singular .featured-media::before {
    background: #f4f5f9!important;
}

.entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after, hr.styled-separator {
		display:none;
}

.pagination-single-inner {
    padding-bottom: 8rem;
}

button.search-toggle, button.mobile-search-toggle, span.toggle-text { display:none!important; }

.footer-top {
  border-bottom:none;
}

.has-footer-menu .footer-social {
    justify-content: flex-start;
}

.social-menu .svg-icon {
    fill: #ffffff!important;
}

.has-footer-menu .footer-social-wrapper {
    flex: 1;
    margin-left: 0;
    width: auto;
}

ul.footer-social {
    margin: -1rem 0 0 0;
    padding:0;
}

ul.footer-social li:first-of-type {
    margin: 1rem 0 0 0;
}

.footer-logo {
  max-width:380px;
  margin-bottom:40px;
}

.footer-logo img {
  max-width:100%;
}

.footer-menu {
    font-size: 1.8rem;
    margin: 0;
    padding-left:0;
}

.footer-menu li {
  margin-top:0;
}

.footer-menu li:first-of-type {
    margin-left: 0!important;
}

.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
    border-top: none;
}

.reduced-spacing.missing-post-thumbnail .post-inner {
    padding-top: 8rem;
}

.comments-wrapper, .entry-categories, .post-comment-link {
    display: none!important;
}

.entry-header-inner {
  margin-top:64px;
}

.singular .entry-header, .singular .featured-media::before {
    background: #F1F9ED !important;
}

.entry-content {
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    letter-spacing: normal;
}

button {
  border-radius:5px;
}

@media (max-width:1000px) {
  .footer-widgets-wrapper {
    display:flex;
    flex-direction: column-reverse;
  }

  .footer-widgets {
    width:100%;
  }

  .footer-logo {
    width:100%;
    max-width:100%;
  }

  .footer-logo img {
    width:100%;
    max-width:380px;
    margin:0 auto;
  }

  .footer-widgets.column-two {
    text-align:center;
  }

  .has-footer-menu .footer-social {
    justify-content: center;
  }

  ul.footer-social li {
    margin: 0 0 0 0.5rem;
  }

  ul.footer-social li:first-of-type {
    margin: 0;
  }
}

@media (max-width:400px;) {
  .site-logo img {
    max-height: 4rem;
  }
}

/*--------------------------------------------- 2020 nav reset ---------------------------------------------------------------*/

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a,
.footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before,
.singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: rgba(0,0,0,1.0)!important;
}

.footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before,
.singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color:rgba(49,130,41,1.0)!important;
}

body:not(.overlay-header) .primary-menu > li:hover > a, body:not(.overlay-header) .primary-menu > li:focus > a {
    color:rgba(49,130,41,1.0)!important;
}

button.toggle {
    background: none!important;
}

/*--------------------------------------------- 2020 button reset---------------------------------------------------------------*/

button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button,
input[type="button"], input[type="reset"], input[type="submit"] {
    background: #6fbd44!important;
    background-color: rgb(49, 130, 41)!important;
}


button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button,
input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #6fbd44!important;
}

.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
    color: #6fbd44!important;
    background-color: transparent!important;
		border-color: #6fbd44!important;
}

/*--------------------------------------------- clear floats---------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*--------------------------------------------- flexbox---------------------------------------------------------------*/

.flxp { display:flex; }

.flxc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flxsb {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flxw { display:flex; flex-wrap:wrap; }
.jc { justify-content:center; }
.aic { align-items:center; }


.flxdc {
	display:flex;
	flex-direction:column;
}

/*--------------------------------------------- Layout---------------------------------------------------------------*/
.ultrawide, .boxed, .wide, .narrow {
  padding:0 10px;
  margin:0 auto;
}

@media (min-width:700px){
  .ultrawide, .boxed, .wide, .narrow {
    padding:0 20px;
  }
}

@media (min-width:840px){
  .narrow {
    width:100%;
    max-width:800px;
  }
}


@media (min-width:1200px) {
  .grid2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:64px;
    max-width: 100%;
  }

  .gridzrev2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:64px;
    grid-template-areas: "a b";
    max-width: 100%;
  }

  .gridzrev2 .right {
    grid-column: 2;
    grid-row: 1 / 2;
  }

  .gridzrev2 .left {
    grid-column: 1;
    grid-row: 1 / 2;
  }

  .grid2 img, .gridzrev2 img {
    margin:0;
    max-height: 700px;
  }

  .grid3 {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap:64px;
  }
}

@media (min-width:1220px){
  .grid2, .gridzrev2, .wide {
    width:100%;
    max-width:1200px;
  }
}

@media (min-width:1460px) {
  .boxed {
    max-width:1480px;
    padding:0;
  }

  .ultrawide {
    padding:0 60px;
  }
}

@media (min-width:1920px) {
  .ultrawide {
    width:100%;
    max-width:1800px;
    padding:0;
  }
}

/*--------------------------------------------- spacing---------------------------------------------------------------*/

.mp0 { margin:0; padding:0; }
.mb0 { margin-bottom: 0; }
.mt0 { margin-top:0; }
.mr0 { margin-right:0; }
.ml0 { margin-left:0 }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.mrl20 { margin-right:20px; margin-left:20px; }
.mb20 { margin-bottom:20px!important; }
.mt40 { margin-top:40px; }
.mr40 { margin-right:40px; }
.ml40 { margin-left:40px; }
.mrl40 { margin-right:40px; margin-left:40px; }
.mb40 { margin-bottom:40px; }
.mt60 { margin-top:60px; }
.mr60 { margin-right:60px; }
.ml60 { margin-left:60px; }
.mrl60 { margin-right:60px; margin-left:60px; }
.mb60 { margin-bottom:60px; }
.nomar { margin:0; }
.mta { margin-top:auto; }

.pad20 { padding:20px; }
.padtb20 { padding:20px 0 20px 0; }
.padb20 { padding-bottom:20px; }
.padt20 { padding-top:20px; }
.padlr20 { padding:0 20px;}
.padr20 { padding-right:20px;}
.padl20 { padding-left:20px;}
.pad40 { padding:40px; }
.padtb40 { padding:40px 0 40px 0; }
.padb40 { padding-bottom:40px; }
.padt40 { padding-top:40px; }
.padlr40 { padding:0 40px;}
.padr40 { padding-right:40px;}
.padl40 { padding-left:40px;}
.pad60 { padding:60px; }
.padtb60 { padding:60px 0 60px 0; }
.padb60 { padding-bottom:60px; }
.padt60 { padding-top:60px; }
.padlr60 { padding:0 60px!important;}
.padr60 { padding-right:60px;}
.padl60 { padding-left:60px;}
.padtb0 { padding-top:0; padding-bottom:0; }
.padt0 { padding-top:0!important; }
.padb0 { padding-bottom:0!important; }
.nopad { padding:0; }
.padb8rem { padding-bottom:8rem; }

.br { border-right:1px solid #ccc; }
.bl { border-left:1px solid #ccc; }
.bt { border-top:1px solid #ccc; }
.bb { border-bottom: 1px solid #ccc; }

.tac { text-align: center; }

@media (max-width: 480px) {
	.padlr40, .padlr60, .padlr80 { padding:0;}
}

.negmar {
	margin-left:-20px;
	margin-right:-20px;
}

/*--------------------------------------------- text---------------------------------------------------------------*/

body, p {
	font-family: 'Poppins', sans-serif;
	font-weight:300;
}

button, input, select, textarea {
	font-family: 'Poppins', sans-serif;
	font-weight:300;
}

h1 {
	color:#70BF44;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
}

h2, h3, h4, h5, h6 {
	color:#70BF44;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
}

h1 {
  font-size: 36px;
  line-height:42px;
}

h2 {
  font-size: 30px;
  line-height:36px;
}

h3 {
  font-size: 24px;
  line-height:30px;
}

p {
  font-size:16px;
  line-height:24px;
}

.xxsmall { font-size:12px; line-height: 16px; }
.xsmall { font-size: 14px; line-height: 19px; }
.small { font-size: 16px; line-height: 21px; }
.medium { font-size: 18px; line-height: 25px; }
.large { font-size: 24px; line-height: 34px; }
.xlarge { font-size:30px; line-height: 36px; }
.xxlarge { font-size: 36px; line-height: 40px; letter-spacing: -.03em; }
.xxxlarge { font-size:48px; line-height: 48px; letter-spacing: -.03em; }
.massive { font-size: 60px; line-height: 66px; letter-spacing: -.03em; }
.mega { font-size: 72px; line-height: 72px; letter-spacing: -.03em; }

@media (max-width: 480px) {
		.large { font-size: 18px; line-height: 22px; }
		.xlarge { font-size: 18px; line-height: 22px; }
		.xxlarge { font-size: 18px; line-height: 22px; letter-spacing: -.03em; }
		.xxxlarge { font-size: 24px; line-height: 26px; letter-spacing: -.03em; }
		.massive { font-size: 36px; line-height: 38px; letter-spacing: -.03em; }
		.mega { font-size: 40px; line-height: 42px; letter-spacing: -.03em; }
}

.bold { font-weight: 500; }
.subhead { font-weight: 500; font-size:50%; }

ul { list-style: outside none disc; padding-left:14px; }
ol { list-style: outside none decimal; padding-left:14px; }
ol li { margin-bottom:7px; }

@media (min-width: 700px) {
  h1 {
    font-size: 48px;
    line-height: 54px;
  }

  h2 {
    font-size: 36px;
    line-height: 42px;
  }

  p {
    font-size:18px;
    line-height:28px;
  }
}

@media (min-width: 1200px) {
  h1 {
    font-size: 60px;
    line-height: 64px;
  }

  h2 {
    font-size: 48px;
    line-height: 54px;
  }

  h3 {
    font-size: 36px;
    line-height:42px;
  }

  p {
    font-size:20px;
    line-height:32px;
  }
}

/*--------------------------------------------- brand colors---------------------------------------------------------------*/

.dblue { color:#032C4A;}

/*--------------------------------------------- universal---------------------------------------------------------------*/

#page-hero {
	display: flex;
	align-items: center;
	justify-content: center;
  text-align:center;
  padding:100px 0 0 0;
}

tr {
  transition: all 0.5s ease 0.0s;
}

tr:nth-child(even) {
    background: #fff;
}

tr:nth-child(odd) {
    background: #f1f1f1;
}

tr:hover td, tr:focus td {
    background: rgb(241,249,237);
}

/*--------------------------------------------- form elements ---------------------------------------------------------------*/

form placeholder { font-size:18px; }

input[type="text"], input[type="email"] {
	padding:10px;
	width:100%;
	border:1px solid #ccc;
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:27px;
	margin-bottom:20px;
 }

textarea {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	box-sizing: border-box;
	color: #333;
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size: 18px;
	line-height:27px;
	width:100%;
	height:50%;
	margin-bottom:20px;
}

input.submit {
	background: #6fbd44;
	color:#fff;
	border: 0 none;
  border-radius:5px;
	cursor: pointer;
	padding: 1.1em 1.44em;
	font-size: 1.7rem;
	font-weight: 600;
}

input.submit:hover {
	text-decoration: underline;
}

/*--------------------------------------------- Home---------------------------------------------------------------*/

#home-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
}

#home-hero-content {
  width:100%;
  margin:0 auto;
  padding:100px 10px 0 10px;;
}

#home-hero-content h1 {
  margin-bottom:10px;
}

#home-hero-content p {
  font-size:24px;
  line-height:30px;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:40px;
}

.video-wrapper iframe, .videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#about-us h2 {
  margin-top:0;
}

#team {
  background:#F1F9ED;
}

#cta-form .cta {
  background:#032C4A;
  text-align:left;
  padding:10px;
}

#cta-form .cta p {
  color:#fff;
}

#cta-form .form-wrap {
  margin-top: 42px;
}

#cta-form .form-wrap h2, #cta-form .cta h2 {
  margin-top:0;
}

@media (min-width:1024px) {
  #home-hero-content {
    display:grid;
    grid-gap: 64px;
    grid-template-columns: 3fr 2fr;
    padding:100px 20px 0 20px;
    align-items:center;
  }

  #home-hero-content h1 {
    margin-top:0;
  }
}

@media (min-width:700px){
  #home-hero-content p {
    font-size:30px;
    line-height:36px;
  }
}

@media (min-width:1200px){
  #home-hero-content p {
    font-size:36px;
    line-height:42px;
  }

  #about-us .boxed {
    display:grid;
    grid-gap: 64px;
    grid-template-columns: 1fr 3fr;
  }

  #cta-form {
      background: #032C4A;
      background: linear-gradient(90deg, rgba(3,44,74,1) 0%, rgba(3,44,74,1) 51%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
  }

  #cta-form .cta {
    padding:24px;
  }

  #cta-form .form-wrap {
    padding-left:64px;
    margin-top: 0;
  }
}

@media (min-width:1700px) {
  #home-hero-content {
    max-width:1680px;
  }
}

/*--------------------------------------------- Brokercheck---------------------------------------------------------------*/
#brokercheck {
    background: transparent;
    padding: 10px;
    position: absolute;
    top: 0px;
    width: 100%;
    font-size: 15px;
    z-index:999999;
}

#brokercheck div {
  text-align:right;
  width: calc(100% - 8rem);
  max-width: 168rem;
  margin: 0 auto;
}

@media (max-width:800px){
  #brokercheck {
    background:#ffffff;
    padding:10px;
    position:static;
    width:100%;
    max-width:100%;
    margin:0;
    z-index:0;
  }
  #brokercheck div {
    text-align:center;
  }
}

/*--------------------------------------------- Areas of Expertise---------------------------------------------------------------*/
body.page-template-expertise {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#expertise-wrap object {
  width:100%;
  max-width:100px;
}

#expertise-wrap h2 {
  margin-top:0;
}

.expertise-grid {
  transition: all 500ms ease;
  padding:40px;
  border-radius:10px;
}

.expertise-grid h2 {
  transition: all 500ms ease;
}

.expertise-grid:hover, .expertise-grid:focus {
  background-color: #F1F9ED;
}

.expertise-grid:hover h2, .expertise-grid:focus h2 {
  color:#032C4A!important;
}

@media (min-width:700px){
  .expertise-grid {
    display:grid;
    grid-gap: 24px;
    grid-template-columns: 100px 1fr;
  }
}

/*--------------------------------------------- Our Approach---------------------------------------------------------------*/

body.page-template-approach {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#approach-grid h2 {
  margin-top:0;
}

#first-steps {
  background:#F1F9ED;
}

#first-steps img {
  width:100%;
  max-width:100px;
}

@media (min-width:1024px){
  #approach-grid {
    display:grid;
    grid-gap: 64px;
    grid-template-columns: 2fr 3fr;
  }

  #first-steps-grid {
    display:grid;
    grid-gap: 24px;
    grid-template-columns: 100px 1fr;
  }

  #first-steps-grid h2 {
    margin-top:0;
  }
}

/*--------------------------------------------- Services---------------------------------------------------------------*/
body.page-template-services{
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#planning-process-grid img {
  width:100%;
  max-width:100px;
}

#planning-process-grid h2 {
  margin-top:0;
}

#planning-process-grid h3 {
  margin-top:24px;
}

#planning-steps {
  background:#F1F9ED;
  padding:10px
}

.planning-step {
  margin-bottom:42px;
}

.planning-step h3 {
  color:#032C4A;
}

@media (min-width:700px) {
  #planning-steps {
    padding:20px;
  }
}

@media (min-width:1024px){
  #planning {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(241,249,237,1) 51%, rgba(241,249,237,1) 100%);
  }

  #planning-process-grid {
    display:grid;
    grid-gap: 64px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width:1200px){

  #planning-process-intro {
    padding-right:40px;
  }

  .planning-step {
    margin-bottom:64px;
    padding-left:40px;
  }

  .service-grid2 {
    display:grid;
    grid-template-columns: 2fr 3fr;
    grid-gap:64px;
  }

  .service-gridzrev2 {
    display:grid;
    grid-template-columns: 3fr 2fr;
    grid-gap:64px;
    grid-template-areas: "a b";
  }

  .service-gridzrev2 .right {
    grid-column: 2;
    grid-row: 1 / 2;
  }

  .service-gridzrev2 .left {
    grid-column: 1;
    grid-row: 1 / 2;
  }

  .service-grid2 img, .service-gridzrev2 img {
    margin:0;
    max-height: 700px;
  }
}

@media (min-width:1220px){
  .grid2, .gridzrev2, .wide {
    width:100%;
    max-width:1200px;
  }
}

/*--------------------------------------------- Team page---------------------------------------------------------------*/
body.page-template-team {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

.profile-wrap {
  display:flex;
  flex-direction:column;
  text-align:center;
  margin-bottom:64px;
}

.profile-photo {
  border-radius:50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  max-width:200px;
  margin:0 auto;
}

.profile-photo::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.profile-content {
  margin-bottom:auto;
}

.profile-wrap h5 {
  margin-bottom:0;
}

.profile-wrap button {
  width:-moz-fit-content;
  width:fit-content;
  margin:0 auto;
}

.designations {
  font-size:75%;
  font-weight:300;
}

#community {
  background-color:#F1F9ED;
}

#community h2, #support h2 {
  margin-top:0;
}

#community ul {
  margin-bottom:0;
}

#support img {
  max-width:80px;
}

@media (min-width:1200px){
  #community ul {
    padding-top:80px;
  }
}

/*--------------------------------------------- Profile page---------------------------------------------------------------*/
body.page-template-profile {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#profile-single {
  margin-top:100px;
}

@media(min-width:1200px) {
  #profile-grid {
    display:grid;
    grid-gap: 64px;
    grid-template-columns: 1fr 3fr;
  }
}


/*--------------------------------------------- Blog---------------------------------------------------------------*/

body.page-template-blog {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#blog-hero {
	display: flex;
	align-items: center;
	justify-content: center;
  text-align:center;
  padding:100px 0 0 0;
}

.postcard {
	  align-items: stretch;
		padding:40px;
    display:flex;
    flex-direction:column;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    -webkit-box-shadow: 0px 12px 6px 0px rgba(51,51,51,0.08);
    box-shadow: 0px 12px 6px 0px rgba(51,51,51,0.08);
    margin-bottom:42px;
}

.postcard:hover, .postcard:focus {
    background: rgba(241,249,237,0.4);
		-moz-box-shadow: rgba(34, 91, 29, 0.30) 0px 05px 10px 0px;
		-webkit-box-shadow: rgba(34, 91, 29, 0.30) 0px 05px 10px 0px;
		box-shadow: rgba(34, 91, 29, 0.30) 0px 05px 10px 0px;
		-moz-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -moz-transform;
		-o-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -o-transform;
		-webkit-transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, -webkit-transform;
		transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform;
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-moz-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
}

.postcard button {
  margin-top:auto;
  width:-moz-fit-content;
  width:fit-content;
}

.postcard-content {
  margin-bottom:24px;
}

.postcard-content h4 {
  margin-top:0;
}

/* phone ----------- */
@media only screen and (max-width : 799px) {
			.postcard { width:100%;margin-bottom:20px; }
}

	/* tablet ----------- */
@media only screen and (min-width : 800px) and (max-width : 1024px) {
			.postcard { width:44%; margin-bottom:20px; }
}

/*--------------------------------------------- Client Portal---------------------------------------------------------------*/

/*--------------------------------------------- Contact ---------------------------------------------------------------*/
body.page-template-contact {
  background-color:#fff;
  background-image:url('https://www.intentional-wealth.com/wp-content/uploads/2021/05/hero6.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

#contact h2 {
  margin-top:0;
}

#map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 40px;
}

#map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contact-info {
  background: #F1F9ED;
}

#contact-info h5 {
  margin-bottom:0;
}

body.page-template-contact h1, body.page-template-contact h2 {
  margin-bottom:10px;
}

/*--------------------------------------------- footer---------------------------------------------------------------*/

.social-icons a, #site-footer button:not(.toggle),
#site-footer .button, #site-footer .faux-button,
#site-footer .wp-block-button__link,
#site-footer .wp-block-file__button,
#site-footer input[type="button"],
#site-footer input[type="reset"],
#site-footer input[type="submit"] {
    background-color: #6fbd44!important;
}

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
  font-family: 'Poppins', sans-serif;
  font-weight:300;
}

.footer-widgets p {
  font-size: 14px;
  line-height:20px;
}

.footer-widgets.column-two p {
  font-size:18px;
  line-height:24px;
}

/*--------------------------------------------- WP Admin---------------------------------------------------------------*/

#wpadminbar a { color:#fff!important; }