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;
}
}
communication | Mandala of Self
October 13, 2022
The Circle of Wellness with Diana Monthly Reflections Summer is finally here. The Sun is up early and sets late so the overall mood seems lighter and more optimistic. There’s well-established research that “winter blues” are definitely legit and, as the weather gets warmer, the “blues” warm up too. We tend to feel more energetic […]
The Circle of Wellness with Diana Monthly Reflections 2021 is almost at its end. It feels like only yesterday we welcomed this year and had hopes that it’d be a better one than 2020 was. Whether these hopes materialised or not is a very individual opinion. No matter what’s happening outside, we’re still in charge […]
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 […]
^
You must be logged in to post a comment.