body {
font-size: 1.4em;
font-family: "Albert Sans", sans-serif;
}
.bgwhite {
background: #fff;
}
a {
font-style: italic;
text-decoration: underline !important;
}
img.aligncenter {
margin: 0 auto 20px auto;
}
header.bgwhite {
padding-top: 20px;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
background: #fff;
}
header.bgwhite a.logo img {
margin: 0 auto 20px auto;
padding-top: 10px;
width: auto;
height: 100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header.shrink {
-webkit-box-shadow: 0 0 10px #ccc;
-moz-box-shadow: 0 0 10px #ccc;
box-shadow: 0px 0px 10px #ccc;
}
header.shrink a.logo img {
margin-bottom: 0;
padding-top: 0;
width: auto;
height: 70px;
}
form#searchform {
margin-top: 40px;
}
form#searchform label {
position: absolute;
top: -9999px;
left: -9999px;
}
form#searchform input {
padding: 5px 15px;
font-size: .8em;
border: 1px solid #ccc;
border-radius: 5px;
}
form#searchform input:hover,
form#searchform input:active {
border-color: #444;
outline: none;
}
form#searchform input#searchsubmit {
background: #fff;
cursor: pointer;
}
.navbar {
margin-bottom: 5px;
}
.navbar a {
padding-left: 10px !important;
padding-right: 10px !important;
color: #9c9b9b;
text-align: center;
font: 400 .75em "Albert Sans", sans-serif;
text-decoration: none !important;
}
.navbar a:hover {
color: #000;
}
.navbar li.active a,
.navbar li.current-menu-ancestor a {
color: #474747 !important;
}
.navbar li a:after {
margin-left: 6px;
font-size: .95em;
color: #c1c1c1;
}
.dropdown-menu {
position: relative;
top: 27px;
padding: 0px;
background: #fff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border: 0;
}
.dropdown-menu a {
font-size: .95em;
text-align: left;
letter-spacing: .04em;
color: #444 !important;
padding: 10px 20px 10px 10px !important;
border-bottom: 1px dotted #ccc;
}
.dropdown-menu li:last-child a {
border: 0;
}
.dropdown-menu a:hover,
li.current_page_ancestor .dropdown-menu a:hover {
color: #cba50a !important;
background: none;
}
li.current_page_ancestor .dropdown-menu a.active {
color: #cba50a !important;
font-weight: 600;
background: none;
}
body.home h1 {
margin: 0;
padding: 15px 0;
color: #abe8ea;
font: .9em "Albert Sans", sans-serif;
text-align: center;
background: #20bec2;
}
body.home h1 span {
color: #4cd4d7;
}
div.bg-pattern {
text-align: center;
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/bg-pattern.png);
background-size: cover;
}
@media (min-width:576px) {
div.bg-pattern.jumbotron {
padding:4.5rem 2rem
}
}
div.bg-pattern h2 {
color: #14494a;
font: 2.2em "Albert Sans", sans-serif;
}
.arrow {
margin: 0 auto -180px auto;
position: relative;
top: -60px;
width: 469px;
height: 170px;
display: block;
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/bg-pattern-arrow-atop.png) no-repeat center;
}
.no-cssanimations .rw-wrapper .rw-sentence span:first-child{
opacity: 1;
}
.container-section-home {
margin-bottom: 90px;
}
.home-section {
padding-top: 80px;
color: #757575;
text-align: center;
}
.home-section > img {
margin-top: 20px;
margin-bottom: 25px;
height: 105px;
opacity: .8;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
}
.home-section > img:hover {
opacity: .5;
-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);
}
.home-section h3 {
margin: 0 0 15px 0;
color: #20bec2;
text-align: center;
font: 600 normal 1.3em "Albert Sans", sans-serif;
}
li a {
cursor: pointer !important;
}
li a:hover {
color: #000 !important;
}
.popover {
background: #d4edec;
}
.popover-body {
color: #000 !important;
}
.popover .arrow {
display: none;
}
.popover:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.popover:after {
border-color: rgba(32, 190, 194, 0);
border-right-color: #20bec2;
border-width: 10px;
margin-top: -10px;
}
.popover:before {
border-color: rgba(29, 172, 176, 0);
border-right-color: #d4edec;
border-width: 11px;
margin-top: -11px;
}
article.soul-pattern-list li span {
display: block;
font-size: .8em;
color: #bcbcbc;
}
.home-section li a {
margin-top: 20px;
padding: 8px 20px;
font-style: normal;
text-decoration: none !important;
display: inline-block;
border: 2px solid #fff;
letter-spacing: 0.15em;
font: 700 .75em "Albert Sans", sans-serif;
color: #ad9d58 !important;
text-transform: uppercase;
background: #fff;
}
.home-section li a:hover {
color: #000 !important;
}
ol li em {
display: block;
font-size: .8em;
margin-left: 10px;
}
ol {
margin: 0;
padding: 0;
list-style: none;
}
ol li {
padding: 8px 0;
border-bottom: 2px solid #fff;
}
ol li:last-child {
border-bottom: 0;
} .card-group {
margin-top: 20px;
padding-top: 10px;
}
.card {
border-color: #fff !important;	
}
.card-text {
margin: 0;
padding: 0;
font-size: 1em;
}
.card-body h2 {
margin: 0 0 15px 0;
padding: 15px 0;
font-size: .9em;
color: #ad9d58;
font-weight: 600;
font-family: "Albert Sans", sans-serif;
line-height: 135%;
border-top: 1px dotted #d4d4d4;
border-bottom: 1px dotted #d4d4d4;
}
.card-body cite {
color: #acacac;
letter-spacing: .05em;
font-size: .7em;
font-style: normal;
} .rw-wrapper{
position: relative;
margin: 0 auto;
text-align: center;
padding-bottom: 70px;
}
.rw-sentence{
margin: 0 auto;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
color: #14494a;
font-weight: normal;
}
.rw-words{
display: inline;
}
.rw-words-1 span{
position: absolute;
top: 0;
bottom: 0;
margin: 60px auto 0 auto;
padding-bottom: 70px;
left: 0;
right: 0;
opacity: 0;
overflow: hidden;
color: #14494a;
-webkit-animation: rotateWord 18s linear infinite 0s;
-ms-animation: rotateWord 18s linear infinite 0s;
animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
-webkit-animation-delay: 3s; 
-ms-animation-delay: 3s; 
animation-delay: 3s; 
}
.rw-words-1 span:nth-child(3) { 
-webkit-animation-delay: 6s; 
-ms-animation-delay: 6s; 
animation-delay: 6s; 
}
.rw-words-1 span:nth-child(4) { 
-webkit-animation-delay: 9s; 
-ms-animation-delay: 9s; 
animation-delay: 9s; 
} @-webkit-keyframes rotateWord {
0% { opacity: 0; }
2% { opacity: 0; -webkit-transform: translateY(-30px); }
5% { opacity: 1; -webkit-transform: translateY(0px);}
17% { opacity: 1; -webkit-transform: translateY(0px); }
20% { opacity: 0; -webkit-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
0% { opacity: 0; }
2% { opacity: 0; -ms-transform: translateY(-30px); }
5% { opacity: 1; -ms-transform: translateY(0px);}
17% { opacity: 1; -ms-transform: translateY(0px); }
20% { opacity: 0; -ms-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateWord {
0% { opacity: 0; }
2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@media screen and (max-width: 768px){
.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
.rw-sentence { font-size: 9px; }
}
.rw-sentence-IE{
display: none;
padding: 30px;
} .bg-pattern-fade {
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/bg-pattern-pages.png) no-repeat top center;
background-size: contain;
}
.content-white {
padding-top: 10px;
padding-bottom: 50px;
font-size: .87em;
line-height: 145%;
color: #565656;
font-family: "Albert Sans", sans-serif; 
}
.content-white a {
color: #000;
font-style: normal;
}
.content-white strong {
color: #444;
}
.content-white ul li {
margin-bottom: 10px;
}
.content-white h2 {
margin: 0;
padding: 10px 0 15px 0;
font-weight: 700;
font-size: 1.2em;
letter-spacing: .02em;
color: #000;
}
.content-white h3 {
margin-bottom: 20px;
font-size: 1.1em;
color: #000;
letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 15px;
position: relative;
}
.content-white h3:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 95%;
background-color: #aeaeae;
}
.content-white h3:after {
content: "";
position: absolute;
left: 0;
bottom: 4px;
height: 1px;
width: 95%;
background-color: #aeaeae;
}
.content-white p {
margin: 0;
padding: 0 0 18px 0;
}
.content-white .level {
margin: 0 0 20px 0;
padding: 30px 30px 10px 30px;
}
.content-white a.wp-block-button__link {
text-decoration: none !important;
font-style: normal;
}
.content-white a.wp-block-button__link:hover {
background: #fff;
color: #5abbc0;
}
.content-white blockquote {
background: #fff;
padding: 10px 20px 0px 20px;
border: 1px solid #ccc;
}
.content-white blockquote p {
margin: 0 0 10px 0;
padding: 0;
}
.content-white .wp-block-columns img {
width: 100%;
height: auto;
}
.content-white .wp-block-image img {
width: 100%;
height: auto;
}
h1.page-title {
margin: 0 0 5px 0;
padding: 15px 0;
color: #000;
text-align: center;
font: 600 1.8em "Albert Sans", sans-serif;
}
h1.page-title strong {
color: #000;
font-weight: 500;
border: 2px solid #000;
padding: 5px 10px;
}
h2.tagline {
margin: 0;
padding: 15px 0;
color: #abe5e6;
letter-spacing: .06em;
font: .8em "Albert Sans", serif;
text-align: center;
background: #20bec2;
}
h2.tagline span {
color: #3fced2;
}
.column {
margin-bottom: 20px;
color: #757575;
line-height: 140%;
}
.column a {
color: inherit;
}
.column h2 {
margin: 0;
padding: 10px 0 10px 0;
letter-spacing: .02em;
font: 600 1.1em "Albert Sans", sans-serif;
}
.column h3 {
margin: 0;
padding: 10px 0 10px 0;
color: #826a09;
letter-spacing: .02em;
font: 400 1.1em "Albert Sans", sans-serif;
}
.column ul {
margin: 0 35px 15px 25px;
padding: 0;
list-style: none;
}
.column ul li {
margin-bottom: 10px;
padding-left: 19px;
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/li-bullet-yellow-dark.png) no-repeat 0 13px;
background-size: 8px auto;
}
.column img {
margin-top: 5px;
max-width: 100%;
height: auto;
display:block;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
.column blockquote {
display: block;
border-width: 2px 0;
border-style: solid;
border-color: #eee;
padding: 1.5em 0 0.5em;
margin: 1.5em 0;
position: relative;
}
.column blockquote:before {
content: '\201C';
position: absolute;
top: 0em;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 3rem;
height: 3rem;
font: 3em/1.08em 'Albert Sans', sans-serif;
color: #666;
text-align: center;
}
.column blockquote strong {
color: #20bec2;
}
a.fasc-button {
cursor: pointer;
padding-left: 15px !important;
text-decoration: none !important;
letter-spacing: .02em;
font: 1em 'Albert Sans', sans-serif;
}
a.fasc-size-xlarge {
padding: 12px 20px !important;
font-size: .8em;
}
a.fasc-size-xlarge:after {
font-size: 1em !important;
} .panel-group .panel{
border: none;
border-radius: 5px;
box-shadow: none;
margin-bottom: 10px !important;
}
.panel-group .panel-heading{
padding: 0;
border: none;
border-radius: 5px 5px 0 0;
}
.panel-group .panel-title a{
display: block;
padding: 20px 30px;
background: #e2f1f0;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #fff !important;
letter-spacing: 1px;
text-transform: uppercase;
border: 0px solid #ccc;
border-bottom: 0;
border-radius: 5px 5px 0 0;
position: relative;
background-image: linear-gradient(to right, #50C9C3 0%, #96DEDA 51%, #50C9C3 100%)
}
.panel-group .panel-title a:hover {
color: #fff !important;
}
.panel-group .panel-title a.collapsed{
margin-bottom: 10px;
font-size: 17px;
border: 0px solid #ccc;
border-color: #a3bebc;
border-radius: 5px;
color: #000;
}
.panel-group .panel-title a:before,
.panel-group .panel-title a.collapsed:before,
.panel-group .panel-title a:after,
.panel-group .panel-title a.collapsed:after{
display: none;
}
.panel-group .panel-title a:after,
.panel-group .panel-title a.collapsed:after{
content: "\f101";
background: transparent;
color: #000;
opacity: 0;
transform: scale(0);
}
.panel-group .panel-title a.collapsed:before{
opacity: 0;
transform: scale(0);
}
.panel-group .panel-title a.collapsed:after{
opacity: 1;
transform: scale(1);
}
.panel-group .panel-body{
padding: 20px 30px;
background: #e2f1f0;
border-top: none;
font-size: 19px;
color: #444;
line-height: 28px;
letter-spacing: 0;
border-radius: 0 0 5px 5px;
} ul.our-team {
margin-top: 30px;
padding: 0;
list-style: none;
}
ul.our-team li {
margin-bottom: 20px;
}
ul.our-team li a {
text-decoration: none !important;
}
ul.our-team li a:hover {
text-decoration: none;
}
.our-team img {
margin-bottom: 20px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}
.our-team img.placeholder {
border: 1px solid #e1e1e1;
}
ul.our-team li a:hover img {
}
.our-team strong {
margin: 0 0 3px 0;
padding: 0;
display: block;
color: #888;
font-size: .9em;
font-weight: 400;
font-style: normal;
text-align: center;
letter-spacing: .02em;
}
.our-team span {
margin: 0;
padding: 0 0 5px 0;
display: block;
color: #000;
font-size: .85em;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}
ul.our-team li a:hover strong,
ul.our-team li a:hover span {
color: #26bdc2 !important;
}
ul.our-team li a:hover strong {
color: #26bdc2 !important;
}
.our-team i {
margin: 0 auto;
padding-bottom: 10px;
display: block;
color: #000;
text-align: center;
}
.our-team .about-person {
font: .7em/150% "Albert Sans", sans-serif;
}
.our-team .about-person a {
font-style: normal;
color: inherit;
text-decoration: underline !important;
}
.our-team .about-person a:hover {
color: #26bdc2 !important;
}
.our-team h3 {
margin: 0;
padding: 0 0 15px 0;
font-size: 1.1em;
font-weight: 400;
line-height: 140%;
}
.our-team h4 {
font-weight: 500;
font-size: .9em;
color: #434343;
letter-spacing: .05em;
text-transform: uppercase;
}
.our-team .spacer {
height: 100px;
} article.search-listing {
padding-bottom: 30px;
} footer.primary {
padding: 80px 0 30px 0;
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/footer-bg.jpg) no-repeat bottom;
}
footer.primary ul.social-media {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
footer.primary ul.social-media li a {
padding-top: 55px;
color: #20bec2;
font-style: normal;
font: 700 .8em "Albert Sans", sans-serif;
text-decoration: none !important;
text-transform: uppercase;
background: url(//soulpatternhealing.com/wp-content/themes/soul-pattern-healing/images/facebook.png) no-repeat top center;
background-size: 43px auto;
}
footer.primary ul.social-media li a:hover {
color: #c9b55f;
}
footer.primary p {
margin: 0 0 10px 0;
padding: 0;
}
footer.primary p.disclaimer {
margin-bottom: 20px;
font-size: .8em;
line-height: 130%;
color: #acacac;
}
footer.primary p.copyright {
color: #8e8e8e;
font: 600 .7em "Albert Sans", sans-serif;
}@media only screen 
and (min-width : 0)
and (max-width : 767px) {
body, html{
overflow-x: hidden;
}
header.bgwhite {
padding-top: 0px;
}
header.bgwhite a.logo img {
height: 45px;
}
header.shrink a.logo img {
height: 35px;
}
.navbar a {
font: 400 .9em Nunito, sans-serif;
}
.dropdown-menu a {
font-size: 1.1em;
font-weight: bold;
border-bottom: 0 !important;
}
.home-section {
padding: 0 20px;
}
.home-section h3 {
margin: 0 0 15px 0;
color: #20bec2;
font: normal 1em Oswald, sans-serif;
}
.container {
border: 0px solid #cc0000;
}
header.primary .row-nav {
padding: 0;
}
.rw-wrapper{
padding-bottom: 40px;
}
.rw-sentence {
font-size: 1.1em !important;
}
.rw-words-1 span {
margin: 30px auto 0 auto;
}
.arrow {
display: none;
}
.content {
padding: 10px !important;	
}
.content h1 {
font-size: 1.6em !important;
text-align: center;
}
.content h1 br {
display: none;
}
.content img {
margin: 0 auto;	
}
.column ul {
margin: 0 5px 15px 5px;
padding: 0;
list-style: none;
}
.column blockquote {
padding: 1.7em 0 0.5em;
}
.column blockquote:before {
content: '\201C';
position: absolute;
top: 0em;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 2rem;
height: 2rem;
font: 3em/1.08em 'PT Sans', sans-serif;
color: #666;
text-align: center;
}
nav.navbar {
margin: 0;
border: 0;
background: none;
}
button.navbar-toggle {
margin: 0;
padding: 15px 0 0 0;
width: 100%;
display: table;
float: left;
border: 0;
background: none;
border-radius: 0;
}
button.navbar-toggle:hover,
button.navbar-toggle:active {
background: none !important;
}
button.navbar-toggle.collapsed,
button.navbar-toggle.collapsed:hover,
button.navbar-toggle.collapsed:active {
background: none !important;
}
button.navbar-toggle strong {
position: relative;
top: -1px;
padding: 0 8px;
text-transform: uppercase;
color: #fff;
display: inline-block !important;
}
button.navbar-toggle div {
display: inline-block !important;
}
.icon-bar {
background-color: #fff !important;
}
div.navbar-collapse {
margin-top: 5px;
text-align: center;
background: #fff;
}
div.navbar-collapse ul li {
display: block;
}
div.navbar-collapse ul li a {
color: #000 !important;
text-decoration: none;
text-align: center;
border-top: 1px solid #ccc;
}
div.navbar-collapse ul li:first-child a {
border: 0;
}
.tagline {
padding: 10px 20px !important;	
}
.home-about .two {
margin-bottom: 20px;
padding: 20px;
background: #fff !important;	
}
.home-about .two h4 {
margin: 0;
}
.home-about .three {
text-align: center;	
}
.content-white {
padding: 30px 20px 20px 20px;
}
.panel-group h4 a strong {
display: none;
}
.panel-body {
padding: 20px 0;
}
footer.primary ul.social-media li {
margin-bottom: 80px;
}
footer.primary ul.social-media li:last-child {
margin-bottom: 0;
}
}@media only screen and 
(min-width : 768px) {
.container {
border: 0 solid #000;
}
.navbar {
width: 100%;
text-align: center;
}
header.primary ul li {
margin: 0 10px;
float: none;
display: inline-block;
}
header.primary ul.primary a {
margin: 8px 0 5px 0;
padding: 0;
color: #fff;
text-decoration: none;
border-bottom: 2px solid #840e0c;
}
header.primary ul.primary a:focus,
header.primary ul.primary a:hover,
header.primary li.current_page_item a,
header.primary li.current_page_ancestor a {
color: #fff !important;
outline: none;
border-bottom: 2px solid #fff !important;
background: none !important;
}
header.primary ul li.secondary a {
margin: 0;
padding: 0;
color: #c1807e;
border-bottom: 2px solid #840e0c;
}
header.primary ul li.secondary a:hover {
color: #c1807e;
border-bottom: 2px solid #c1807e;
}
header.primary .dropdown-menu li {
display: block;
}
header.primary .dropdown-menu li a {
padding: 5px !important;
border: 0 !important;
color: #000 !important;
}
header.primary .dropdown-menu li a:hover {
color: #881614 !important;
}
li.dropdown.open a {
color: #fff !important;
background: none !important;
border: 0 !important;
}
section.home-about .one {
background: #fff;
}
section.home-about .two {
padding-top: 10px;
padding-bottom: 10px;
background: #fff;
min-height: 0;
}
section.home-about .two ul {
margin: 0 0 15px 10px;
}
section.home-about .three {
padding: 25px 0 0 20px;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
}@media only screen and 
(min-width : 992px) {
.container {
border: 0px solid #000;
}
.page-address br {
display: none;
}
} @media only screen and 
(min-width : 1200px) {
.container {
border: 0px solid #000;
}
section.home-about .two {
height: 400px;
}
section.home-about .two ul {
margin: 0 0 15px 30px;
}
section.home-about .three {
padding: 80px 0 80px 80px;
}
}