body{
background-color : transparent;
}
#wrapper{
}
#top{
max-width : 100%;
height : auto;
background-color : transparent;
}
#header{
max-width : 100%;
height : auto;
background-color : transparent;
}
#page{
max-width : auto;
background-color : transparent;
margin : 0px auto;
}
#main{
max-width : 100%;
background-color : transparent;
margin : 0px auto;
}
#content{
background-color : transparent;
}
#body{
background-color : transparent;
}
@import url(//fonts.googleapis.com/css?family=Cabin:400,500,700|Roboto:300,400|Oswald);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
html{
font-size: 100%;
}
body, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
body {
font: 300 18px/30px "Cabin", sans-serif;
color: #7e7e7e;
position: relative;
}
p {
font-family: "Roboto", sans-serif;
}
body.home p {
font-style: italic;
}
a {
color: #fff;
text-decoration: none;
}
#wrapper {
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#wrapper > div, footer {
flex-basis: 100%;
}
#top {
position: absolute;
width: 100%;
background-color: rgba(170, 170, 170, 0.59);
background-color: rgba(0, 0, 0, 0.65);
color: #F54C36;
text-shadow: 1px 1px 1px #000;
z-index: 999999;
transition: all 0.3s;
}
#top.fixed {
position: fixed;
background-color: rgba(0, 0, 0, 0.65);
padding: 10px 0;
box-shadow: 0px 0px 20px #000;
}
#top li {
display: block;
}
.container {
display: flex;
justify-content: center;
}
#logo {
text-align: left;
color: #FF5505;
font-weight: 800;
text-decoration: none;
font-size: 25px;
flex-basis: 475px;
}
#title {
color: #71E1E9;
font-weight: 800;
}
#nav_menu-2 .widgettitle {
font-size: 35px;
line-height: 40px;
font-weight: 300 !important;
cursor: pointer;
color: #F9A453;
display: none;
}
#nav_menu-2 .widgettitle:after {
position: absolute;
right: 20px;
top: 5px;
font-family: FontAwesome;
content: "\f0c9";
}
#menu-top-menu {
margin: 25px 0;
}
#top.fixed #menu-top-menu {
margin: 0 !important;
}
#menu-top-menu li {
display: inline-block;
margin-left: 28px;
}
#menu-top-menu li:first-child {
margin-left: 0;
}
#menu-top-menu a:before {
position: absolute;
left: 0;
bottom: 0;
content: '';
background: #FFF;
width: 0px;
height: 1px;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.current-menu-item > a:before, #menu-top-menu a:hover:before {
width: 100% !important;
}
#menu-top-menu a {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
position: relative;
}
.cta-button {
color: #3c3c3c;
padding: 15px 25px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
margin-top: 50px;
transition: all 0.4s;
border: 1px solid #c2c2c2;
cursor: pointer;
font-family: "Cabin", sans-serif;
font-size: 18px;
line-height: 22px;
font-style: normal;
background-color: #F8FAEB;
}
.cta-button:hover {
border-color: #F54C36;
background-color: #F54C36;
color: #fff;
text-shadow: none;
}
.cta-button:active {
box-shadow: 0 0 5px black;
}
p#motto {
margin: 0px auto !important;
width: 100%;
font-size: 40px;
font-style: italic;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
text-shadow: 0 0 2px #000;
color: #009BD2;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.46);
display: block;
position: absolute;
top: -100px;
padding: 34px 0;
background-color: #FDFDFE;
word-spacing: 15px;
line-height: 35px;
}
body.home #page {
margin-top: 350px;
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.75);
}
#page:before {
background-image: url('wp-content/uploads/2016/01/header2.jpeg');
background-position: center;
height: 111px;
content: " ";
width: 100%;
position: absolute;
left: 0;
top: 0px;
}
body.home #page:before {
height: 250px;
}
#content.narrowcolumn, #content.blog-home {
padding: 0 85px 50px;
max-width: 807px;
margin: 125px auto auto;
}
body.category #content, #content.blog-home {
padding: 0;
}
body.page #right-sidebar {
display: none;
}
body.search #content, body.category #content, #content.blog-home, #right-sidebar {
display: inline-block;
vertical-align: top;
margin: 125px 10px auto;
}
#right-sidebar {
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
padding: 0 10px;
max-width: 250px;
margin-bottom: 20px;
}
#right-sidebar a {
color: black;
}
#right-sidebar .widgettitle {
padding: 15px 0 0;
text-decoration: underline;
border-top: 1px solid rgba(0, 0, 0, 0.28);
}
label.screen-reader-text, #categories-2 .widgettitle {
display: none;
}
#right-sidebar input[type="text"] {
width: 140px;
padding: 15px 5px;
}
table#wp-calendar {
margin: auto;
}
select#cat {
width: 100%;
}
#tag_cloud-2 .widgettitle {
font-weight: 400;
text-align: center;
}
section.home {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color: #F5F8D5;
background-color: #F8FAEB;
padding: 0 85px;
}
#content.narrowcolumn p, #content.blog-home p {
color: #444;
}
#left-doctor {
flex-basis: 40%;
}
#left-doctor img {
width: 280px;
}
#right-doctor {
flex-basis: 60%;
text-align: left;
}
.storytitle a {
color: #D20700 !important;
text-transform: uppercase;
font-size: 36px !important;
font-weight: 400 !important;
line-height: initial;
}
#content h4 {
color: #76B5FA;
color: #375D87;
color: #0C5AB0;
color: #13338B;
text-transform: uppercase;
font-size: 36px !important;
font-weight: 400 !important;
text-shadow: 1px 1px 3px #000;
}
#content.narrowcolumn h4, #contact h4, #content.blog-home h4 {
/* color: #3c3c3c !important; */
text-shadow: none;
}
#right-doctor p {
margin: 25px 0 0 !important;
font-size: 20px;
}
#flex {
display: flex;
flex-wrap: wrap;
margin: auto;
}
#flex > div {
margin: 30px auto;
max-width: 350px;
}
#content.narrowcolumn .entry > div > img, #content.blog-home .entry > div > img {
max-width: 500px;
margin: 30px 0;
}
#content.narrowcolumn a, #content.blog-home a {
color: #000;
text-decoration: underline;
}
#center a:hover {
text-decoration: underline;
}
.center {
text-align: center;
}
h2.center {
padding: 60px 0;
color: black;
font-size: 42px;
}
#error, #success {
display: none;
margin: auto;
padding: 20px;
border-radius: 12px;
}
#success {
background-color: rgba(98, 255, 117, 0.3);
}
#error {
background-color: rgba(255, 98, 115, 0.3);
}
#back-top:before {
font-weight: 400;
color: #fff !important;
line-height: 40px;
font-size: 17px;
}
#content.narrowcolumn .entry, #content.blog-home .entry, .storycontent p {
text-align: left;
}
.entry > div {
max-width: 100%;
text-align: center;
}
#content ul {
-webkit-padding-start: 40px;
}
#content li, #content li a {
list-style: disc;
color: #00ABC0;
}
#content li a:hover {
color: #3A757C;
}
#content > div p {
margin: 0;
}
h4 {
padding: 20px 0;
}
.post-title a, h5 {
color: #FD625D !important;
color: #D20700 !important;
font-size: 34px;
line-height: 36px;
font-weight: 400;
margin: 25px 0;
}
h6 {
font-size: 20px;
font-weight: 400;
}
input, textarea, select {
border: 1px solid #eaeaea;
padding: 15px 20px;
font-size: 18px;
font-family: "Roboto", sans-serif;
line-height: 30px;
color: #7e7e7e;
outline: none;
box-sizing: border-box;
margin: 10px 1px;
}
#services {
display: block;
width: 100%;
background-color: #fff;
}
#yt {
width: 560px;
height: 315px;
}
#comments {
width: 100%;
height: 350px;
}
#content.narrowcolumn button {
background-color: #f54c36;
border-color: #f54c36;
color: #fff;
margin-top: 20px;
}
#content.narrowcolumn button:hover {
background-color: #000;
border-color: #000;
}
#back-top {
width: 42px;
height: 42px;
background: #F54C36;
border-radius: 50%;
transition: 0.3s;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
position: fixed;
right: 60px;
bottom: 50px;
overflow: hidden;
text-align: center;
text-decoration: none;
cursor: pointer;
font-style: normal;
z-index: 99999;
}
#back-top:hover {
color: #fff;
background: #000;
text-decoration: none;
border-radius: 50%;
transform: scale(1.2);
}
#footer-sidebar {
font-size: 24px;
padding: 0;
color: #FFF;
text-shadow: 1px 1px 3px #000;
position: relative;
z-index: 1;
background-image: url('wp-content/uploads/2016/01/books.jpg');
background-position: 0% 100%;
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.75);
}
#footer-sidebar:before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: -1;
}
#footer-sidebar li {
display: inline-block;
}
#footer-widget-1 {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 10px 20px;
}
#footer-widget-1 span#text-3 {
padding: 75px 0;
}
#social li {
margin: 13px;
}
#social a {
width: 78px;
height: 78px;
line-height: 78px;
position: relative;
text-shadow: none;
color: #FFF;
}
#social a:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: 50%;
border: 1px solid #FFF;
transition: 0.3s;
z-index: -1;
}
#social a:hover {
color: #F54C36;
}
#social a:hover:after {
border: 39px solid #FFF;
}
#copyrights {
font-size: 17px;
line-height: 20px;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
margin-top: 40px;
}
#copyrights:before {
content: " ";
position: relative;
top: 10px;
height: 31px;
width: 1px;
background: rgba(255, 255, 255, 0.54);
display: inline-block;
margin: 0 9px;
left: 67px;
}
footer {
line-height: normal;
background-color: rgba(0, 0, 0, 0.09);
color: #505050;
}
div.textwidget a:hover {
text-decoration: none;
}
#content > div:first-of-type {
margin-top: 0px !important;
}
div.type-post {
background-color: #fff;
padding: 5px 20px;
margin: 20px auto;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
border-radius: 3px;
}
body.archive div.type-post {
cursor: pointer;
}
.post-title a, #post-header {
color: #76B5FA !important;
color: #03025C !important;
text-transform: none !important;
font-size: 32px;
line-height: 40px;
font-weight: 400 !important;
text-decoration: none !important;
}
#excerpt a {
font-weight: 400;
color: #FD625D !important;
}
#gallery-1 img {
border: 0 !important;
}
#footer-widget-1 > span {
flex: 1;
display: inline-block;
}
form#form-wysija-2 input[type="text"] {
width: 100% !important;
}
.formError .formErrorContent {
width: 105px !important;
}
@media screen and (max-width: 1000px) {
img {
max-width: 100% !important;
}
#nav_menu-2 .widgettitle {
display: block;
}
#yt {
max-width: 100%;
}
#menu-top-menu {
margin: 0;
display: none;
}
#menu-top-menu li {
display: block;
margin: auto;
}
#menu-top-menu a {
display: block;
padding: 0;
}
#menu-top-menu a:hover:before {
width: 0;
}
#title {
display: none;
}
#logo {
text-align: center;
flex-basis: 100%;
}
#header h1 {
font-size: 5em;
line-height: 1em;
}
#page:before {
height: 70px;
}
body:not(.home) #content {
margin-top: 70px;
}
#content section {
padding: 0 10px;
}
#right-doctor, #left-doctor {
flex-basis: 100%;
margin: 0.5em;
}
#content.narrowcolumn, #content.blog-home {
padding: 0 10px;
}
#back-top {
right: 20px;
}
#footer-widget-1 {
display: block;
}
#footer-widget-1 > span {
display: block;
}
footer {
flex-wrap: wrap;
}
}
Trauma or Stress | Mandala of Self
September 20, 2016
In our modern times, anxiety, unfortunately, has become the norm. And oftentimes, if you become more relaxed, it may even feel like you are not “on top” of something or have been negligent about certain responsibilities. Despite the perceived normalcy of anxiety, it is not a natural state of being. Anxiety exaggerates the proportions of […]
August 7, 2016
I recently came across this wonderful post on The Thought Catalog site. Every word in this writing resonated with my own personal and professional beliefs. I feel it’s worth sharing it here too. The post is written by someone else, and I fully credit that writer, but, as a mental health professional, I embrace fully […]
February 17, 2016
Q: I don’t like taking any kinds of drugs, including psychotropics, is it always necessary to take medicine for psychiatric conditions or emotional distress? L., female, 34 year-old A: That’s a great question and the one that’s probably asked the most as it encompasses the biggest fear of many clients “what if I become addicted, […]
^
You must be logged in to post a comment.