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;
}
}
ACT therapy | 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 […]
January 20, 2016
As much as we’ve evolved in our modern society, mental illness is still very little understood and is very much a stigma. We’ve gained a lot of knowledge and with it understanding about heart conditions, diabetes and even cancer, we give “the benefit of a doubt” to a diabetic who struggles with their weight and […]
^
You must be logged in to post a comment.