.main-content-area {
margin: 5% 0;
}
.clear     { clear: both; width: 100%; height: 20px }
.margin    { margin-top: 2.5em }
.padding   { padding-top: 2.5em }
.no-margin { margin: 0; padding: 0 }
.center    { float: none; margin: 0 auto }
.remove    { display: none }
.hide      { visibility: hidden }
.wow { visibility: hidden }
ol.unstyled, 
ul.unstyled {
list-style: none none;
margin: 0;
padding: 0
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
img {
max-width: 100%;
height: auto
}
.alignleft {
display: inline;
float: left
}
.alignright {
display: inline;
float: right
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto
}
.alignnone {
margin: 1em 0 2em
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 1em;
margin-bottom: 2em
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em
}
.wp-caption.alignnone {
margin: 2em 0 2em
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto!important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.site .skip-link {
background-color: #f1f1f1;
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
color: #21759b;
display: block;
font-family: "Open Sans", sans-serif;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
.wp-smiley {
max-height: 13px;
margin: 0
}
.comment-content img,
.widget img,
.wp-post-image, 
img.avatar {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
padding: 2px
}
.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
.entry-content a, 
.entry-summary a, 
.page-content a, 
.comment-content a, 
.pingback 
.comment-body > a {
border-bottom: 1px solid #ddd;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
border-bottom: 0;
}
label {
display: block;
font-weight: 300;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 25px
}
.wp-playlist.wp-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 10px 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 10px;
} .gallery { margin-bottom: 1.6em }
.gallery-item {
overflow: hidden;
position: relative;
text-align: center;
vertical-align: top;
display: inline-block
}
.gallery dl {
float: left;
margin-top: 10px
}
.gallery dl img {
border: 2px solid #fff
}
.gallery-caption {
position: absolute;
opacity: 0;
visibility: hidden;
width: 100%;
bottom: 0;
transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
transform: scale(0.9);
padding: 10px
}
.gallery-item:hover .gallery-caption {
visibility: visible;
opacity: 1;
transform: scale(1)
}
.gallery-item .wp-caption-text.gallery-caption {
font-weight: 500;
font-size: 12px;
color: #fff
}
.gallery-item:hover a {
text-decoration: none
}
.gallery-icon img {
margin: 0 auto
}
.gallery-icon a:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all .2s ease 0s;
width: 100%
}
.gallery-item:hover .gallery-icon a:before {
opacity: 1
}
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display:none
}
#image-navigation .nav-next a,#image-navigation .nav-previous a {
padding: 5px 20px;
border: 1px solid #E8E8E8;
border-radius: 4px;
display: block
}
#image-navigation .nav-next a:hover, #image-navigation .nav-previous a:hover {
background-color: #DA4453;
color: #fff
}
#image-navigation .nav-next, #image-navigation .nav-previous {
margin: 10px 0
} .wp-caption {
max-width: 100%;
text-align: center
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 5px;
background: #e23a3e;
color: #fff;
font-size: 14px;
font-style: normal
}
.wp-caption-text.gallery-caption {
margin: 0
}
.wp-caption .wp-caption-text a {
color: #fff;
text-decoration: underline
}
.wp-caption .wp-caption-text a:hover {
text-decoration: none
} .container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 1600px; }
.btn {
border: 0;
border-radius: 2px;
border-bottom: 0;
border-left: 0;
box-shadow: inset 0 -2.2px rgba(0,0,0,.12),inset 2px 0 rgba(0,0,0,.1);
margin-right: 5px;
outline: 0;
-webkit-transition: all .3s;
transition: all .3s
}
.btn.active, 
.btn:active {
background-image: none;
position: relative;
box-shadow: inset 0 2px 3px rgba(0,0,0,.125)!important;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125)!important;
top: 1px;
left: -1px
}
.btn-xlg {
padding: 24px 48px;
font-size: 24px
}
.btn-xlg [class*=" icon-"],
.btn-xlg [class^=icon-] {
margin-right: 10px
}
.btn-min-block {
display: block;
max-width: 170px
}
.btn.btn-clear {
border: 1px solid #f4f4f4;
color: #f4f4f4;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.btn.btn-clear:hover {
background-color: #fff;
color: #69668a;
box-shadow: none
}
.btn-success {
background-color: #2ecc5b
}
.btn-default {
color: #fff;
background-color: #69668a;
border-color: #644C80
}
.btn-autosize {
padding: 5px 9px;
font-size: 14px;
line-height: 1.5;
border-radius: 2px;
}
@media screen and (min-width: 768px) {
.btn-autosize {
padding: 10px 16px;
font-size: 15px;
line-height: 1.4;
}
}
@media screen and (min-width: 992px) {
.btn-autosize {
padding: 13px 19px;
font-size: 20px;
line-height: 1.5;
}
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
color: #fff;
background-color: #644C80
}
.form-control:focus {
border-color: #e6e6e6;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178,175,232,.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(178,175,232,.6);
}
@media screen and (max-width: 768px) {
#search_dropdown {
display: none !important
}
.container > .navbar-collapse,
.container > .navbar-header {
margin-right: auto;
margin-left: auto
}
#site-nav .navbar-collapse {
max-height: 420px;
overflow-y: auto
}
}
.btn-excerpt > a {
border: 0;
}
.pager li > a, 
.pager li > span {
border-radius: 2px;
}
.pager li > a:focus, .pager li > a:hover {
background-color: #69668a;
color: #fff
}
.pager > .active > a,
.pager > .active > a:focus,
.pager > .active > a:hover,
.pager > .active > span, 
.pager > .active > span:focus, 
.pager > .active > span:hover {
background-color: #69668a;
border-color: #eee;
color: #fff
}
@media screen and (max-width: 360px) {
.pager li > a, 
.pager li > span {
padding: 3px 8px;
font-size: 12px
}
}
.navbar {
margin-bottom: 0;
border-radius: 0;
border: 0;
padding-bottom: 10px;
padding-top: 10px;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-brand {
height: 100%;
}
.navbar-form input {
min-width: 220px
}
.dropdown-menu .dropdown-menu {
top: 0;
right: 100%
}
.nav-animation {
animation: fadeIn .5s;
-webkit-animation: fadeIn .5s
}
.search-animation {
animation: zoomIn .2s;
-webkit-animation: zoomIn .2s
} .admin-bar #masthead {
margin-top: 32px !important;
}
#masthead {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.sticky-header {
opacity: 0.95;
box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}
ul.header-contact li.header-phone a:before { 
content: '\f095';
font-family: FontAwesome;
margin-right: 5px
}
ul.header-contact li.header-email a:before { 
content: '\f0e0';
font-family: FontAwesome;
margin-right: 5px
}
ul.header-contact li.header-link a:before { 
content: '\f08e';
font-family: FontAwesome;
margin-right: 5px
}
ul.header-contact li {
display: inline-block;
margin-right: 5px
}
ul.header-contact li > a {
font-size: 12px;
display: block;
line-height: 32px;
}
#header-social {
text-align: right;
}
#header-social > ul > li {
display: inline-block
}
#header-social > ul > li > a {
display: inline-block;
font-size: 1em;
display: block;
width: 34px;
height: 33px;
line-height: 33px;
text-align: center;
}
#header-social > ul > li > a:hover {
color: #fff;
}
#header-social > ul > li a.facebook:hover  { background-color: #507CBE }
#header-social > ul > li a.twitter:hover   { background-color: #63CDF1 }
#header-social > ul > li a.google:hover    { background-color: #F16261 }
#header-social > ul > li a.pinterest:hover { background-color: #cc2127 }
#header-social > ul > li a.dribbble:hover  { background-color: #E46387 }
#header-social > ul > li a.linkedin:hover  { background-color: #035a87 }
#header-social > ul > li a.flickr:hover    { background-color: #E474AF }
#header-social > ul > li a.vimeo:hover     { background-color: #87D3E0 }
#header-social > ul > li a.rss:hover       { background-color: #ffac3d }
.site-title {
margin: 5px 0 0;
}
#sub-header {
padding: 2em 1em
}
.sub-header-title, .bio-name {
font-size: 18px;
margin-top: 10px
}
#breadcrumbs {
text-align: right;
font-size: 11px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 10px
}
#breadcrumbs a, .current {
padding: 0 5px
}
@media (max-width: 768px) {
#breadcrumbs {
padding: 10px 0
}
} .single-featured {
display: block;
margin: auto;
transition: opacity 0.3s linear 0s
}
.single-featured:hover {
opacity: .8;
box-shadow: 0 0 0 5px #644C80 inset
}
.hentry {
padding: 20px 25px 5px;
border-radius: 3px;
box-shadow: 0 1px 0 #ccc;
margin-bottom: 3em;
position: relative
}
.hentry:after {
border-bottom-color: #ccc!important;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-style: solid;
border-top: 5px solid transparent;
border-width: 5px;
bottom: 0;
content: "";
height: 0;
left: 50%;
margin-left: -3px;
position: absolute;
width: 0
}
.sticky {
display: block;
border-color: rgba(178,175,232,.5);
background: #f7fcf7!important;
border-style: solid;
border-width: 1px;
}
.sticky-pin:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0M3NjlDNTlENEUxMUU0QUU4MTg4NTQ5MTdDQkY1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0M3NjlDNjlENEUxMUU0QUU4MTg4NTQ5MTdDQkY1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQzc2OUMzOUQ0RTExRTRBRTgxODg1NDkxN0NCRjU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZDQzc2OUM0OUQ0RTExRTRBRTgxODg1NDkxN0NCRjU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZWNvTAAAAMJJREFUeNpi/P//PwMpgBGImYGY4+kchmncHAwxQDYTmpovf/8x1AvHMfSBDAdJsgGx2M/fDFpYFIMAD1CdB4wDUsAKxHx//jGw43IGUAMnsgaY04gCTAwkggHS8PErw73bLxj2YpNjQRf48p3hdlQfQ/rRmwwMZ3sZ/imLM7his+E/EyPDv68/GG7VLWPwBSq+AhR7aVzM0PT8PcNmdEP5gFjj8gSGxemuDKrQeAHFviAQg/gqd2YwZEDi4z8DQIABANZoORUoDZmXAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
content: "";
padding: 10px;
position: absolute;
top: -5px;
right:-5px
}
.updated-on, 
.updated:not(.published) { display: none }
.group-blog .byline, .single .byline { display: inline }
.page-links {
margin: 0 0 25px;
}
.page-links span {
background-color: #48365c;
border: 1px solid #ccc;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 3px 10px
}
.page-links a span {
background-color: #fff;
color: #333;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}
.page-links a:hover span {
background-color: #644c80;
color: #fff
}
.edit-link { 
opacity: 0; 
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
}
.hentry:hover .edit-link { opacity: 1 }
.page-title:before {
border-bottom: 1px solid #757399;
bottom: -1px;
content: "";
position: absolute;
width: 40px
}
.page-title {
border-bottom: 1px solid #f3f3f3;
padding: 10px 0;
position: relative
}
.entry-meta:before {
border-bottom: 1px solid #ccc;
bottom: -1px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 25px
}
.entry-meta {
border-bottom: 1px solid #f3f3f3;
}
.entry-meta, .entry-footer {
border-top: 1px solid #f3f3f3;
font-size: 11px;
font-weight: 500;
position: relative;
text-transform: uppercase
}
.entry-meta:after {
border-bottom: 1px solid #ccc;
content: "";
height: 0;
left: 0;
position: absolute;
top: -1px;
width: 25px
}
.entry-content {
padding: 25px 0
}
.entry-content,
.comment-content {
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content dd {
font-size: .9em;
color: #787878;
margin-bottom: 1.5em
}
.entry-content pre {
background: #f3f3f3;
border: 1px solid #cecece;
padding: 10px
}
.entry-footer:after {
border-bottom: 1px solid #ccc;
content: "";
height: 0;
left: 0;
position: absolute;
top: -1px;
width: 25px
}
.entry-meta, 
.entry-footer { padding: 10px 0 }
.entry-meta i, 
.entry-footer i { 
padding-right: 2px; 
padding-left: 2px 
}
.sticky-post, 
.byline, 
.cat-links, 
.comments-link, 
.posted-on, 
.tags-links,
.updated-on, 
.vcard {
margin-right: 5px
}
.bypostauthor { display:block }
.entry-attachment img { width:100% }
.format-chat .entry-content > p {
clear: both;
font-size: 14px;
line-height: 20px;
padding: 6px 12px;
margin-top: 10px;
position: relative
}
.format-chat .entry-content > p:nth-child(2n+1) {
background: none repeat scroll 0 0 #f6f6f6;
border-radius: 0 12px 12px 12px;
float: left;
-webkit-box-shadow: inset 1px -1px rgba(0,0,0,.15);
box-shadow: inset 1px -1px rgba(0,0,0,.15)
}
.format-chat .entry-content > p:nth-child(2n) {
background: none repeat scroll 0 0 #e4f5e4;
border-radius: 12px 0 12px 12px;
float: right;
-webkit-box-shadow: inset 0 -1px rgba(0,0,0,.15);
box-shadow: inset 0 -1px rgba(0,0,0,.15)
}
.post-navigation a:hover:before,
.post-navigation a:focus:before {
opacity: 0.5;
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
background-position: center;
background-size: cover;
position: relative;
} .author-bio {
padding: 20px;
box-shadow: 0 1px 0 #ccc;
margin-bottom: 40px;
position: relative
}
.author-bio .bio-avatar {
float: left;
margin-right: 15px;
position: relative;
width: 64px
}
.author-bio .bio-avatar img {
width: 100%
}
.author-bio .bio-name {
margin-top: 0;
font-weight: 600
}
.author-bio .bio-name a {
color: #bab8cc
}
.author-bio .bio-name a:hover, 
.author-bio .bio-name a:focus  {
color: #d5d4e0
}
.author-socials {
text-align: right
}
ul.author-social-bar {
display: inline-block;
padding-left: 0px;
}
.author-social-bar-text {
margin: 0 5px;
margin-left: 0;
font-size: 11px;
text-transform: uppercase
}
ul.author-social-bar li {
display: inline-block;
margin: 0 3px
}
ul.author-social-bar li a {
border-radius: 2px;
color: #fff;
display: inline-block;
height: 20px;
text-align: center;
width: 20px;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s
}
ul.author-social-bar i {
font-size: 13px
}
ul.author-social-bar li a:hover { color: #fff }
.author-social-bar a.facebook { background-color: #3b5998 }
.author-social-bar .facebook:hover { background-color: #2d4373 }
.author-social-bar a.google_plus { background-color: #dd4b39 }
.author-social-bar a.google_plus:hover { background-color: #c23321 }
.author-social-bar a.twitter { background-color: #55acee }
.author-social-bar a.twitter:hover { background-color: #2795e9 }
.author-social-bar .linkedin { background-color: #007bb6 }
.author-social-bar a:hover { background-color: #005983 } #comments { margin-top: 3em }
.comment-reply-title { margin-top: 2em }
.comments-header { margin-top: 1em }
.commentlist {
list-style-type: none;
margin-left: 0;
padding-left: 0
}
.commentlist li .comment-body {
background: #fff;
font-size: 14px;
overflow: hidden;
padding: 25px 25px 15px;
margin-bottom: 15px;
margin-top: 1em;
position: relative;
border: 1px solid #e8e8e8;
border-bottom: 1px solid #dadada;
border-radius: 4px
}
.commentlist .children li { list-style:none }
.commentlist .children li.comment > div[id*=comment-] { background:#f7fcf7 }
#reviews #comments ol.commentlist li img,
.commentlist > li .photo {
display: block;
float: left;
height: 64px;
line-height: 0;
margin-right: 15px;
overflow: hidden;
width: 64px
}
.commentlist > li .comment-author {
font-size: 13px;
font-weight: 600
}
.commentlist > li .comment-meta { font-size: 12px }
.commentlist > li .comment-meta a { color: #999 }
.commentlist > li .comment-meta a:hover, .commentlist > li .comment-meta a:focus { 
color: #757399 
}
.commentlist > li .comment-meta a.comment-edit-link:hover,
.commentlist > li .comment-meta a.comment-edit-link:focus { 
color: #222
}
.pingback .edit-link a:hover,
.pingback .edit-link a:focus { 
color: #222 
}
.commentlist > li .reply {
position: absolute;
right: 0;
bottom: 0
}
.commentlist > li .comment-reply-link {
font-size: 10px;
padding: 3px 7px;
border-radius: 4px 0 4px;
text-transform: uppercase
}
.commentlist > li .comment-meta .comment-edit-link {
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 0 4px;
color: #9da0a4;
font-size: 10px;
font-weight: 700;
padding: 3px 7px;
position: absolute;
right: -1px;
top: -1px
}
.wpbs-textarea { margin-top: 15px }
.form-allowed-tags code {
white-space: inherit;
word-wrap: break-word
} #sidebar { border-radius: 3px }
.sidebar-padder ul {
list-style: none;
padding: 5px
}
.widget-area { padding: 20px }
@media screen and (max-width: 480px) {
aside.widget-area {
font-size: 7mm
}
}
.widget { margin-bottom: 20px }
#sidebar .widget_archive li:before,#sidebar .widget_categories li:before {
content: '\f105';
font-family: FontAwesome;
color: #888;
margin-right: 5px
}
#sidebar .widget_archive li a:hover,
#sidebar .widget_categories li a:hover {
position: relative;
top: 1px;
}
.widget-title:before {
border-bottom: 1px solid #48365c;
bottom: -1px;
content: "";
position: absolute;
width: 40px
}
.widget-title {
border-bottom: 1px solid rgba(119,119,119,.1);
padding: 10px 0;
position: relative
}
.tagcloud { padding: 10px }
.cat-count-span {
float: right;
color: #777
} img.footer-logo {
float: left;
margin: 0 10px;
}
.footer-wrapper {
border-top: 3px solid #757399;
padding-top: 20px;
font-size: 13px
}
.footer-widgets { margin: 15px 0 }
.footer-widget-title:before {
border-bottom: 1px solid #757399;
bottom: -1px;
content: "";
position: absolute;
width: 40px
}
.footer-widget-title {
font-size: 18px;
font-family: inherit;
font-weight: 300;
border-bottom: 1px solid rgba(255,255,255,.2);
padding: 10px 0;
margin: 0 0 20px;
position: relative;
text-transform: uppercase
}
.footer-content .footer-widgets ul {
list-style: none;
padding-left: 5px
}
.footer-content .footer-widgets li:before {
content: "\f105";
font-family: FontAwesome;
padding-right: 5px
}
#footer-socials { 
background: #222; 
clear: both 
}
#footer-socials .social-bar {
color: #aaa;
padding: 10px;
margin: 0 5px;
text-align: left
}
.social-bar-text {
margin-right: 5px;
text-transform: uppercase;
font-size: 12px
}
.social-bar a {
border: 1px solid rgba(255,255,255,.07);
border-radius: 50%;
line-height: 26px;
width: 28px;
color: #aaa;
display: inline-block;
font-size: 12px;
text-align: center;
margin-right: 3px;
transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s
}
.social-bar a.twitter:hover      { background: #63CDF1 }
.social-bar a.facebook:hover     { background: #507CBE }
.social-bar a.google_plus:hover  { background: #F16261 }
.social-bar a.pinterest:hover    { background: #cc2127 }
.social-bar a.dribbble:hover     { background: #E46387 }
.social-bar a.linkedin:hover     { background: #035a87 }
.social-bar a.flickr:hover       { background: #E474AF }
.social-bar a.vimeo:hover        { background: #87D3E0 }
.social-bar a.rss:hover          { background: #ffac3d }
.social-bar a > i {
color: #eee 
}
.copyrights-area {
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.footer-nav ul {
padding-left: 0
}
.footer-nav { 
text-align: right
}
.footer-nav li {
display: inline-block;
border-left: 1px solid #777;
line-height: 10px;
margin-left: 4px
}
.footer-nav li:first-child { border-left: none }
.footer-nav li a {
padding-left: 8px;
transition: all .4s ease 0s;
-webkit-transition: all .2s ease 0s
}
.footer-nav li a:hover, 
.footer-nav li a:active, 
.footer-nav li a:focus {
color: #908dbd
}
@media (max-width: 767px) {
.copyright-text, .footer-nav {
text-align: center !important;
padding: 5px 0
}
} .to-top {
background: rgba(0, 0, 0, 0.1);
bottom: 30px;
right: 30px;
color: #fff;
font-size: 15px;
height: 35px;
width: 35px;
line-height: 33px;
margin-right: -75px;
position: fixed;
text-align: center;
z-index: 9999;
transition: all .4s ease 0s;
-webkit-transition: all .2s ease 0s
}
.to-top:hover {
background: #222;
}
.to-top.in {
margin-right: 0;
}
.to-top.in:hover, 
.to-top.in:active, 
.to-top.in:focus {
color: #fff;
} .error-404 {
background: #fff;
padding: 20px
}
.error-404-box {
margin: 0 0 50px;
padding: 0;
text-align: center
}
.error-message {
font-size: 40px;
text-shadow: 1px 1px 0 rgba(0,0,0,.12);
color: #999;
margin: 20px 0;
padding: 20px
}
.error-message:before {
content: "\f05a";
font-family: FontAwesome;
margin-right: 15px;
color: #999
}
@media (max-width: 767px) {
.error-message {
font-size: 30px
}
}