/*
Theme Name: Earthlings
Theme URI: http://earthlings.net.in
Author: @anankitpatil
Author URI: http://ankitpatil.com
Description: Theme built on flat-bootstrap for earthlings.net.in
Version: 0.1
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: earthlings
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
Earthlings WordPress theme, Copyright (C) 2016 Ankit Patil
Earthlings WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms and Buttons
# Navigation
## Links
## Menus
# Content
## Header
## Footer
## Posts and pages
## Comments
# Media
## Captions and Galleries
# Widgets & Plugins
## Widgets
## Plugins
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
color: #000;
}
a {
color: #5a5a5a;
-webkit-transition: color 12s;
-moz-transition: color 12s;
-o-transition: color 12s;
transition: color 12s;
}
a:hover,
a:focus {
border-bottom: 1px solid #ccc;
}
.nav a:hover,
.nav a:focus {
border-bottom: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Increase font size on article "lead" (usually for an "intro" paragraph */
.lead {
font-size: 22px;
/*18px, but goes to 24px @768 browser width */
}
/* Style code tag like pre tag */
code {
/*color: #2f2f2f;
background-color: #f5f5f5; Moved to bootstrap.css*/
border: 1px solid #ccc;
}
/* Remove a bit of margin since Bootstrap h1-h3 tags already have 22px top margin */
hr {
margin: 16px 0;
/*22px 0;*/
}
/*
* Override margins on jumbotron in case someone uses it like a colored "section" from
* this theme. Note: Moved here from theme-base.css.
*/
.jumbotron {
margin-bottom: 0;
}
/*
* Set block quote footer (author) to larger font size. BS quote is 20px, but footer
* is only 14px for some reason.
*/
blockquote footer {
font-size: 18px;
}
/* Color the collapsible panel hover color to match the link hover color */
.panel-title > a:hover,
.panel-title > small:hover,
.panel-title > .small:hover,
.panel-title > small > a:hover,
.panel-title > .small > a:hover {
color: #19b798;
}
/*--------------------------------------------------------------
# Forms and Buttons
--------------------------------------------------------------*/
/* Tone down field labels on forms, comments section, etc. */
label {
font-weight: 300;
}
/* Match the default font color */
.form-control {
color: #555;
border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(126, 239, 104, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(126, 239, 104, 0.6);
outline: 0 none;
}
/*
* Generically set input buttons to look like Bootstrap, but set colors below that to make
* it easier for users to override. Match Bootstrap btn-primary styles.
*/
button,
html input[type="button"],
input[type="submit"] {
background-image: none;
background: transparent;
font-size: 15px;
line-height: 22px;
padding: 6px 12px;
border: 1px solid #f5f5f5;
color: #000;
outline: 0;
width: 100%;
-webkit-transition: color 12s;
-moz-transition: color 12s;
-o-transition: color 12s;
transition: color 12s;
}
button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
outline: 0;
}
/* Set colors for input buttons (Search, Reply). Change these in your child theme. */
button:hover,
button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
border-color: #ccc;
}
/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses
* "current" in a <span> tag on the link. Also set the hover to match the primary button
* color.
*/
.pagination > li > a,
.pagination > li > span,
span.page-numbers.current {
color: #16a085;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
span.page-numbers.current {
z-index: 2;
color: #fff;
background-color: #16a085;
border-color: #16a085;
}
/* Force search field to not be rounded on iOS devices */
input.search-field {
-webkit-appearance: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*
* Generically style the links here. Set colors below to make it easier for users to
* override.
*/
a {
word-wrap: break-word;
}
a:hover,
a:focus {
text-decoration: none;
outline: 0;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
}
* {
font-family: "Suravaram", serif;
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input {
font-family: "Muli", sans-serif;
}
.pt60 {
padding-top: 60px;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar .navbar-collapse {
text-align: center;
}
.navbar-static-top {
border: none;
background-color: transparent;
}
.navbar-nav > li > a {
padding-top: 21px;
padding-bottom: 11px;
}
.navbar-default .navbar-nav > li > a {
font-size: 18px;
font-weight: 300;
line-height: 21px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
}
.navbar-toggle {
width: calc(100% - 30px);
margin: 8px 15px;
border-radius: 2px;
border: 0;
font-size: 17px;
}
.navbar-toggle:hover {
background-color: #f4f4f4 !important;
}
.sidebar-nav {
padding: 9px 0;
}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
background-color: #f5f5f5;
color: #000;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
margin-top: 0;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
div.navbar-collapse.collapse {
margin-left: -15px;
margin-right: -15px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: inherit;
font-weight: 500;
}
.dropdown-menu {
border-radius: 0px;
padding: 0;
border: 0;
}
.dropdown-menu > li > a {
padding: 9px 30px;
font-size: 18px;
font-weight: 400;
}
/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/
.mobile-illustration {
display: none;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/* Set content (page title) header to midnight blue */
.content-header {
background-color: #34495e;
color: #fff;
}
.content-header h1,
.content-header h2,
.content-header h3 {
color: #fff;
}
/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home-illustration svg,
.footer-illustration svg,
.access-bars-illustration svg,
.access-consciousness-illustration svg,
.art-based-therapies-illustration svg,
.group-theatre-illustration svg,
.clinical-hypnotherapy-illustration svg,
.footer-illustration-mobile svg,
.mobile-illustration svg,
.story-telling-illustration svg,
.visual-art-therapy-illustration svg,
.general-illustration svg,
.mobile-illustration svg {
width: 100%;
height: auto;
}
.home-illustration svg .anim-earth,
.home-illustration svg .anim-turn,
.home-illustration svg .anim-turn-r,
.access-bars-illustration svg .anim-earth,
.access-consciousness-illustration svg .anim-step-0,
.access-consciousness-illustration svg .anim-step-1,
.access-consciousness-illustration svg .anim-step-2,
.access-consciousness-illustration svg .anim-step-3,
.access-consciousness-illustration svg .anim-step-4,
.access-consciousness-illustration svg .anim-step-5,
.access-consciousness-illustration svg .anim-step-6,
.access-consciousness-illustration svg .anim-dan,
.access-consciousness-illustration svg .anim-stalk,
.art-based-therapies-illustration svg .anim-earth,
.art-based-therapies-illustration svg .anim-tilt,
.group-theatre-illustration svg .anim-step-0,
.group-theatre-illustration svg .anim-step-1,
.group-theatre-illustration svg .anim-step-2,
.clinical-hypnotherapy-illustration svg .anim-step-0,
.clinical-hypnotherapy-illustration svg .anim-step-1,
.clinical-hypnotherapy-illustration svg .anim-step-2,
.clinical-hypnotherapy-illustration svg .anim-step-3,
.clinical-hypnotherapy-illustration svg .anim-step-4,
.clinical-hypnotherapy-illustration svg .anim-step-5,
.story-telling-illustration svg .anim-step-0,
.story-telling-illustration svg .anim-step-1,
.story-telling-illustration svg .anim-step-2,
.visual-art-therapy-illustration svg .anim-step-0,
.visual-art-therapy-illustration svg .anim-step-1,
.visual-art-therapy-illustration svg .anim-step-2,
.general-illustration svg .anim-earth,
.general-illustration svg .anim-tilt {
-webkit-animation: hoverer 6s infinite;
transform-origin: center center;
opacity: 0;
}
.home-illustration svg .anim-earth g {
-webkit-animation: blinki 4s infinite;
}
.home-illustration svg .anim-blink,
.access-bars-illustration svg .anim-blink {
-webkit-animation: hoverer 6s infinite;
transform-origin: center center;
opacity: 0;
}
.home-illustration svg .anim-blink g {
-webkit-animation: blink 4s infinite;
}
.home-illustration svg .anim-jump {
opacity: 0;
transform-origin: center center;
}
.home-illustration svg .anim-mid-jump {
opacity: 0;
transform-origin: center center;
}
.home-illustration svg .anim-turn {
opacity: 0;
transform-origin: center center;
}
.home-illustration svg .anim-turn-r {
transform-origin: center center;
opacity: 0;
}
.access-bars-illustration svg .anim-earth g,
.art-based-therapies-illustration svg .anim-earth g,
.general-illustration svg .anim-earth g {
-webkit-animation: blinkab 9s infinite;
}
.access-bars-illustration svg .anim-blink g,
.art-based-therapies-illustration svg .anim-tilt g,
.general-illustration svg .anim-tilt g {
-webkit-animation: blinkabi 9s infinite;
}
.access-consciousness-illustration svg .anim-dan .ease {
-webkit-transition: all 6s;
-moz-transition: all 6s;
-o-transition: all 6s;
transition: all 6s;
}
.access-consciousness-illustration svg .anim-dan .float {
transform: translate(900px, 120px) rotate(-30deg);
}
.art-based-therapies-illustration svg .anim-stars g {
-webkit-animation: rotator 12s infinite;
-webkit-animation-timing-function: linear;
transform-origin: center center;
}
.dance-movement-therapy-illustration svg .anim-step-0,
.dance-movement-therapy-illustration svg .anim-step-1,
.dance-movement-therapy-illustration svg .anim-step-2,
.dance-movement-therapy-illustration svg .anim-step-3,
.drum-circles-illustration svg .anim-step-0,
.drum-circles-illustration svg .anim-step-1,
.drum-circles-illustration svg .anim-step-2,
.spoken-word-illustration svg .anim-step-0,
.spoken-word-illustration svg .anim-step-1,
.spoken-word-illustration svg .anim-step-2,
.spoken-word-illustration svg .anim-step-3,
.community-events-illustration svg .anim-step-0 g,
.community-events-illustration svg .anim-step-1 g,
.community-events-illustration svg .anim-step-2 g {
opacity: 0;
}
.community-events-illustration svg .anim-step-0.ease,
.community-events-illustration svg .anim-step-1.ease,
.community-events-illustration svg .anim-step-2.ease {
-webkit-transition: all 4.8s ease;
-moz-transition: all 4.8s ease;
-o-transition: all 4.8s ease;
transition: all 4.8s ease;
}
.community-events-illustration svg .anim-step-0.float,
.community-events-illustration svg .anim-step-1.float,
.community-events-illustration svg .anim-step-2.float {
transform: translateX(1200px);
}
.community-events-illustration svg .anim-step-0.transit g,
.community-events-illustration svg .anim-step-1.transit g,
.community-events-illustration svg .anim-step-2.transit g {
opacity: 0;
}
@-webkit-keyframes hoverer {
0% {
transform: translateY(-15px);
}
50% {
transform: translateY(15px);
}
100% {
transform: translateY(-15px);
}
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
47% {
opacity: 0;
}
50% {
opacity: 1;
}
53% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes blinki {
0% {
opacity: 1;
}
47% {
opacity: 1;
}
50% {
opacity: 0;
}
53% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blinkab {
0% {
opacity: 1;
}
3% {
opacity: 1;
}
47% {
opacity: 1;
}
53% {
opacity: 0;
}
97% {
opacity: 0;
}
100% {
opacity: 0.5;
}
}
@-webkit-keyframes blinkabi {
0% {
opacity: 0;
}
3% {
opacity: 0;
}
47% {
opacity: 0;
}
53% {
opacity: 1;
}
97% {
opacity: 1;
}
100% {
opacity: 0.5;
}
}
@-webkit-keyframes rotator {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.home-content h3,
.cat-content h3,
.page-about h3 {
font-size: 5.4vw;
font-weight: 300;
line-height: 9vw;
margin-top: 90px;
margin-bottom: 90px;
color: #3f3f3c;
}
.home-content p,
.cat-content p,
.cat-content ul,
.cat-content ol,
.page-about ul,
.page-about ol,
.page-about p {
font-size: 1.8em;
line-height: 1.2em;
font-weight: 300;
margin-bottom: 30px;
color: #606060;
list-style-type: none;
}
.home-content p,
.cat-content p.first {
margin-top: 96px;
}
.cat-content .embed-responsive,
.page-about .embed-responsive {
margin-top: 60px;
margin-bottom: 45px;
}
.cat-content h4,
.page-about h4 {
font-size: 42px;
margin: 60px 0 30px;
}
.cat-content a,
.page-about a {
font-family: "Suravaram", serif;
}
.cat-content ul,
.cat-content ol,
.page-about ul,
.page-about ol {
border: 1px solid #f4f4f4;
padding: 30px;
}
.cat-content ul li,
.cat-content ol li,
.page-about ul li,
.page-about ol li {
padding: 3px 6px;
}
.single-event,
.single-post {
margin-top: 90px;
font-family: "Muli", sans-serif;
font-size: 18px;
line-height: 36px;
}
.single-post {
margin-bottom: 90px;
}
.single-event p,
.single-post p {
font-family: "Muli", sans-serif;
}
.masonry {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: masonry;
grid-gap: 15px;
}
.masonry .masonry-item {
height: auto;
}
.single-event h2,
.single-post h2 {
margin-bottom: 30px;
font-size: 30px;
line-height: 48px;
font-weight: bold;
}
.single-event img {
margin-bottom: 30px;
}
.break-flower svg {
margin-top: 75px;
width: 48px;
height: 48px;
}
.top-arrow {
margin-bottom: 90px;
}
.top-arrow svg {
position: absolute;
left: -78px;
width: 270px;
height: auto;
}
.bottom-arrow {
margin-top: 90px;
}
.bottom-arrow svg {
position: absolute;
right: -78px;
width: 270px;
height: auto;
bottom: 0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.content-area {
padding-top: 90px;
}
.root-main {
/*-moz-column-count: 3;
-moz-column-fill: auto;
-webkit-column-count: 3;
-webkit-column-fill: auto;
column-count: 3;
column-fill: auto;*/
display: flex;
flex-flow: column wrap;
margin-left: -8px;
width: 100%;
}
.root-main .home-post-block {
display: inline-block;
width: 100%;
margin-bottom: 60px;
}
.root-main .root-item {
margin: 0 8px 8px 0;
width: 33.3333333333%;
}
.home-video {
margin-top: 90px;
}
.home-post-block .entry-title,
.root-main .root-item h2 {
font-size: 30px;
line-height: 48px;
margin-bottom: 15px;
font-weight: bold;
}
.home-post-block .entry-tags {
font-size: 17px;
line-height: 27px;
display: inline-block;
}
.home-post-block .posted-on,
.home-post-block .comments-link {
font-size: 14px;
}
.home-post-block .entry-summary p {
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
}
.root-main .root-item p {
font-size: 18px;
font-family: "Muli";
}
.root-main .root-item img {
width: 100%;
margin-bottom: 30px;
}
.home-post-block .read-more,
.sidebar-footer .wppb-logout-url {
display: block;
width: 100%;
padding: 6px 0;
text-align: center;
margin-top: 15px;
border: 1px solid #f5f5f5;
font-size: 14px;
color: #ccc;
border-radius: 1px;
}
.home-post-block .read-more:hover,
.sidebar-footer .wppb-logout-url:hover {
border-color: #ccc;
}
.home-post-block .entry-meta .entry-tags a {
font-size: 18px;
line-height: 36px;
}
.home-post-block .post-thumbnail img {
width: 100%;
border: transparent;
padding: 0;
border-radius: 0;
background: none;
}
.about-content {
margin-bottom: 60px;
}
.team-panel {
margin-bottom: 30px;
}
.team-panel svg {
width: 100%;
}
.team-panel h4 {
font-size: 30px;
margin-top: 30px;
}
.team-panel p {
font-size: 20px;
}
.bwg_back_0 {
margin-bottom: 90px;
}
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
font-family: "Muli", sans-serif !important;
}
/*--------------------------------------------------------------
## Post page
--------------------------------------------------------------*/
.post:not(.home-post-block) .entry-meta,
.event:not(.home-post-block) .entry-meta {
text-align: center;
margin-bottom: 60px;
font-size: 21px;
line-height: 36px;
color: #aaa;
}
.post:not(.home-post-block) .entry-meta .entry-title,
.event:not(.home-post-block) .entry-meta .entry-title {
font-size: 9vh;
line-height: 10.5vh;
}
.post:not(.home-post-block) .entry-meta .entry-tags,
.event:not(.home-post-block) .entry-meta .entry-tags {
font-size: 21px;
}
.post:not(.home-post-block) .entry-content p,
.event:not(.home-post-block) .entry-content p,
.post:not(.home-post-block) .entry-content ol,
.event:not(.home-post-block) .entry-content ol,
.post:not(.home-post-block) .entry-content ul,
.event:not(.home-post-block) .entry-content ul {
padding: 0 0 15px;
font-size: 1.5em;
line-height: 1.35em;
color: #424242;
}
.post:not(.home-post-block) .entry-content li,
.event:not(.home-post-block) .entry-content li {
padding: 0 0 15px;
}
.post:not(.home-post-block) .entry-content p br,
.event:not(.home-post-block) .entry-content p br {
display: block;
margin: 15px 0;
}
.post:not(.home-post-block) .entry-content img,
.event:not(.home-post-block) .entry-content img {
display: inline-block;
float: left;
margin-right: 30px;
}
.post:not(.home-post-block) .entry-content .embed-responsive,
.event:not(.home-post-block) .entry-content .embed-responsive {
margin-bottom: 30px;
}
.event:not(.home-post-block) .aligncenter {
width: 100%;
}
.event-map {
margin-top: 30px;
}
.event-map .map {
height: 360px;
}
.event-map .map .gm-style-iw {
font-size: 18px;
line-height: 18px;
text-align: left;
}
.event-meta {
margin-top: 30px;
}
.event-meta span {
color: #333;
}
.comment-list article {
border-left: 3px solid #f4f4f4;
padding-left: 15px;
}
.comment-list article .fn {
font-style: normal;
font-size: 18px;
}
.comments-area .comment-respond form p:not(.logged-in-as) {
font-size: 1.5em;
color: #424242;
}
.avatar {
display: none;
}
.em-booking-form-details {
padding: 0;
width: 100%;
}
.em-booking-form-details .em-booking-submit {
width: 100%;
background: rgba(135, 208, 120, 0.19);
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.break-flower-footer .flower {
width: 48px;
height: 48px;
margin-bottom: 60px;
}
.sidebar-footer h1,
.sidebar-footer h2,
.sidebar-footer h3 {
color: #ccc;
}
/* Set our "after footer" (footer nav menu and site credits) to "not quite" black */
.after-footer {
font-size: 16px;
}
/* Set link colors to off white and text to gray for footer and after footer */
.sidebar-footer,
/*.after-footer {*/
.footer-nav-menu {
color: #000;
padding: 30px 0 60px;
}
.sidebar-footer a:not(.btn),
.footer-nav-menu a:not(.btn) {
/*.after-footer a:not(.btn) {*/
color: #000;
}
.sidebar-footer a:hover:not(.btn),
.sidebar-footer a:focus:not(.btn),
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
/*.after-footer a:hover:not(.btn),
.after-footer a:focus:not(.btn) {*/
color: #000;
}
.sidebar-footer h2 {
font-size: 21px;
padding-bottom: 30px;
}
.sidebar-footer .em-calnav {
font-weight: 100;
}
.sidebar-footer .em-calendar > tbody > tr > td {
padding: 6px;
}
.sidebar-footer .newsletter p {
padding-top: 30px;
font-size: 17px;
line-height: 27px;
}
.sidebar-footer .newsletter form {
padding-top: 30px;
}
.sidebar-footer .wppb-alert {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
font-size: 18px;
}
.sidebar-footer .wppb-user-forms label {
width: 100%;
font-weight: 500;
font-size: 15px;
margin-bottom: 6px;
}
.sidebar-footer .wppb-user-forms #wppb-submit {
margin-bottom: 15px;
}
.sidebar-footer .login-register-lost-password {
text-align: center;
font-size: 15px;
}
.sidebar-footer .login-register-lost-password a:first-child {
margin-right: 9px;
}
.sidebar-footer .login-register-lost-password a:last-child {
margin-left: 9px;
}
.footer-illustration-mobile {
display: none;
}
.social {
margin-bottom: 60px;
}
.social a {
font-size: 15px;
padding: 15px;
line-height: 60px;
}
.social a i:not(.fa-envelope-o, .fa-phone) {
font-size: 21px !important;
}
.fb-like-button {
position: absolute;
width: 77px;
overflow: hidden;
right: 30px;
top: 19px;
}
.show-all {
display: inline-block;
font-size: 24px;
margin-top: 60px;
font-weight: bold;
}
div.mep-default-feature-content p,
div.mep-default-feature-content ul,
div.mep-default-feature-content ul li {
font-size: 1.8em !important;
line-height: 1.2em !important;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* Reduce the size of post entry meta (date, author) */
.entry-meta {
font-size: 16px;
}
/* Color "sticky" (featured) posts */
.sticky .entry-title:after {
background-color: #1abc9c;
color: #fff;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/* Reduce the size of comment edit link */
.comment-edit-link {
font-size: 16px;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.navbar-default .navbar-nav > li > a {
font-size: 13px;
font-weight: 400;
}
.dropdown-menu > li > a {
font-size: 13px;
}
.cat-content p,
.cat-content ul,
.cat-content ol {
font-size: 1.65em;
}
.root-main .root-item {
width: 50%;
}
}
@media (max-width: 767px) {
.navbar .menu-main-menu-container {
height: auto;
}
.navbar-collapse .navbar-nav {
width: 100%;
}
.navbar-default .navbar-nav > li > a {
font-size: 17px;
padding: 10px 15px;
}
.navbar-collapse li .dropdown-menu {
display: block;
position: relative;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
float: none;
border-bottom: 1px solid #f4f4f4;
}
.dropdown-menu > li > a {
font-size: 17px;
}
.dropdown-menu > li > a:hover {
background: none;
}
.no-padding-m {
padding: 0;
}
.mobile-illustration {
display: block;
}
.home-illustration:not(.mobile-illustration),
.access-consciousness-illustration:not(.mobile-illustration),
.access-bars-illustration:not(.mobile-illustration),
.art-based-therapies-illustration:not(.mobile-illustration),
.dance-movement-therapy-illustration:not(.mobile-illustration),
.drum-circles-illustration:not(.mobile-illustration),
.group-theatre-illustration:not(.mobile-illustration),
.spoken-word-illustration:not(.mobile-illustration),
.story-telling-illustration:not(.mobile-illustration),
.visual-art-therapy-illustration:not(.mobile-illustration),
.clinical-hypnotherapy-illustration:not(.mobile-illustration),
.community-events-illustration:not(.mobile-illustration),
.general-illustration:not(.mobile-illustration) {
display: none;
}
.footer-illustration {
display: none;
}
.footer-illustration-mobile {
display: block;
}
.cat-content h3 {
font-weight: 400;
}
.cat-content p,
.cat-content ul,
.cat-content ol {
font-size: 1.5em;
}
.top-arrow svg {
left: -45px;
width: 180px;
}
.bottom-arrow svg {
right: -45px;
width: 180px;
}
.root-main .root-item {
width: 100%;
}
}
/*--------------------------------------------------------------
## Captions and Galleries
--------------------------------------------------------------*/
/* Color and style the Bootstrap carousel captions */
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
font-weight: bold;
}
.carousel-caption {
text-shadow: none;
background-color: #16a085;
color: #fff;
opacity: 0.75;
font-weight: bold;
}
.carousel-caption a {
color: #fff;
text-decoration: underline;
}
.carousel-caption a:hover,
.carousel-caption a:focus {
color: #bdc3c7;
/*silver*/
}
/*--------------------------------------------------------------
# Widgets and Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
/* Get Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
float: left !important;
margin-left: 15px !important;
/*margin-left: 1.625em !important;*/
}
/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/
/* Format Jetpack contact form with Bootstrap's form-control tag. */
form.contact-form input[type="text"],
form.contact-form input[type="email"],
form.contact-form textarea {
display: block;
width: 98%;
height: 36px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.428571429;
color: #a1a1a1;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s,
box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
form.contact-form input[type="text"]:focus,
form.contact-form input[type="email"]:focus,
form.contact-form textarea:focus {
color: #555;
}
/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
.sidebar-footer .row .col-md-4 {
padding: 0 30px;
}
}