/*
Theme Name: E-Counseling
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: e-counseling
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
E-Counseling is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
Naama 28/1/2018 11:00 am
Daniel 28/1/2018 12:00 pm
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 1.5em;
margin: 0.67em 0;
font-weight: bold;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
input[type="submit"] {
display: inline-block;
padding: 12px 2em 10px;
background: #65cbcb;
color: #fff!important;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 1em;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #098989;
transition: all .3s ease;
text-align: center;
}
/*button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}*/
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #65cbcb;
}
a:visited {
}
a:hover,
a:focus,
a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 4em;
left: -999em;
z-index: 99999;
max-width: 100vw;
background:#fff;/*
transform: translateY(-100%);
opacity: 0;
transition: opacity .2s ease,transform .2s ease;*/
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 270px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
right: auto;
opacity: 1;
transform: translateY(0%);
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 850px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
display: none;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.entry-meta {
font-size: 0.9em;
margin-bottom: 1em;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/***************************************************************************************************************/
.single h3{
font-size:24px;
}
.col-5 {
box-sizing:border-box;
width:18%; /* 100 / 5 - 2 */
margin-left:2.5%; /* 5 * 2 / 4 */
float:left;
text-align: center;
}
.col-5:first-child {margin-left:0;}
.row:after {
display:table;
content:"";
clear:both;
}
.stars {
font-size: 26px;
top: -2px;
text-shadow: 2px 2px 5px rgba(0,0,0,.1);
color: #ccc;
width: 100px;
height: 20px;
background: url('data:image/svg+xml;utf8,');
background-size: auto 100%;
position:relative;
}
.stars>div {
height: 100%;
width: 100%;
background: url('data:image/svg+xml;utf8,');
position: absolute;
background-size: auto 100%;
}
#colophon {
padding: 20px;
margin: 40px 0 0;
border-top: 1px solid #ddd;
color: #999;
font-size: 12px; text-align: center;
}#colophon p{ text-align: center;}
.knockout {
width: 100vw;
left: 50%;
position: relative;
margin: 0 -50vw 4em;
background: #eee;
padding: 3em;
}
.knockout > div {
margin-left: auto;
margin-right: auto;
max-width: 1140px;
}
.knockout p {
margin: 0 auto 1.5em;
width: 60%;
}
.home h3,.home h1,.home h2{
text-align:center;
font-size: 1.5em;
margin-bottom: 15px;
margin-top: 20px;
color:#65cbcb;
}
.home h1 {
margin-top: 30px;
}
.post-body{
float: left;
width: 75%;
margin-left: 5%;
}
.post-body .entry-title {
margin-top: 0;
margin-bottom: 0;
}
.post-thumbnail{
float: left;
width: 20%;
}
.specialty{
font-weight:bold;
margin-top: 10px;
margin-bottom: 15px;
}
.chat-now .col-5 {
text-align: center;
}
.chat-name-box {
background-color: #eee;
color: #7D7979;
padding: 10px;
}
.review-tombstones {
border: 1px solid #eee;
padding: 20px;
text-align: center;
border-bottom: 5px solid #ccc;
height: 180px;
background-color: #fff;
}
.tombstone-logo {
height: 70px;
}
.reputation {
font-weight: bold;
font-size: 14px;
}
.col-5 h4 {
color: #65cbcb;
font-size: 24px;
margin: 5px;
}
/*
h3 {
color: #65cbcb;
font-size: 26px;
}
*/
.expert-box {
border: 1px solid #eee;
-webkit-box-shadow: 3px 3px 18px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 18px -12px rgba(0,0,0,0.75);
box-shadow: 3px 3px 18px -12px rgba(0,0,0,0.75);
}
table.ranking-table {
margin-bottom:0;
}
table.ranking-table td {
padding: 7px 10px;
}
table.ranking-table th {
font-size: 11px;
padding: 7px 12px;
}
.rating-lower.home-rating {
color: #65cbcb;
}
.rating-badge {
background: #fff;
padding: 14px;
font: 50px 'Roboto Slab';
}
table th { /*
border: 1px solid #dddddd;
border-right: none;
background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-color: #F7F7F7 */
text-align: left;
padding: 10px 15px;
color: #444;
vertical-align: top;
font-size: 14px;
font-weight: bold; text-align: right; vertical-align: middle;
}
.widget h3, .widget h4 {
font-family: 'Roboto',sans-serif;
font-weight: 400;
}
.widget h3 a, .widget h4 a {
color:#000;
}
.widget_therapy_reviews_widget .item {
clear:both;
padding:1em 0;
margin:0;
border-bottom:1px solid #eee;
}
.widget_therapy_reviews_widget .item:after {
clear:both;
display:table;
content:"";
}
.widget_therapy_reviews_widget .left {
width: 47%;
float: left;
margin: 0px 0 0 10px;
}
.widget_therapy_reviews_widget .right {
width: 45%;
float: left;
margin-left: 4%;
margin-top: 5px;
}
.home_featured_posts_widget .right {
width: 60%;
float: left;
margin-left: 2%;
}
.home_featured_posts_widget .left {
width: 35%;
float: left;
margin: 0px 0 0;
}
.widget_therapy_reviews_widget .left a{
padding: 10px;
display:inline-block;
}
.home_featured_posts_widget .right {
padding-top: 30px;
}
.widget h4 {
font-size: 22px;
margin: 0 0 .5em;
}
.show-on-mobile {display:none }
.page-id-659 #breadcrumbs, .page-id-655 #breadcrumbs, .page-id-1524 #breadcrumbs, .single-ppc_therapy_page #breadcrumbs {
display: none;
}
.widget-title, .widgettitle {
font: bold 15px 'Roboto Condensed',sans-serif;
display: inline-block;
padding: .5em 1em;
margin: 0 0 1em;
color: #fff;
text-transform: uppercase;
background: #65cbcb;
letter-spacing: 1px;
}
.widget {
border-top: 2px solid #65cbcb;
}
.widget ul {
margin: 0;
}
.home-widgets.row {
padding-top:20px;
}
.home-widgets .widgettitle {
text-align: center;
font: bold 36px 'Roboto Condensed',sans-serif;
background: #ffc225;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
padding: 0.7em;
margin: 16px 16px 24px;
}
.home-widgets.row {
position: relative;
}
.home-widgets:before{
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 100vw;
content: "";
display: block;
height: 100%;
transform: translateX(-50%);
background: #f2f2f2;
z-index: -1;
}
.home-widgets .widget-title {
text-align: center;
font-size: 32px;
margin: 30px;
}
.home-widgets .widget {
border: 1px solid #e3e3e3;
background: #fff;
border-width: 1px 1px 4px;
}
.home-widgets .rpwe-block h3 {
font-size:24px!important;
text-align:left!important;line-height: 1.1;
top: 65px;
position: relative;
transform: translateY(-50%);margin-right:40px;
}
.home-widgets .rpwe-thumb {margin-right:30px;width:40%;}
.home-widgets .rpwe-date {display:none;}
.home-widgets .rpwe-li, .home-widgets .widget_therapy_reviews_widget .item{
padding: 10px;
margin: 0;
box-sizing: border-box;
}
.interests a:hover:after {
opacity:1;
transition:all 150ms ease;
}
.single-online-therapy .article-feed {
display: flex;
clear: both;
left:50%;
margin-left:-50vw;
width:100vw;
position: relative;
margin-top: 20px;
}
.single-online-therapy a.article {
flex: 1;
display: block;
margin: 0; border:1px solid #fff; box-sizing:border-box;
height: 14vw;
position: relative;
padding:20px;
cursor:pointer;
background: #000;
overflow:hidden;
text-decoration:none!important;
background-size: cover;
background-position: 50% 50%;
}
.anchor-padding {
padding-top: 150px;
}
.anchor-padding::before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}
.single-online-therapy a.article > div {
position: absolute;
bottom: 0; left: 20px; right: 10px;
}
.article .bg{
position: absolute;
top:0;left:0;right:0;bottom:0;
background-size: cover;
transition: all 1s ease;
}
.article-feed:hover .article .bg{
opacity:.6;
transition: opacity 1s ease,transform 1s ease;
}
.article-feed .article:hover .bg{
opacity:1;
transform:scale(1.09);
transition: opacity 300ms ease,transform 6s linear;
}
.article .content {
position: absolute;
bottom: 0; left: 20px; right: 10px;
}
.article h4 {
font: bold 15px/1.3 'Roboto',sans-serif;
text-transform: uppercase;
color: #fff!important;
text-shadow: 1px 1px 1px #000;
margin:10px 0
}
span.article-label {
font: 700 13px 'roboto condensed';
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: bold;
padding: 5px 8px;
background: #ffc225;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
span.article-label.article-label-news {
background: #d66ee5;
}
span.article-label.article-label-online-therapy {
background: #e5c441;
}
span.article-label.article-label-depression {
background: #c7c561;
}
span.article-label.article-label-anxiety {
background: #a6c785;
}
span.article-label.article-label-relationships {
background: #82c9ab;
}
span.article-label.article-label-intimacy {
background: #64c4cc;
}
span.article-label.article-label-health {
background: #60a9d0;
}
span.article-label.article-label-stress {
background: #5c8ed4;
}
span.article-label.article-label-career {
background: #597fd7;
}
span.article-label.article-label-addictions {
background: #566eda;
}
.comment-list { margin-left: 0; padding-left: 0; list-style: none;}
.comment-list .children { margin-left: 2em; list-style: none; padding: 0;}
li.comment:first-child { border-top: 1px solid #ddd;}li.comment { border-bottom: 1px solid #ddd; padding: .5em 0;}
.comment-list > li >article { padding: .5em 0;}
li.comment p { margin: 0;}
li.comment .comment-content p { margin: 1em 0;}
.comment-form label { width: 5em;}
.children li.comment { padding: 0 0 0 1em; margin: .5em 0; border: none; border-left: 5px solid #eee;}
.contributor-box {
border: 4px solid #ffc225;
padding: 20px;
text-align:center;
}
.contributor-box .ribbon {
background: #65cbcb;
color: #fff;
border: none;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
display: block;
padding: 16px 32px;
font-size: 24px;
font-weight: bold;
box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2);
z-index: 3;
position: relative;
top: 0;
left: 0;
}
.contributor-box .ribbon a{
color: #000;
text-shadow:none;
font-size: 14px;
text-align:right;
text-decoration: underline !important;
}
/*****************************************************comparison-chart**************************************************/
#comparison-chart {
font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #474747;
line-height: 1.4em;
width: 1140px;
display: block;
margin: 0 auto;
}
#comparison-chart a {
color: #2153A3;
border-bottom: 1px solid #2153A3;
text-decoration: none;
font-weight: normal;
font-size: 12px;
}
#comparison-chart .warning {
background-color: #DB444E;
color: white;
padding: 5px;
width: 70%;
margin: 5px auto 0 auto;
display: block;
border-bottom: none;
text-decoration: none;
}
#comparison-chart a:hover {
border-bottom: none;
}
#comparison-chart .warning:hover {
border-bottom: none;
text-decoration: none;
}
#comparison-chart table {
border: 1px solid #E3E3E3;
border-collapse: collapse;
margin: 0 auto 0 auto;
max-width: 1000px;
}
#comparison-chart td:first-child{
min-width: 170px;
text-align: left;
font-size: 12px;
line-height: 1.2em;
font-weight: bold;
padding-left: 15px;
text-transform: uppercase;
}
#comparison-chart tbody > tr:nth-child(odd){
background-color:#E6F3F7;
}
#comparison-chart th img{
max-width: 100px;
}
#comparison-chart p {
margin: 0;
}
#comparison-chart .has-stars a{
border-bottom: 0;
}
#comparison-chart .has-stars a:hover{
border-bottom: 0;
}
#comparison-chart td {
text-align: center;
padding: 15px 10px;
}
#comparison-chart .green {
color: #57A84C;
}
#comparison-chart .red{
color: #DB444E;
}
#comparison-chart .yellow {
color: #CCA327;
}
#comparison-chart .partial sup {
top: -.8em;
left: .2em;
position: relative;
font-size: .7em;
}
#comparison-chart .logo-wrap {
height: 65px;
}
#comparison-chart .fa-star, #comparison-chart .fa-star-o, #comparison-chart .fa-star-half-o, #comparison-chart .fa-star-half {
color: #EDDA07;
font-size: 17px;
}
#comparison-chart .media img{
max-width: 70px;
display: block;
margin: 15px auto;
}
#comparison-chart .media td:nth-child(2) img{
max-width: 45px;
}
#comparison-chart .prof img{
max-width: 75px;
display: block;
margin: 15px auto;
}
#comparison-chart .review img{
max-height: 35px;
display: block;
margin: 0 auto;
}
#comparison-chart .review {
text-transform: none !important;
text-align: center !important;
font-weight: normal !important;
}
#comparison-chart .facebook td:first-child img{
max-height: 22px;
display: block;
margin: 0 auto;
}
#comparison-chart .facebook td:nth-child(n+2) img{
display: inline-block;
width: 15px;
margin-right: 5px;
}
#comparison-chart .facebook a{
display: inline-block;
font-size: 14px;
}
#comparison-chart .facebook a:hover{
border-bottom: 1px solid white;
}
#comparison-chart .height-25 {
max-height: 25px !important;
}
#comparison-chart ul{
margin:0;
}
#comparison-chart .fixed-providers li {
display: inline-block;
list-style-type: none;
width: 134px;
text-align: center;
border: 1px solid #E3E3E3;
margin-left: -5px;
background-color: #fff;
padding: 20px 5px;
}
#comparison-chart .fixed-providers li:nth-child(2) {
margin-left: 3px;
}
#comparison-chart .fixed-providers li img{
width: 80%;
display: block;
margin: 0 auto;
}
#comparison-chart td:nth-child(n+2) {
width: 130px;
min-width: 130px;
max-width: 130px;
}
#comparison-chart .fixed-providers{
background-color: white;
margin-bottom: -1px;
}
#comparison-chart .monthly{
font-weight: bold;
}
#comparison-chart .monthly sup{
font-weight: normal;
}
#comparison-chart .fixed-providers-scroll{
position: fixed;
top: 64px;
z-index: 500;
width: 1140px;
margin: 0 auto;
display: block;
min-width: 1140px;
}
#comparison-chart .fixed-providers ul{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-padding-start: 0px;
padding-left: 70px;
}
#comparison-chart .fixed-providers ul li:first-child {
width: 222px;
border: 0;
}
#comparison-chart #notes-disclaimers {
font-size: 12px;
width: 1000px;
margin: 20px auto 0 auto;
}
/************************************************************************************************************************/
.reputation {
font-weight: bold;
font-size: 14px;
}
.quiz-home{
background-color:#fff;
color: #000;
font-size: 1.7em;
position: relative;
padding: 1em 2em;
margin: 1em 0 0.7em;
}
.quiz-home a{
padding: 12px 2em 10px;
background: #ffc225;
color: #fff !important;
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 1em 2em;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #cf8b1f;
transition: all .3s ease;
width: 100%;
text-align: center;
}
.quiz-home::before {
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 100vw;
content: "";
display: block;
height: 100%;
transform: translateX(-50%);
background: #fff;
z-index: -1;
}
.quiz-widget{
background-color:#65cbcb;
color: #fff;
font-size: 1.5em;
padding: 0.7em;
text-align: center;
}
.quiz-widget a{
padding: 12px 1em 10px;
background: #ffc225;
color: #fff !important;
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #cf8b1f;
transition: all .3s ease;
width: 100%;
text-align: center;
display: block;
margin: 20px auto 5px;
width: 80%;
}
html, body {
font-family: 'Roboto', sans-serif;
width: 100%;
overflow-x: hidden;
}
a {
text-decoration: none !important
}
p a:link {
border-bottom: 2px solid rgba(0,0,0,.1);
}
#content, #colophon .wrapper, .fullwidth > div {
max-width: 1140px;
width: 90%;
margin: 0 auto;
}
h1, h2, h3, h4 {
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
}
.entry-title {
font-size: 2em;
}
.search-results h2.entry-title{
margin-bottom: 0;
}
#site-navigation button {
box-shadow: none;
outline: none;
border: none;
border-radius: 0;
text-indent: -100vw;
overflow: hidden;
background: transparent url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20style%3D%22fill%3Anone%3Bstroke%3Ablack%3Bstroke-width%3A4%3B%22%20d%3D%22m%200%2C6%2030%2C0%20z%20m%200%2C9%2030%2C0%20z%20m%200%2C9%2030%2C0%20z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
background-size: 50%;
background-position: 50% 50%;
height: 30px;
width: 30px;
box-sizing: content-box;
opacity: 0.2;
position: absolute;
right: 0;
top: 0;
padding: 10px;
margin: 5px;
}
.site-branding, #site-navigation {
width: 95%;
max-width: 1140px;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.site-title {
/*margin:1.25em;*/
}
/*.site-title a:link {
border-bottom: none;
height: 64px;
display: inline-block;
position: relative;
padding: 10px;
max-width: 75%;
}*/
.site-title img {
border-bottom: none;
/*height: 64px;*/
display: inline-block;
position: relative;
padding: 10px;
max-width: 100%;
/*height: 100%;*/
}
#masthead {
position: fixed;
top: 0;
box-shadow: 0 0 3px rgba(0,0,0,.3);
background: #fff;
width: 100%;
height: 4em;
z-index: 9999;
}
li.nav-search form {
position: absolute;
right: 0;
top: 4em;
display: flex;
}
#search-checkbox {
display: none;
}
li.nav-search .switch {
position: relative;
width: 40px;
background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2232%22%20width%3D%2232%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20style%3D%22fill%3A%2523666%22%20d%3D%22M31.008%2027.231l-7.58-6.447c-0.784-0.705-1.622-1.029-2.299-0.998%201.789-2.096%202.87-4.815%202.87-7.787%200-6.627-5.373-12-12-12s-12%205.373-12%2012%205.373%2012%2012%2012c2.972%200%205.691-1.081%207.787-2.87-0.031%200.677%200.293%201.515%200.998%202.299l6.447%207.58c1.104%201.226%202.907%201.33%204.007%200.23s0.997-2.903-0.23-4.007zM12%2020c-4.418%200-8-3.582-8-8s3.582-8%208-8%208%203.582%208%208-3.582%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
height: 40px;
margin: 11px 0;
background-size: 18px;
cursor: pointer;
}
#search-checkbox + form {
display: flex;
transform: translateY(-50%);
transition: opacity .2s ease, transform .2s ease, visibility 0 ease 0s;
opacity: 0;
visibility: hidden;
}
#search-checkbox:checked + form {
transform: translateY(0%);
opacity: 1;
visibility: visible;
transition: opacity .2s ease, transform .2s ease, visibility 0 ease 0.2s;
}
form.search-form input {
height: 40px;
margin: 16px 4px;
border-radius: 0;
font: 400 1em 'roboto';
}
.nav-search [type="search"] {
padding-left: 1em;
}
#content {
margin-top: 6em;
}
.admin-bar #masthead {
margin-top: 32px;
}
.home #content {
margin-top: 4em;
}
.home .article {
margin: 0;
border: 1px solid #fff;
box-sizing: border-box;
display: block;
height: 70vw;
position: relative;
padding: 20px;
cursor: pointer;
background: #000;
overflow: hidden;
}
.home .article .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
transition: all 1s ease;
}
.home .article-feed:hover .article .bg {
opacity: .6;
transition: opacity 1s ease, transform 1s ease;
}
.home .article-feed .article:hover .bg {
opacity: 1;
transform: scale(1.09);
transition: opacity 300ms ease, transform 6s linear;
}
.home .article .content {
position: absolute;
bottom: 0;
left: 20px;
right: 10px;
}
.home .article h4 {
font: bold 15px/1.3 'Roboto', sans-serif;
text-transform: uppercase;
color: #fff!important;
text-shadow: 1px 1px 1px #000;
margin: 10px 0
}
.home .fullwidth {
width: 100vw;
left: 50%;
position: relative;
margin: 0 -50vw;
overflow: hidden;
background-size: cover;
}
.home .row {
margin: 0 0 3em;
}
.home .interests {
margin: 7px -10px 0;
padding: 1px 0 2em;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
position: relative;
}
.home .interests * {
color: #fff!important;
}
.home .interests a {
font: 700 19px 'Roboto condensed';
position: relative;
text-transform: uppercase;
float: left;
width: calc(25% - 20px);
background: transparent;
color: #fff;
margin: 10px;
font-size: 20px;
text-align: center;
border-radius: 50%;
}
.home .interests a:after {
content: "";
display: block;
clear: both;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ffc225;
z-index: -1;
border-radius: 50%;
box-shadow: 0 5px 20px rgba(0,50,50,0.2);
opacity: 0;
transition: all .5s ease;
}.home .interests a:hover:after { opacity: 1; transition: all .5s ease;}
.home .interests:before {
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 100vw;
content: "";
display: block;
height: 100%;
transform: translateX(-50%);
background: #65cbcb;
z-index: -1;
}
.home .interests a:before {
content: "";
float: left;
/*padding-bottom: 100%;*/
}
.home .interests a span {
width: 100%;
display: inline-block;
}
.home .interests a img {
width: 57%;
margin: 30px 0 10px;
}
.home .interests .interests-heading {
color: #fff !important;
text-align: center;
font-size: 36px;
margin-bottom: 15px;
margin-top: 20px;
}
.home h2.take-quiz{
color: #000;
font-size: 1em;
display: inline;
}
.extended-review-table .item, .post-type-archive-online-therapy .item, .page-id-760 .item, .page-id-762 .item , .review-tombstone .item {
border: 1px solid #ddd;
padding: 16px 32px 32px;
margin: 3em 0;
position: relative;
}
.post-type-archive-online-therapy .site-main, .extended-review-table .site-main, .post-type-archive-directory .site-main, .tax-directory_country .site-main {
margin: 0 !important ;
}
.review-tombstone .item {
background-color: #fff;
float:left;
clear:both;
}
.extended-review-table .item:after, .post-type-archive-online-therapy .item:after, .page-id-760 .item:after, .page-id-762 .item:after {
content: "";
display: table;
clear: both;
}
.extended-review-table .ribbon, .post-type-archive-online-therapy .ribbon, .page-id-760 .ribbon, .page-id-762 .ribbon {
display: inline-block;
position: absolute;
top: 20px;
left: -10px;
background: #f7f7f7;
border: 1px solid #eee;
padding: 16px 32px;
font-size: 20px;
font-weight: bold;
border: 1px solid #ddd;
box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2);
z-index: 3;
display:none;
}
.single-seo_therapy_page .item:first-child .ribbon, .post-type-archive-online-therapy .item:first-child .ribbon, .page-id-760 .item:first-child .ribbon, .page-id-762 .item:first-child .ribbon, .review-tombstone .item:first-child .ribbon {
background: #65cbcb;
color: #fff;
border: none;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.single-seo_therapy_page .item:first-child .ribbon:after, .post-type-archive-online-therapy .item:first-child .ribbon:after, .page-id-760 .item:first-child .ribbon:after , .page-id-762 .item:first-child .ribbon:after , .review-tombstone .item:first-child .ribbon:after {
content: "";
display: block;
position: absolute;
border: 30px solid transparent;
border-right-color: #fff;
border-width: 30px 11px;
top: 0;
right: 0;
}
.single-seo_therapy_page .item:first-child .ribbon:before, .post-type-archive-online-therapy .item:first-child .ribbon:before, .page-id-760 .item:first-child .ribbon:before, .page-id-762 .item:first-child .ribbon:before {
content: "";
display: block;
position: absolute;
top: 6px;
bottom: 6px;
left: 0;
right: 0;
border: 3px dotted #fff;
opacity: 0.5;
border-width: 2px 0;
}
.extended-review-table .left, .post-type-archive-online-therapy .left, .page-id-760 .left, .page-id-762 .left {
float: left;
width: 300px;
clear: none;
padding: 98px 0 0;
z-index: 2;
position: relative;
text-align: center;
}
.review-tombstone .left {
float: left;
width: 300px;
clear: none;
z-index: 2;
position: relative;
text-align: center;
}
.review-tombstone .right {
float: right;
clear: none;
margin: 0 0 0px -360px;
width: 100%;
text-align: center;
}
.review-tombstone .row {
display: flex;
margin: 0 -8px 0px 0;
}
.review-tombstone .stars {
width: 120px;
height: 24px;
background-size: auto 100%;
position: relative;
margin: 7px auto 0px;
display: inline-block;
}
.extended-review-table .left img, .post-type-archive-online-therapy .left img, .page-id-760 .left img, .page-id-762 .left img {
margin: 1em 0;
}
.extended-review-table .right, .post-type-archive-online-therapy .right, .page-id-760 .right, .page-id-762 .right {
float: right;
clear: none;
margin: 0 0 32px -360px;
width: 100%;
text-align: center;
}
.extended-review-table .right > div, .post-type-archive-online-therapy .right > div, .page-id-760 .right > div, .page-id-762 .right > div, .review-tombstone .right > div {
margin-left: 360px;
}
.extended-review-table .item h2, .post-type-archive-online-therapy .item h2, .page-id-760 .item h2, .page-id-762 .item h2, .review-tombstone .item h2 {
font-size: 48px;
margin: 8px 0;
padding: .2em 1em;
background: #f7f7f7;
border: 1px solid #eee;
}
.extended-review-table .like-h2, .post-type-archive-online-therapy .like-h2, .page-id-762 .like-h2, .page-id-760 .like-h2, .review-tombstone .like-h2 {
font-size: 48px;
margin: 8px 0;
padding: .2em 1em;
background: #f7f7f7;
border: 1px solid #eee;
color: #404040;
font-family: 'Roboto Slab',sans-serif;
font-weight: 300;
}
.extended-review-table .entry-title, .post-type-archive-online-therapy .entry-title {
font-size: 22px;
}
.extended-review-table p, .post-type-archive-online-therapy p, .page-id-760 p, .page-id-762 p {
text-align: left;
}
.extended-review-table .row, .post-type-archive-online-therapy .row, .page-id-760 .row, .page-id-762 .row {
display: flex;
margin: 0 -8px 32px 0;
}
.extended-review-table .ratings > div, .post-type-archive-online-therapy .ratings > div, .single-online-therapy .ratings > div, .page-id-760 .ratings > div, .page-id-762 .ratings > div {
flex: 1;
text-align: center;
background: #f7f7f7;
border: 1px solid #eee;
padding: 16px;
margin-right: 8px;
margin-bottom: 8px;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
}
.ratings a {
text-transform: none;
font-weight: normal;
}
.extended-review-table .row img, .post-type-archive-online-therapy .row img, .page-id-760 .row img , .page-id-762 .row img {
margin: 0 auto 20px;
}
.stars {
width: 120px;
height: 24px;
background-size: auto 100%;
position: relative;
margin: 7px auto 15px;
}
.stars>div {
height: 100%;
width: 100%;
position: absolute;
background-size: auto 100%;
}
.review-count {
font-size: 1.7em;
}
a.cta {
display: inline-block;
padding: 12px 2em 10px;
background: #65cbcb;
color: #fff!important;
font-size: 1.2em;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 1em;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #098989;
transition: all .3s ease;
width: 100%;
text-align: center;
}
a.cta:hover {
text-decoration: none;
box-shadow: 0 5px 11px rgba(0,0,0,.3);
}
.extended-review-table .plans-from, .post-type-archive-online-therapy .plans-from, .page-id-760 .plans-from, .page-id-762 .plans-from, .review-tombstone .plans-from {
font: 30px 'Roboto', sans-serif;
background: #f7f7f7;
border: 1px solid #eee;
padding: 0.5em;
}
.extended-review-table span.price, .post-type-archive-online-therapy span.price, .page-id-760 span.price, .page-id-762 span.price, .review-tombstone span.price {
font-size: 1.2em;
font-weight: bold;
}
.extended-review-table .item > ul, .post-type-archive-online-therapy .item > ul, .page-id-760 .item > ul, .page-id-762 .item > ul , .review-tombstone .item > ul {
clear: both;
margin: 32px -32px -28px -28px;
padding: 0;
list-style: none;
display: flex;
}
.extended-review-table .item > ul li, .post-type-archive-online-therapy .item > ul li, .page-id-760 .item > ul li, .page-id-762 .item > ul li, .review-tombstone .item > ul li {
flex: 1;
margin-right: 4px;
text-align: center;
background: #f7f7f7;
padding: 16px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
.title-column{
float:left;
width:50%;
font-size: 60px;
padding-top: 20px;
}
.logo-column{
float:right;
width: 50%;
text-align: right;
}
.single .type-post.has-post-thumbnail .entry-title {
display: table;
vertical-align: bottom;
color: #000;
margin: 0 0 0.5em;
width: 100%;
background-size: cover;
font-size: 2em !important;
}
p#breadcrumbs {
font-size: 0.9em !important;
color: #ccc;
margin-top: -20px;
}
p#breadcrumbs a {
color: #ccc;
}
.attribution {
padding-bottom: 20px;
font-size: 12px;
text-align:center;
color: #bbb;
}
.sfsi_plus_widget {
float: left;
}
.extended-review-table .widget-area, .post-type-archive-online-therapy .widget-area, .single-online-therapy .widget-area, .page-id-760 .widget-area, .page-id-762 .widget-area {
text-align: center;
}
.single-online-therapy .widget-area img {
margin: 0.5em 0;
}
.single-online-therapy .widget-area a.cta {
width: 80%;
padding: 10px 1em 12px;
margin: 1em 0;
}
.widget-area .ratings > div {
margin: 1em auto;
padding: 25px;
}
.review-logo img {
border: 0;
}
.review-logo {
margin-bottom: 20px;
border-bottom: 4px solid #eee;
}
.widget-area .review-count {
font-size: 1em;
margin-bottom: 15px;
}
.ranking-table .stars {
width: 90px;
height: 18px;
margin: 7px 0 15px;
}
.rating-details {
background: #f7f7f7;
border: 1px solid #eee;
padding: 1em;
margin: 1em 0;
}
.ranking-table {
border-spacing: 0 10px;
border-collapse: separate;
}
.ranking-table tr {
background: #fff;
margin: 5px;
border: 1px solid #eee;
}
.review-updated {
color: #aaa;
font-size: 0.7em;
margin-top: -15px;
}
.bh-feed .bh-label {
font-weight: 700;
font-size: 0.9em;
}
.bh-col3.bh-label {
font-weight: 700;
font-size: 0.9em;
}
.bh-feed h4 {
margin-top:-3px;
color: #65cbcb;
font-size: 2.5em;
margin-bottom: 0;
}
.bh-col1{
float: left;
width: 150px;
margin-bottom: 20px;
margin-right: 2%;
}
.single-profile .bh-col1 {
margin-bottom: 0;
}
.single-profile a.cta {
margin: 0 0 0;
}
.bh-col2 a {
padding: 5px;
margin-top: 10px;
}
.bh-col2 {
float: left;
width: 65%;
}
.bh-col3 {
float: right;
width: 17%;
font-size:1em;
}
.bh-col3 {
font-size:0.8em;
}
.bh-col3 ul {
font-size: 1.2em;
margin-left: 0px;
background-color: #eee;
padding-top: 10px;
padding-bottom: 10px;
}
.single-directory h3, .single-directory h4, .single-ppc_city h3, .single-ppc_city h4 {
font-size:22px;
}
.directory p:first-of-type {
background-color: #eee;
padding: 20px;
}
.bh-feed a {
text-align:right;
}
.bh-credentials{
font-size: 0.8em;
color: #5d5a5a;
}
.directory .ts-fab-wrapper {
display: none;
}
.post-type-archive-directory ul{
margin:0;
}
.right {
text-align: center;
}
.home-widgets .rpwe-li {
list-style: none;
}
.home_featured_posts_widget .right {
padding-top: 5px;
}
.comments-link {
display: none;
}
.single-seo_therapy_page #breadcrumbs, .post-type-archive-online-therapy #breadcrumbs, .page-id-760 #breadcrumbs, .page-id-762 #breadcrumbs, .category #breadcrumbs, .page-id-1164 #breadcrumbs { display: none; }
.single-seo_therapy_page #ts-fab-below
{ display: none; }
.archive .page-header {
text-align: left;
margin: 0 0 40px;
background-color:#eee;
overflow-x: hidden;
padding-left: 3000px;
margin-left: -3000px;
padding-right: 3000px;
margin-right: -3000px;
padding-bottom: 0 !important;
}
.archive .entry-title {
font-size: 2.2em;
}
.archive h1 {
font-size: 1.5em;
text-align: left;
margin: 0.67em 0;
}
.post-type-archive-directory h1 {
font-size: 2em;
text-align: left;
margin: 0.67em 0;
}
.archive-header-text {
display: inline-block;
width: 75%;
text-align: left;
vertical-align: top;
padding: 10px 0;
font-size: 0.5em;
}
.archive-header-text h1{
text-align: left;
font-size: 3em;
}
.post-type-archive-directory .archive-header-text {
display: inline-block;
width: 70%;
text-align: center;
vertical-align: top;
padding: 180px 0;
font-size: 1.2em;
font-family: 'Roboto Slab', sans-serif;
font-weight: 300;
}
.post-type-archive-directory .archive-header-text h1{
text-align: center;
font-size: 2.3em;
font-family: 'Roboto', sans-serif;
}
.post-type-archive-directory .archive-header-text input[type="submit"] {
padding: 12px 2em 10px;
background: #ffc225;
color: #fff !important;
font-size: 0.7em;
font-weight: bold;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #cf8b1f;
transition: all .3s ease;
text-align: center;
box-shadow: none;
}
.post-type-archive-directory .archive-header-text .directory-search-input {
padding: 10px 15px;
width: 70%;
}
.post-type-archive-directory .directory-intro {
background-color: #eee;
padding: 25px;
text-align: center;
margin-bottom: 40px;
}
.single-directory .city_menu {
background-color:#fff;
border: 1px solid #ccc;
padding: 5px 25px 10px;
margin-bottom: 35px;
}
.single-directory .city_menu h3 {
font-size: 18px;
margin-top: 10px;
}
.single-profile .ts-fab-wrapper, .single-directory .ts-fab-wrapper {
display: none;
}
.single-profile .content-area {
width: 80%;
}
.single-profile .site-content .widget-area {
float: right;
overflow: hidden;
width: 400px;
}
.single-profile .bh-col1 {
margin-right: 4%;
margin-top: 10px;
}
.single-profile .profile-contact{
width: 100%;
margin: 20px auto 5px;
}
.single-profile .profile-contact a{
padding: 0.6em 1em 0.5em;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
}
/* fixes potential theme css conflict */
.acf-map img {
max-width: inherit !important;
}
.area-heading {
font-family: 'Roboto Slab', sans-serif;
font-size: 30px;
font-weight: 300;
}
.archive-header-text div {
font-size: 2em;
margin: 0.67em 0;
}
.archive-header-text p {
margin-bottom: 0 !important;
}
.archive-header-image{
width: 165px;
display: inline-block;
padding: 25px 15px ;
min-height: 125px;
background-image: url('/wp-content/uploads/2017/08/arrow2.png');
}
.triangle {
width: 0;
height: 0;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
border-left: 30px solid #ccc;
margin-left: -4px;
}
.cat-links {
display: none;
}
.full-width-row:before {
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 100vw;
content: "";
display: block;
height: 100%;
transform: translateX(-50%);
background: #eee;
z-index: -1;
}
.full-width-row {
position: relative;
padding: 40px 0;
margin-top: 50px;
}
.full-width-row h2 {
text-align: center;
color: #65cbcb;
margin-bottom: 25px;
font-weight: bold;
}
.full-width-row h3 {
text-align: center;
font-weight: bold;
}
.how-column-holder {
text-align: center;
}
.how-column {
display: inline-block;
width: 31%;
padding-right: 2%;
border-right: 1px solid #ccc;
margin-right: 2%;
vertical-align: top;
height: 250px;
}
.sfsiaftrpstwpr {
margin: 10px 0 30px !important;
}
.wpcf7 textarea {
padding-left: 10px;
padding-right: 10px;
}
.wpcf7 input {
padding-left: 20px;
padding-right: 20px;
}
.single-online-therapy .ppc-disclaimer {
position: relative;
text-align:center;
margin-top:-10px;
}
.single-online-therapy .ppc-disclaimer div {
width: 100%;
}
.single-online-therapy .ppc-disclaimer a {
color: #aaa;
}
.review-screenshot {
text-align:center;
}
/***************************************************** PPC PAGES *********************************************************/
.ppc-disclaimer {
position: relative;
text-align:right;
}
.ppc-disclaimer a:hover + div {
display: block;
}
.ppc-disclaimer div {
display: none;
font-size: 12px;
z-index: 100;
position: absolute;
right:0;
background-color: #eee;
padding: 20px;
border: 1px solid #ddd;
border-radius: 10px;
width: 50%;
text-align:left;
}
.ppc-disclaimer ul {
margin-left: 5px;
}
.page-id-1524 , .single-ppc_therapy_page, .single-compare, .single-ppcnp_therapy_page {
background-color: #f8fdfd;
}
.page-id-1524 .item:first-child .ribbon, .single-ppc_therapy_page .item:first-child .ribbon, .single-compare .item:first-child .ribbon, .single-ppcnp_therapy_page .item:first-child .ribbon {
background: #65cbcb;
color: #fff;
border: none;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.single-seo_therapy_page .ribbon, .page-id-1524 .ribbon, .single-ppc_therapy_page .ribbon, .single-ppcnp_therapy_page .ribbon{
display: inline-block;
position: absolute;
top: 10px;
left: -10px;
background: #f7f7f7;
border: 1px solid #eee;
padding: 10px 15px;
font-size: 20px;
font-weight: 700;
border: 1px solid #ddd;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.2);
z-index: 3;
}
.single-compare .ribbon{
display:none;
}
.page-id-1524 .zopim, .single-ppc_therapy_page .zopim, .single-ppc_city .zopim, .single-compare .zopim, .single-ppcnp_therapy_page .zopim {
display: none;
}
.single-ppc_therapy_page .saboxplugin-wrap, .single-seo_therapy_page .saboxplugin-wrap, .single-profile .saboxplugin-wrap, .single-directory .saboxplugin-wrap, .single-compare .saboxplugin-wrap, .single-ppcnp_therapy_page .saboxplugin-wrap {
display: none;
}
.ppc-table {
background-color: #fff;
border-collapse: collapse;
margin-bottom: 50px;
}
.ppc-table th {
text-align:center;
background-color: #eee;
text-transform: uppercase;
font-size: 0.9em;
font-weight:normal;
}
.ppc-table td {
position:relative;
text-align:center;
}
.ppc-table>tbody>tr>td {
padding: 20px;
vertical-align:middle;
}
.ppc-table li:before {
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #65CBCB;
}
.ppc-table ul {
list-style-type: none;
margin-left: 0;
padding-left: 20px;
text-align:left;
}
.ppc-table .logo {
width: 350px;
padding-top: 30px;
}
.ppc-table .best-for-marriage{
margin-top: 20px;
background-color: #eee;
padding: 7px;
}
.best-for-marriage:before
{
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0px;
top: 100px;
border-bottom: 55px solid;
border-top: 55px solid;
border-left: 40px solid;
border-right: 55px solid;
border-color: transparent transparent transparent #fff;
}
.best-for-marriage:after
{
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100px;
border-bottom: 55px solid;
border-top: 55px solid;
border-left: 55px solid;
border-right: 40px solid;
border-color: transparent #fff transparent transparent;
}
.ppc-table .features {
width: 450px;
}
.ppc-table .ppc_rating {
font-size: 40px;
padding-top: 30px;
text-align: center;
width: 10%;
}
.ppc-table .ppc_cost{
width: 150px;
font-size:24px;
}
.ppc-table .ppc_cost, .ppc-table .num_therapists{
font-size:20px;
}
.ppc-table .read_review{
font-size:12px;
margin-top:20px;
}
.ppc-table .read_review a{
color: #aaa;
}
.ppc-table .site-url {
text-align:center;
}
.ppc-table a.cta {
display: inline-block;
padding: 12px 1em 10px;
background: #65cbcb;
color: #fff!important;
font-size: 1em;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 1em;
letter-spacing: .05em;
text-shadow: -1px -1px 1px rgba(0,0,0,.5);
border-radius: 4px;
border-bottom: 3px solid #098989;
transition: all .3s ease;
width: 100%;
text-align: center;
}
.ppc-table .ppc_cost{
width: 150px;
}
.review-tombstone a.cta {
width: 40%;
}
.review-tombstone .review-count {
font-size: 3em;
font-weight: normal;
text-align: center;
}
.review-tombstone h3 {
text-align: center;
padding: 10px;
background-color: #efefef;
font-size: 20px;
border: 1px solid #ccc;
margin-top: 60px;
margin-bottom: 0;
}
.review-tombstone .item {
margin: 0 auto;
padding-bottom: 0;
padding-left: 0;
}
.review-tombstone .ratings>div {
flex: 1;
text-align: center;
background: #f7f7f7;
border: 1px solid #eee;
padding: 12px;
margin-right: 8px;
font-size: 15px;
font-weight: 700;
}
.review-tombstone .right>div {
margin-left: 0px !important;
}
.review-tombstone .right {
margin-left: 0px !important;
width: 72% !important;
margin-top: -20px;
}
.review-tombstone .left img {
margin: 1em 0;
text-align: center;
width: 80%;
}
.page-content, .entry-content, .entry-summary {
font-size: 18px;
line-height: 1.7;
}
.single-seo_therapy_page .yellow-couples-2, .page-id-1524 .yellow-couples-2, .single-ppc_therapy_page .yellow-couples-2, .single-compare .yellow-couples-2 {
position: absolute;
bottom: 10px;
left: -10px;
background: #FFC224 !important;
padding: 7px 15px;
font-size: 0.85em;
font-weight: bold;
color: #000000;
border: 1px solid #ba9d53;
box-shadow: 0 10px 10px -5px rgba(0,0,0,.2);
z-index: 3;
}
.extended-review-table p.visit-container {
text-align:center;
}
.extended-review-table a.cta {
width: 40%;
}
.extended-review-table .features-column {
float: left;
width: 50%;
}
.wide-screenshot{
margin-bottom:30px;
}
.post-type-archive-directory .page-header {
text-align: center;
margin: -30px 0 40px;
background-color: #eee;
overflow-x: hidden;
padding-left: 3000px;
margin-left: -3000px;
padding-right: 3000px;
margin-right: -3000px;
padding-bottom: 0 !important;
background: lightblue url('/wp-content/uploads/2018/08/Depositphotos_95123144_xl-2015-v2.jpg') center;
height: 595px;
}
.mlw_quiz_form{
margin-bottom: -40px;
}
a.mlw_qmn_quiz_link {
padding: 10px 15px !important;
}
div.mlw_qmn_quiz input[type=submit] {
text-shadow: none !important;
margin: 0 auto 60px !important;
float:right;
}
.qsm_select {
margin-bottom: 30px;
}
.quiz_section h4{
line-height: 1.5 !important;
}
.mlw_qmn_quiz {
padding: 10px 10px !important;
}
.mlw_qmn_question {
background-color:#fff !important;
}
#review-statistics .review-wrap-up .review-wu-right ul li {
margin: 0 2% 2%;
line-height: 1.5;
}
#review-statistics .review-wrap-up .review-wu-right ul {
margin-top: 20px !important;
}
.single-online-therapy .wppr-inline-pie-chart {
position: relative;
width: 120px;
height: 120px;
margin: 20px auto;
}
.comment-author img{
display: none;
}
.single-online-therapy .affiliate-button {
display: none;
}
.saboxplugin-wrap {
margin-top: 20px !important;
}
/*.site-title a:link {
padding: 0px ;
}*/
.site-title {
margin-top: 0 !important;
width: 300px;
}
.ppc-table, .ppc-table td, .ppc-table th {
border: 1px solid #ddd;
}
.ppc-table th {
border-bottom-width: 2px;
vertical-align: bottom;
}
.ppc-table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.col-sm-2 {
width: 16.66666667%;
float:left;
}
.col-sm-3 {
width: 25%;
float:left;
}
.col-sm-4 {
width: 33%;
float:left;
}
.col-sm-4, .col-sm-3, .col-sm-2 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:after {
display: table;
content: "";
clear: both;
}
.ppc-table ul li {
list-style-type: none;
}
.ppc-table ul li:before {
content: "✓";
padding-right: 5px;
color: #65CBCB;
margin: 0 5px 0 -15px;
font-weight: bold;
}
.page-id-3978 h4{
margin-top: 0;
}
/**** recent posts widget *********/
.rpwwt-widget ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.rpwwt-widget li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 5px;
list-style-type: none;
}
.rpwwt-widget a{
display: inline !important;
text-decoration: none;
color: #000;
}
.rpwwt-widget h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 16px !important;
line-height: 1.5em;
}
.rpwwt-widget ul li img{
border: 1px solid #eee !important;
box-shadow: none !important;
padding: 3px !important;
margin: -0.5em .75em .75em 0 !important;
}
.rpwwt-widget ul li {
margin: 1em 0 0.5em !important;
}
.tags-links{
display:none;
}
.other-therapy-options-cta {
text-align:center;
border: 1px solid #ccc;
padding:20px 40px;
}
.other-therapy-options-cta h4 {
text-align: center;
border-bottom: 1px solid #111;
width: 50%;
margin: 0 auto 20px;
padding-bottom: 5px;
font-size:20px;
}
.other-therapy-options-cta .therapy-option{
display: inline-block;
width: 40%;
}
.therapist-directory-signup {
border: 1px solid #ccc; text-align: center;padding: 0 20px 5px; width: 65%; margin: 40px auto;
}
.therapist-directory-signup h4 {
display: inline-block; margin-right: 20px
}
.therapist-directory-signup a {
display: inline;
}
.join-2-lines {
width: 80%;
}
.postid-4477 .review-tombstone{
display: none;
}
.ppc_therapy_page-template-default .site-title, .ppc_city-template-default .site-title, .single-compare .site-title, .single-ppcnp_therapy_page .site-title {
width: 300px;
}
/********** News Category page *****************/
.category-news #content {
margin-top: 4em;
}
.category-news .article {
margin: 0;
border: 1px solid #fff;
box-sizing: border-box;
display: block;
height: 70vw;
position: relative;
padding: 20px;
cursor: pointer;
background: #000;
overflow: hidden;
}
.category-news .article .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
transition: all 1s ease;
}
.category-news .article-feed:hover .article .bg {
opacity: .6;
transition: opacity 1s ease, transform 1s ease;
}
.category-news .article-feed .article:hover .bg {
opacity: 1;
transform: scale(1.09);
transition: opacity 300ms ease, transform 6s linear;
}
.category-news .article .content {
position: absolute;
bottom: 0;
left: 20px;
right: 10px;
}
.category-news .article h4 {
font: bold 15px/1.3 'Roboto', sans-serif;
text-transform: uppercase;
color: #fff!important;
text-shadow: 1px 1px 1px #000;
margin: 10px 0
}
.category-news .fullwidth {
width: 100vw;
left: 50%;
position: relative;
margin: 0 -50vw;
overflow: hidden;
background-size: cover;
}
.category-news .row {
margin: 0 0 3em;
}
.category-news .article-feed, .home .home-article-feed {
height: 60vh;
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
/*left: 50%;
margin-left: -49vw;*/
/*width: 98vw;*/
}
.category-news .show-on-mobile {
display: none;
}
.category-news .article, .home .home-article-feed .article{
width: 49.5%;
}
.category-news a.article:nth-child(1), .home .home-article-feed a.article:nth-child(1) {
height: 100%;
margin-right: 1%;
}
.category-news a.article:nth-child(1) h4, .home .home-article-feed a.article:nth-child(1) {
font-size:40px;
}
.category-news a.article:nth-child(2), .home .home-article-feed a.article:nth-child(2) {
height: 49%;
margin-bottom: 1%;
}
.category-news a.article:nth-child(3), .home .home-article-feed a.article:nth-child(3) {
height: 48%;
}
.category-news .article-feed-4, .home .article-feed-4 {
height: 32vh;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top:1%;
margin-bottom:1%;
}
.home .review-feed {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top:1%;
margin-bottom:3%;
padding: 20px;
width: 100%;
background-color:#fff;
}
.review-row{
flex-direction: column;
}
.review-row .widgettitle{
text-align: center;
font: bold 26px 'Roboto Condensed',sans-serif;
background: #ffc225;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,.3);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,.1);
padding: .3em;
margin: 16px 0 0;
}
.category-news .article-feed-4 .article, .category-news .article-feed-2 .article, .home .article-feed-4 .article, .home .article-feed-2 .article {
width: 100%;
}
.category-news .article-feed-4 a.article:nth-child(1), .category-news .article-feed-2 a.article:nth-child(1), .home .article-feed-4 a.article:nth-child(1), .home .article-feed-2 a.article:nth-child(1) {
height: 100%;
margin-right: 1%;
}
.category-news .article-feed-4 a.article:nth-child(2), .category-news .article-feed-2 a.article:nth-child(2), .home .article-feed-4 a.article:nth-child(2), .home .article-feed-2 a.article:nth-child(2) {
height: 100%;
margin-right: 1%;
margin-bottom: 0;
}
.category-news .article-feed-4 a.article:nth-child(3), .home .article-feed-4 a.article:nth-child(3) {
height: 100%;
margin-right: 1%;
}
.category-news .article-feed-2, .home .article-feed-2 {
height: 45vh;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top:1%;
margin-bottom:1%;
}
.category-news .article-feed-2 .article-text-feed, .home .article-feed-2 .article-text-feed{
width:49%;
margin-right: 1%;
height: 12vw;
}
.category-news .article-feed-2 .article-text-feed h4, .home .article-feed-2 .article-text-feed h4{
font-size: 30px;
}
.category-news .article-feed-4 .article-text-feed, .home .article-feed-4 .article-text-feed{
width:24%;
margin-right: 1%;
height: 10vw;
}
.category-news .article-feed-2 .article-text-feed h4, .category-news .article-feed-4 .article-text-feed h4, .home .article-feed-4 .article-text-feed h4, .home .article-feed-2 .article-text-feed h4{
margin: 10px 0 0;
}
.home .article-feed-4 .article {
background: none;
padding: 0;
color: #000 !important;
}
.home .article-feed-4 a {
color: #000;
}
.category-news .article-one .article {
width: 100% !important;
}
.category-news .article-one .article h4 {
font: bold 20px/1.3 'Roboto',sans-serif;
text-transform: uppercase;
color: #fff!important;
text-shadow: 1px 1px 1px #000;
/* margin: 10px 0; */
background-color: #aaa;
padding: 20px;
}
.category-news .article-one .article .content {
bottom: 0;
left: 0;
right: 0;
}
.category-news .article-one .article-feed {
height: 40vh;
}
.category-news .news-article-list{
float:left;
width: 49%;
margin-left: 1%;
padding: 0px 10px 10px 0;
height: 40vh;
}
.category-news .news-article-list ul{
margin:0;
padding: 0;
}
.category-news .news-article-list ul li{
border-bottom: 1px solid #ccc;
}
.category-news .news-article-list h4{
margin: 10px;
}
.category-news .news-article-list .article h4 {
font: bold 15px/1.3 'Roboto',sans-serif;
color: #000!important;
}
.home .review-row .item {
width: 19%;
margin-right: 1%;
text-align: center;
}
.home .pre-section-title{
width: 100%;
border-bottom: 3px solid #ffc225;
margin-bottom: 30px;
}
.home .section-title {
font: 20px 'Roboto Slab',sans-serif;
display: inline-block;
padding: 1em 2em;
margin: 0 0 1em;
color: #fff;
text-transform: uppercase;
background: #ffc225;
letter-spacing: 1px;
margin: 30px 0 0;
border-bottom: 1px solid #ffc225;
}
.home .section-title:after {
border-bottom: 1px solid #ffc225;
}
.home .home-directory ul{
margin:0;
}
.article-row-1{
/*float:left*/
}
.article-one{
float:left;
width:50%;
}
.category-news .site-main {
margin:0 !important;
}
.category-news .news-article-list ul li {
list-style: none;
}
table.bh-table {
border-collapse: collapse;
width: 80%;
text-align: center;
font-size: 22px;
margin: 0 auto;
}
table.bh-table, table.bh-table th, table.bh-table td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
table.bh-table td {
width: 25%;
}
table.bh-table th{
text-align:left;
font-weight: bold;
font-size:22px;
width: 50%;
}
.sgpb-popup-builder-content-4838 p {
margin-bottom: 1em;
}
.page-id-5195 .wpcf7 p .join-email-list{
clear: both;
display: block;
}
.betterhelp-article-icons{
width: 30px;
height: 30px;
}
.bh-advantage{
font-size: 18px;
margin: -1.5em 0px 0;
}
.newsletter-input{
width: 300px;
}
/***************************************************** MOBILE *********************************************************/
/************************************************************************************************************************/
@media (min-width:900px){
.home-widgets.row {
display:flex;
margin:0 -20px!important;
}
.home-widgets .widget {
flex:1;
margin:0 20px 20px
}
}
@media (min-width:768px){
.error404 .widget{float:left;width:42%;margin-right:8%;
}
}
@media (max-width:700px){
.interests a {
width: calc(50% - 20px)!important;
}
}
@media (max-width:1200px){
.single-online-therapy a.article:nth-child(5){
display:none;
}
}
@media (max-width:1000px){
.single-online-therapy .article-feed{
display:block;
}
.single-online-therapy a.article {
float:left;width:50%;height:30vw;
}
}
@media screen and (min-width: 850px) {
.main-navigation > ul > .current_page_item > a,
.main-navigation > ul > .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
padding-bottom: 16px;
border-bottom: 4px solid #ffc225;
}
.main-navigation ul ul > .current_page_item > a,
.main-navigation ul ul > .current-menu-item > a{
padding-left: 26px;
border-left: 4px solid #ffc225;
}
.main-navigation a{
transition:background-color .4s ease;
}
.main-navigation a:hover {
color: #fff;
background: #ffc225;
box-shadow: inset 0 2px 6px 2px rgba(0,0,0,0.1);
text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
transition:background-color .1s ease;
padding-bottom: 20px;
border-bottom: none;
}
#masthead {
position: fixed;
}
.main-navigation ul {
display: block;
position: absolute;
right: 0;
top: 0;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 20px 20px 20px;
color: #666;
}
[aria-haspopup]:not([href]) {
cursor: default
}
.main-navigation [aria-haspopup] {
display: block;
}
[aria-haspopup] > a:after {
content: "";
position: absolute;
display: inline-block;
right: 21px;
top: 27px;
height: 12px;
width: 12px;
opacity:.5;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-407%2024%2024%22%3E%3Cg%20id%3D%22g4%22%3E%3Cpath%20d%3D%22M21.348-401.268q.94%200%201.61.668l.92.922-11.858%2011.86L.198-399.66l.922-.94q.65-.686%201.59-.686.94%200%201.61.668l7.718%207.7%207.7-7.682q.67-.668%201.61-.668z%22%20id%3D%22path6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
[aria-haspopup] > a:hover:after {
opacity:1;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-407%2024%2024%22%3E%3Cg%20id%3D%22g4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.348-401.268q.94%200%201.61.668l.92.922-11.858%2011.86L.198-399.66l.922-.94q.65-.686%201.59-.686.94%200%201.61.668l7.718%207.7%207.7-7.682q.67-.668%201.61-.668z%22%20id%3D%22path6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
[aria-haspopup] > a {
padding-right:45px;
}/* [aria-haspopup] > a:after { content: "";position:absolute; display:inline-block;width:9px;height:1.5em;left:10px; background:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%209%22%3E%3Cpath%20style%3D%22fill%3A%2523666%3B%0A%22%20%20d%3D%22m%200%2C0%2018%2C0%20-9%2C9%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center; } [aria-haspopup] > a:hover:after { background:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%209%22%3E%3Cpath%20style%3D%22fill%3A%2523fff%3B%0A%22%20d%3D%22m%200%2C0%2018%2C0%20-9%2C9%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center center; } */
.home .article-feed {
height: 75vh;
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
left: 50%;
margin-left: -49vw;
width: 98vw;
}
.home .show-on-mobile {
display: none;
}
.home .article {
width: 33.333%;
}
.home a.article:nth-child(1) {
height: 100%;
}
.home a.article:nth-child(2) {
height: 40%;
}
.home a.article:nth-child(3) {
height: 60%;
}
.home a.article:nth-child(4) {
height: 60%;
}
.home a.article:nth-child(5) {
height: 40%;
}
.home .home-splash > div {
padding: 10vh 0 0;
color: #000;
}
.page-template-show-sidebar .content-area {
float: left;
margin: 0 -365px 0 0;
width: 100%;
}
.page-template-show-sidebar .site-main {
margin: 0 330px 0 0;
}
.page-template-show-sidebar .site-content .widget-area {
float: right;
overflow: hidden;
width: 285px;
}
.page-template-show-sidebar .site-footer {
clear: both;
width: 100%;
}
.post-type-archive-online-therapy .left, .page-id-760 .left, .page-id-762 .left {
display: none;
}
.post-type-archive-online-therapy .right, .post-type-archive-online-therapy .right > div, .page-id-760 .right, .page-id-760 .right > div, .page-id-762 .right, .page-id-762 .right > div {
margin: 80px 0 0;
}
.post-type-archive-online-therapy .right > div, .page-id-760 .right > div, .page-id-762 .right > div {
margin: 0;
}
.post-type-archive-online-therapy .item:first-child, .page-id-760 .item:first-child, .page-id-762 .item:first-child {
border-top: 4px solid #ffc225;
}
.single-post .content-area, .archive .content-area, .single-online-therapy .content-area, .search-results .content-area {
float: left;
margin: 0 -365px 0 0;
width: 100%;
}
.single-post .site-main, .archive .site-main, .single-online-therapy .site-main, .search-results .site-main {
margin: 0 330px 0 0;
}
.single-post .site-content .widget-area, .archive .site-content .widget-area, .single-online-therapy .site-content .widget-area, .search-results .site-content .widget-area{
float: right;
overflow: hidden;
width: 285px;
}
.single-post .site-footer, .archive .site-footer, .single-online-therapy .site-footer, .search-results .site-footer {
clear: both;
width: 100%;
}
}
@media screen and (max-width: 800px)
{
.home-widgets .widget.rpwe_widget.recent-posts-extended {
display: none;
}
.main-navigation li, .main-navigation a {
width: 100%!important;
display: block;
text-align: center;
background: #65cbcb;
color: #fff;
padding: 0.4em 0;
margin: 1px;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.menu-primary-container {
position: absolute;
top: 68px;
width: 100%;
}
.main-navigation{
perspective-origin:top center;
perspective: 6000px;
}
.main-navigation #primary-menu, .main-navigation ul ul{
display:none;
transform:translateY(-20%) rotateX(0deg);
transition:transform .3s linear,opacity .3s linear,visibility 0s linear .3s; background:transparent; transform-style: preserve-3d;
}
.main-navigation.toggled #primary-menu, .main-navigation.toggled .focus ul {
transform:translateY(0%) rotateX(0deg);
transition:transform .3s linear,opacity .3s linear,visibility 0s linear 0s;
display: block;
}
.nav-search{display:none!important} [aria-haspopup].focus > a:after{ transform:scaleY(-1); } [aria-haspopup] > a:after { content: ""; transition:transform .2s ease; position: absolute; display: inline-block;right: 21px; top: 21px; height: 12px; width: 12px; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-407%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.348-401.268q.94%200%201.61.668l.92.922-11.858%2011.86L.198-399.66l.922-.94q.65-.686%201.59-.686.94%200%201.61.668l7.718%207.7%207.7-7.682q.67-.668%201.61-.668z%22%20id%3D%22path6%22%2F%3E%3C%2Fsvg%3E%0A); }
tr .page-id-1524, tr .single-ppc_therapy_page, tr .single-compare {
align-items:center;
text-align: center;
margin: auto;
}
.page-id-1524 .features, .single-ppc_therapy_page .features, .single-compare .features {
padding: 25px 190px 20px 20px;
margin: auto;
}
.page-id-1524 .mobile-lp-center, .single-ppc_therapy_page .mobile-lp-center, .single-compare .mobile-lp-center {
text-align:center;
margin: auto;
}
}
/***************************************************************************************************************/
@media (max-width:450px){
#content {
margin-top: 3em;
}
.mlw_qmn_quiz {
width: auto !important;
padding: 15px !important;
}
.mlw_qmn_question {
font-size: 18px !important;
}
.qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
font-size: 20px !important;
}
.qmn_results_page ul {
margin: 0 !important;
}
.single-online-therapy a.article {
float:left;width:100%;height:60vw;
}
.no-mobile { display: none;}
.show-on-mobile {display:unset ;}
.home h1, .home h2 {
font-size:1.5em;
margin-bottom: 10px;
margin-top: 10px;
}
.contributor-box {
border: 2px solid #ffc225 !important;
padding: 10px !important;
}
.home .row {
margin: 0 !important;
}
.quiz-home {
padding: 0.9em !important;
margin: 1em 0 0.7em !important;
text-align: center;
font-size: 1.5em !important;
background-color: #65CBCB !important;
color: #fff !important;
}
.quiz-home a {
margin: 20px 0 0!important;
display:inline;
}
.meshim_widget_Widget * { display:none !important; }
.jx_ui_Widget { display:none !important;}
.zopim { display:none !important; }
.review-tombstone .item { float: none !important; }
.review-tombstone .right>div {
margin-left: 0px !important;
}
.review-tombstone .right, .review-tombstone .left {
float:none !important;
margin: 0 !important;
width: 100% !important;
}
.review-tombstone .item .right {
width: 100% !important;
margin-left: 15px !important;
}
.review-tombstone .review-count {
font-size: 3em !important;
}
.review-tombstone a.cta {
width: 100% !important;
margin-bottom:0 !important;
}
table, .ppc-table thead, .ppc-table tbody, .ppc-table th, .ppc-table td, .ppc-table tr {
display: block;
}
.no-mobile{
display:none !important;
}
.ppc-table .logo, .ppc-table .ppc_cost{
display:inline-block !important;
padding: 20px 2% 10px;
}
.ppc-table .logo{
width: auto !important;
padding: 0 30px;
}
.ppc-table .ppc_cost{
width: 100% !important;
}
.ppc_cost .mobile-average {
display: inline-block !important;
}
.ppc-table .stars{
margin-top: 10px;
}
.ppc-table num_therapists{
font-size: 20px;
}
.ppc_visit_button{
display: block;
}
.ppc-table th {
display:none;
}
.ppc-table tr {
border: 1px solid #eee;
}
.ppc-table td {
border: 0px !important;
}
.page-id-1524 ul, .single-ppc_therapy_page ul, .single-compare ul {
margin-left: 0 !important;
}
.single-seo_therapy_page .ribbon, .page-id-1524 .ribbon, .single-ppc_therapy_page .ribbon, .single-compare .ribbon, .single-ppcnp_therapy_page .ribbon {
top: 5px !important;
left: -15px !important;
padding: 3px 10px 3px 5px !important;
font-size: 16px !important;
/*font-weight: normal !important; */
}
.page-id-1524 .entry-title, .single-ppc_therapy_page .entry-title, .single-compare .entry-title {
font-size: 1.5em !important;
}
.single-seo_therapy_page .yellow-couples-2, .page-id-1524 .yellow-couples-2, .single-ppc_therapy_page .yellow-couples-2, .single-compare .yellow-couples-2 {
position: relative !important;
z-index: 3;
top: auto !important;
left: auto !important;
width: 80%;
margin: 0 auto 20px;
}
.ppc-disclaimer div {
width: 100% !important;
display: none;
}
.best-for-marriage:before
{
border: 35px solid !important;
border-left: 20px solid !important;
border-color: transparent transparent transparent #fff !important;
}
.best-for-marriage:after
{
border: 35px solid !important;
border-right: 20px solid !important;
border-color: transparent #fff transparent transparent !important;
}
.show-on-mobile {
display: block;
}
.no-mobile {
display: none;
}
.archive-header-text {
width: 100% !important;
}
.archive .entry-title {
font-size: 22px !important;
}
.post-thumbnail {
float: none;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.post-body {
float: none;
width: 100%;
margin-left: 0;
}
.archive .entry-title {
font-size: 22px;
}
.table-bordered {
border: 0;
}
.ppc-table tr {
border: 0;
border-bottom: 2px solid #ccc;
margin-bottom: 30px;
padding-bottom: 30px;
}
.extended-review-table .item {
border: 0;
border-bottom: 2px solid #ccc;
}
.extended-review-table .title-column {
float: none;
width: 100%;
font-size: 40px;
text-align: center;
margin-bottom: 10px;
display: none;
}
.extended-review-table .logo-column {
float: none;
width: 100%;
text-align: right;
padding: 0 25px 20px;
}
.extended-review-table .features-column{
float:none !important;
width: 100% !important;
}
.extended-review-table .ratings {
float:none;
width: 100%;
}
.home .widget_therapy_reviews_widget .left a {
padding: 5px 0;
}
.home .widget h4 {
font-size: 18px;
margin: 0;
}
.home .home_featured_posts_widget .right {
padding-top: 0px;
}
.home h3 {
font-size: 20px;
}
.home .interests {
display: none;
}
.home a.article {
height: 35vw;
}
.home .home-widgets .widgettitle {
padding: 0.2em;
margin: 10px 10px;
width: 90%;
}
.home .widget_therapy_reviews_widget .left, .widget_therapy_reviews_widget .right {
width: 100%;
}
.home .home-widgets .widget_therapy_reviews_widget .item {
text-align: center;
}
.stars {
margin: 0 auto 15px;
}
.home .entry-title {
font-size: 22px;
}
.home .like-h2 {
font-size: 30px;
padding: 0;
}
.item > ul {
display: block;
}
.widget_therapy_reviews_widget .left {
width: 47%;
clear: both;
margin: 0px;
}
/************************************ Category News page *********************************************/
.category-news .news-article-list, .article-row-1 .article-one, .category-news .news-article-list, .article-row-1 {
float:none;
width: 100%;
}
.category-news .article-one{
width: 100%
}
.category-news .article-feed-4 .article-text-feed, .category-news .article-feed-2 .article-text-feed, .article-text-feed, .home .article-feed-4 .article-text-feed, .home .article-feed-2 .article-text-feed, .home .review-feed {
width: 100%;
height: 60vw;
display: block;
}
.category-news .article, .home .article, .home .home-article-feed .article {
width: 100%;
display: block;
height: 130px !important;
}
.article-feed, .category-news .article-feed-4, .category-news .article-feed-2, .home .article-feed-2, .home .review-feed, .home .home-article-feed {
display: block !important;
}
.category-news .article-feed-4, .home .article-feed-4, .home .review-feed, .home .home-article-feed {
margin-top: 3%;
}
.category-news .article-one .article {
height: 300px !important;
}
.category-news .news-article-list, .category-news .article-one .article-feed, .category-news .article-feed-4, .category-news .article-feed-2, .home .article-feed-4, .home .article-feed-2, .home .review-feed, .home .home-article-feed {
height: inherit
}
.home .review-row .item{
width: 100% !important;
}
.category-news .article-feed-2 .article-text-feed h4, .home .article-feed-2 .article-text-feed h4 {
font-size:20px;
}
.category-news a.article:nth-child(1) h4, .home .article-one .article-feed a.article:nth-child(1){
font-size: 20px;
}
.category-news .article-feed, .home .home-article-feed {
height: 65vh;
}
/*******************************************.post-type-archive-online-therapy , .page-id-762, .page-id-760*********************************/
.post-type-archive-online-therapy #content, .page-id-760 #content, .page-id-762 #content {
margin-top: 4em;
}
.post-type-archive-online-therapy #breadcrumbs, .page-id-760 #breadcrumbs, .page-id-762 #breadcrumbs {
margin-bottom: 0;
display: none;
}
.post-type-archive-online-therapy .site-content .widget-area, .page-id-760 .site-content .widget-area, .page-id-762 .site-content .widget-area {
float: left;
}
.post-type-archive-online-therapy .content-area, .page-id-760 .content-area, .page-id-762 .content-area {
float: unset;
}
.post-type-archive-online-therapy .like-h2, .page-id-760 .like-h2, .page-id-762 .like-h2 {
font-size: 24px;
}
.post-type-archive-online-therapy .item > ul, .page-id-760 .item > ul, .page-id-762 .item > ul {
display: unset;
}
.post-type-archive-online-therapy .right .item, .page-id-762 .right .item, .page-id-760 .right .item {
padding: 16px 10px 16px;
}
.post-type-archive-online-therapy .item, .page-id-762 .item, .page-id-760 .item {
padding: 16px 10px !important;
}
.post-type-archive-online-therapy .entry-title, .page-id-762 .entry-title, .page-id-760 .entry-title {
font-size: 22px;
}
.post-type-archive-online-therapy .right, .page-id-762 .right, .page-id-760 .right {
float: none;
}
.post-type-archive-online-therapy .right .ratings a, .page-id-762 .right .ratings a , .page-id-760 .right .ratings a {
display: block;
}
.post-type-archive-online-therapy .right .plans-from, .page-id-762 .right .plans-from, .page-id-760 .right .plans-from, .review-tombstone .right .plans-from {
font: 20px 'Roboto', sans-serif;
}
.review-tombstone .review-count{
display: inline-block;
}
.page-id-762 .review-count, .page-id-760 .review-count{
display: block;
}
.post-type-archive-online-therapy .stars, .page-id-762 .stars, .page-id-760 .stars, .review-tombstone .stars {
margin: 10px auto 0;
display: block;
}
body .post-type-archive-online-therapy .item > ul li, body .page-id-762 .item > ul li, body .page-id-760 .item > ul li, .review-tombstone .item > ul li {
padding: 5px;
}
.post-type-archive-online-therapy ul, ol, .page-id-762 ul, ol, .page-id-760 ul, ol, .review-tombstone ul, ol {
margin: 0;
}
.post-type-archive-online-therapy .right .row, .page-id-762 .right .row, .page-id-760 .right .row, .review-tombstone .right .row{
margin: 0 -8px 0px 0;
}
.post-type-archive-online-therapy .right .ratings > div, .page-id-762 .right .ratings > div, .page-id-760 .right .ratings > div, .review-tombstone .right .ratings > div {
padding: 10px;
}
.post-type-archive-online-therapy .item .right, .page-id-760 .item .right, .page-id-762 .item .right, .review-tombstone .item .right {
margin: 0;
float: none;
}
.post-type-archive-online-therapy .item .left, .page-id-760 .item .left, .page-id-762 .item .left, .review-tombstone .item .left {
display: block;
float: none;
width: 100%;
padding: 0;
}
.post-type-archive-online-therapy a.cta, .page-id-760 a.cta, .page-id-762 a.cta {
padding: 12px 1em 10px;
font-size: 1.0em;
}
.extended-review-table p.visit-container {
text-align:center;
}
.extended-review-table a.cta {
width: 90%;
}
.extended-review-table ul, ol {
margin: 0 0 1.5em 0em;
}
.page-id-1524 .features, .single-ppc_therapy_page .features, .single-compare .features {
padding: 0px 15px 0px 15px !important;
width: auto !important;
}
.wide-screenshot{
margin-bottom:0px;
}
.directory .bh-col1, .single-directory .bh-col1, .single-profile .bh-col1, .single-ppc_city .bh-col1 , .page-id-3055 .bh-col1 {
float: none;
width: 100%;
text-align: center;
}
.directory .bh-col2, .single-directory .bh-col2, .single-profile .bh-col2, .single-ppc_city .bh-col2 , .page-id-3055 .bh-col2 {
float: none;
width: 100%;
}
.directory .bh-col3, .single-directory .bh-col3, .single-profile .bh-col3, .single-ppc_city .bh-col3, .page-id-3055 .bh-col3 {
float: none;
width: auto;
margin:30px;
}
.directory .bh-feed a, .single-directory .bh-feed a, .single-profile .bh-feed a, .single-ppc_city .bh-feed a, .page-id-3055 .bh-feed a{
width: 100%;
float:none;
}
.directory .bh-feed h2, .single-directory .bh-feed h2, .single-profile .bh-feed h2, .single-ppc_city .bh-feed h2, .page-id-3055 .bh-feed h2{
text-align:center;
}
.directory .bh-feed h4, .single-directory .bh-feed h4, .single-profile .bh-feed h4, .single-ppc_city .bh-feed h4, .page-id-3055 .bh-feed h4 {
font-size: 1.5em;
text-align:center;
}
.directory .bh-credentials, .single-directory .bh-credentials, .single-profile .bh-credentials, .single-ppc_city .bh-credentials, .page-id-3055 .bh-credentials {
font-size: .7em;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
width: 100%;
float:none;
}
.post-type-archive-directory .col-sm-2 li, .post-type-archive-directory .col-sm-3 li{
line-height:30px;
}
.single-profile .content-area {
width: 80%;
}
.single-profile .site-content .widget-area {
float: none;
width: 100%;
}
.ppc-table .features {
width: auto;
}
.ppc-table>tbody>tr>td {
padding: 10px;
}
.archive h2 {
font-size: 25px;
text-align: center;
border-top: 1px solid #ccc;
padding-top: 30px;
}
.post-type-archive-directory h2{
font-size: 20px;
}
.post-type-archive-directory .archive-header-text{
padding: 30px 0 30px;
}
.post-type-archive-directory .page-header {
background: none;
background-color: #65cbcb;
height: auto;
}
.other-therapy-options-cta .therapy-option{
display: block;
width: 100%;
}
.other-therapy-options-cta {
text-align:center;
border: 1px solid #ccc;
padding:20px 15px;
}
.other-therapy-options-cta h4 {
width: 100%;
font-size:16px;
}
.therapist-directory-signup {
border: inherit; text-align: center;padding: 0 20px 5px;
width: 100%; margin: 20px auto;
}
.therapist-directory-signup h4 {
display: block;
margin: 15px 0;
}
.therapist-directory-signup a {
display: block;
font-size: 16px;
}
.site-title
{width: 250px;
}
.ppc_therapy_page-template-default .site-title; .ppc_city-template-default .site-title {
width: 250px;
}
.post-type-archive-directory .directory-intro {
background-color: inherit;
border-bottom: 1px solid #ccc;
padding: 0 0 40px;
margin-bottom: 40px;
text-align: center;
}
.post-type-archive-directory .area-heading {
font-size: 24px;
}
.post-type-archive-directory .archive-header-text h1 {
font-size: 1.5em;
}
/************ Therapist subscription page ***********/
.page-id-5195 .wpcf7 p {
margin: 0 0 -20px;
}
.page-id-5195 .wpcf7 input {
width: 100%;
}
.page-id-5195 .wpcf7 p .join-email-list{
display: block;
}
.page-id-5195 .wpcf7 .therapist-bio {
width: 100%;
}
/********************************* Betterhelp vs Talkspace article ******************************/
table.bh-table {
width: 100%;
font-size: 12px;
margin: 0;
border-collapse: collapse;
}
table.bh-table th{
font-weight: normal;
font-size:12px;
padding: 5px !important;
text-align:left;
width: 50%;
}
table.bh-table, table.bh-table th, table.bh-table td {
border: 1px solid #ccc !important;
text-align: left;
font-weight: 400 !important;
padding: 0px;
}
table.bh-table td {
width: 25%;
text-align: center !important;
font-size: 14px;
}
table.bh-table a {
font-size: 16px;
}
/*************DONT REMOVE THIS BRACKET FOR MOBILE *****************/
}