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;
}
}
Personal Development | 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 […]
June 28, 2016
Loving and accepting others come naturally, yet giving the same attention to yourself is one of the most struggled with area for most people. We can accept little (or big) flaws in those who we love, then why are we so incredible hard and over-critical of ourselves? The societal norm of being your own worst […]
^
You must be logged in to post a comment.