/* General */
html,
body {
width: 100%;
overflow-x: hidden;
}
body {
background: #eee;
color: #777777;
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 1.9;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.entry-content:after {
content: "";
display: table;
clear: both;
}
.boxed {
max-width: 1220px;
}
#wrapper {
margin: 0px auto;
width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin: 0 0 0.5em 0;
}
p, ul, ol, address, dl {
margin-bottom: 1.5em;
}
ul > li {
margin-bottom: 0.5em;
}
ul > li:last-child {
margin-bottom: 0;
}
.light {
color: #999;
}
.h-list li {
display: inline-block;
}
.text-centered {
text-align: center;
}
.avatar {
border-radius: 50%;
margin-right: 5px;
}
caption {
color: inherit;
}
figcaption {
margin-bottom: 1.5em;
}
img {
height: auto;
vertical-align: middle;
}
iframe, img {
max-width: 100%;
}
.alignleft {
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
margin-left: 1.5em;
margin-bottom: 1.5em;
}
nav ul, .widget ul {
padding: 0;
}
nav ul li, .widget ul li {
list-style-type: none;
}
/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
th, td, thead {
padding: 10px;
text-align: center;
}
/*--------------------------------------------------------------
# Forms, Links and Buttons
--------------------------------------------------------------*/
a {
color: #222222;
transition: color 200ms linear;
}
a:hover, li.current-menu-item a, a.light:hover {
color: #1ebaf3;
}
a:hover, a:focus, a:link, a:visited, li.current-menu-item a {
text-decoration: none;
outline: none;
}
.button-link {
display: inline-block;
}
.button-link a, button, .button, html input[type=button], input[type=reset], input[type=submit] {
display: inline-block;
width: auto;
padding: 5px 16px;
border: 1px solid #e2e2e2;
background: none;
transition: color 200ms linear, border-color 200ms linear;
}
a.button {
padding: 5px 16px;
}
.button-link a:hover, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
color: #444;
}
.btn:focus {
border: 0px;
outline: none;
}
.btn-primary {
border: 0px;
background: #1ebaf3;
}
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
border: 1px solid #1ebaf3;
background: #1ebaf3;
color: #ffffff;
outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
select,
textarea {
background: #fafafa;
color: #444444;
border: 1px solid #e2e2e2;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
background: #ffffff;
color: #444444;
border: 1px solid #1ebaf3;
}
textarea, input {
margin-bottom: 20px;
padding: 10px;
}
input, select {
height: 2.8em;
}
textarea {
resize: vertical;
}
textarea:focus, input:focus {
border: 1px solid rgba(30, 186, 243, 0.5);
}
textarea:focus, input:focus, button:focus, select:focus, a:focus {
outline: none;
}
.form-control {
border: 1px solid #1ebaf3;
box-shadow: none;
-webkit-box-shadow: none;
}
/*--------------------------------------------------------------
# Search Forms
--------------------------------------------------------------*/
/* Top search bar */
#top-searchform {
position: fixed;
top: -200px;
width: 100%;
z-index: 3000;
background: rgba(24, 24, 24, 0.9);
text-align: center;
opacity: 0;
transition: top 300ms ease-in-out, opacity 300ms ease-in-out;
}
#top-searchform.search-bar-slide-in {
top: 0px;
height: 100%;
opacity: 1;
}
#close-search:before {
content: "\f00d";
font: normal normal normal 30px/1 FontAwesome;
}
#close-search {
display: block;
margin-top: 30px;
color: #ddd;
}
#top-searchform form.search-form {
padding: 20px;
color: #dddddd;
}
#top-searchform .search-form label {
width: 80%;
}
.search-form input {
margin: 0px;
padding: 10px 16px;
font-size: 16px;
background: none;
}
button.search-submit:before {
content: "\f002";
font: normal normal normal 20px/1 FontAwesome;
}
button.search-submit {
border: 0px;
margin-left: -70px;
}
#top-searchform input.search-field:focus {
border-bottom-color: #dddddd;
}
/* Search icon link for showing search form */
.search-form-icon {
color: #fff;
position: relative;
float: left;
}
.search-item:after, .logo-item:after {
border-top: 0 !important;
}
.search-item {
float: right;
}
.logo-item {
float: left;
}
/*--------------------------------------------------------------
# Site header
--------------------------------------------------------------*/
#header-wrapper {
position: relative;
background-image: none;
min-height: 0px;
z-index: 1;
}
#header-wrapper:before {
position: absolute;
top: 0;
left: 0;
display: block;
background-color: transparent;
width: 100%;
height: 100%;
content: "";
z-index: -1;
}
#header-wrapper.container {
padding: 0;
}
body:not(.has-front-page-custom-header):not(.brand-has-header-image):not(.logo-inside-header):not(.nav-inside):not(.show-site-title):not(.float-right-nav):not(.float-left-nav) #header-wrapper {
height: 0;
padding: 0;
}
#logo-header #logo,
#sticky-logo {
display: none;
}
#logo-header #logo-mobile,
#sticky-logo #logo-mobile {
display: inline-block;
}
.no-header-text #heading h1.entry-title {
display: none;
}
#logo {
transition: width 500ms ease-in-out;
}
#logo.header-animation {
width: 80px;
}
/*--------------------------------------------------------------
# Sticky menu
--------------------------------------------------------------*/
#sticky-nav-wrapper {
position: fixed;
width: 100%;
height: 60px;
line-height: 60px;
top: -400px;
z-index: 200;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
transition: top 300ms ease-in-out;
}
#sticky-nav-wrapper .main-nav {
display: none;
}
#sticky-nav-wrapper.container, #sticky-nav-wrapper .main-nav.container {
padding: 0;
}
#sticky-nav-wrapper .menu > li > a {
padding: 0 20px;
}
#sticky-nav-wrapper.sticky-animation {
top: 0px;
}
/*--------------------------------------------------------------
# Main menu
--------------------------------------------------------------*/
.float-right-nav #main-nav-wrapper, .float-left-nav #main-nav-wrapper {
float: none;
}
#main-nav-wrapper {
position: relative;
display: none;
height: 60px;
line-height: 60px;
z-index: 200;
}
#main-nav-wrapper .main-nav {
display: none;
}
#main-nav-wrapper ul {
margin: 0;
}
#main-nav-wrapper.container, #main-nav-wrapper .main-nav.container {
padding: 0;
}
.float-right-nav #main-nav-wrapper.container, .float-left-nav #main-nav-wrapper.container {
width: auto;
}
nav.main-nav ul li {
position: relative;
display: inline-block;
list-style-type: none;
}
nav ul > li {
margin-bottom: 0;
}
nav.main-nav a {
display: inline-block;
padding: 0px 20px;
font-size: 14px;
color: #eee;
vertical-align: bottom;
transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
}
#main-nav-wrapper .menu > li > a, .mobile-nav-bar #mobile-menu-button, .mobile-nav-bar .search-form-icon {
padding: 0 20px;
}
nav.main-nav.header-animation a {
line-height: 60px;
}
/*nav.main-nav ul>li:after
{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width:100%;
height:100%;
border-top:3px solid $link-hover-color;
opacity: 0;
transform: scaleX(0) translateY(0);
transition: transform 0.5s ease-in-out, opacity 0.5s ease;
} */
/*nav.main-nav ul>li:hover:after, nav.main-nav ul>li.current-menu-item:after {
opacity: 1;
transform: scaleX(1) translateY(0);
color: inherit;
z-index: -100;
}*/
nav.main-nav ul li:hover > a, nav.main-nav ul li.current-menu-item > a, nav.main-nav ul li.current-menu-parent > a, nav.main-nav ul li.current-menu-ancestor > a {
background: #444;
color: #fff;
}
nav.main-nav .menu-item-has-children > a:after {
content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 10px;
}
.horizontal-main-nav nav.main-nav li ul li.menu-item-has-children > a:after {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
}
.horizontal-main-nav nav.main-nav li ul .menu-item-has-children > a:after {
content: "\f105";
}
.vertical-main-nav #main-nav-wrapper ul li.menu-item-has-children.is-hover > ul,
.vertical-main-nav #sticky-nav-wrapper ul li.menu-item-has-children.is-hover > ul {
-ms-transform: scaleY(1) translate(0);
transform: scaleY(1) translate(0);
opacity: 1;
display: block;
}
.vertical-main-nav #main-nav-wrapper .sub-menu li.menu-item-has-children > ul,
.vertical-main-nav #sticky-nav-wrapper .sub-menu li.menu-item-has-children > ul {
display: none;
}
.vertical-main-nav #main-nav-wrapper ul.sub-menu li.menu-item-has-children.is-hover > ul,
.vertical-main-nav #sticky-nav-wrapper ul.sub-menu li.menu-item-has-children.is-hover > ul {
position: relative;
}
.vertical-main-nav #main-nav-wrapper li ul li.menu-item-has-children > a:after,
.vertical-main-nav #sticky-nav-wrapper li ul li.menu-item-has-children > a:after {
float: right;
-ms-transform: translateY(25%);
transform: translateY(25%);
}
nav.main-nav li ul {
position: absolute;
min-width: 200px;
/*border-top:3px solid $link-hover-color;*/
font-size: 14px;
opacity: 0;
-ms-transform: scaleY(0) translate(0);
transform: scaleY(0) translate(0);
transition: opacity 900ms ease, transform 1000ms step-start;
z-index: 9999;
}
.horizontal-main-nav .main-nav li:hover > ul {
opacity: 1;
-ms-transform: scaleY(1) translate(0);
transform: scaleY(1) translate(0);
}
nav.main-nav li ul li {
display: block;
line-height: 1.4;
}
.horizontal-main-nav nav.main-nav li ul li > ul {
top: 0px;
left: 200px;
}
nav.main-nav li ul li a {
display: inline-block;
width: 100%;
padding: 15px 20px;
background: none;
text-align: left;
color: #eeeeee;
}
nav.main-nav li ul li:last-child a {
border: 0px;
}
nav.main-nav li ul li > a:hover, nav.main-nav li ul li.current-menu-item > a, nav.main-nav li ul li.current-menu-parent > a, nav.main-nav li ul li.current-menu-ancestor > a {
color: #ffffff;
background: #666666;
width: 100%;
}
nav.main-nav li ul li a:after {
position: relative;
}
.main-nav .logo-item a:hover {
background-color: transparent;
}
/*--------------------------------------------------------------
# Mobile menu
--------------------------------------------------------------*/
.mobile-nav-bar {
text-align: center;
position: relative;
display: block;
height: 60px;
line-height: 60px;
z-index: 200;
}
#sticky-nav-wrapper.sticky-animation .mobile-nav-bar {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
}
.mobile-nav-bar.container {
padding: 0;
}
.mobile-nav-bar a[rel=home] {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#mobile-menu-button {
float: right;
}
.mobile-nav-bar i {
vertical-align: middle;
font-size: 16px;
}
#mobile-menu-wrapper {
position: fixed;
top: 0;
right: -100%;
z-index: 9999;
padding-top: 60px;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
background: #fff;
box-shadow: -1px 0 3px rgba(0, 0, 0, 0.11);
}
#mobile-menu-wrapper .logo-item, #mobile-menu-wrapper .search-item {
display: none;
}
@media (min-width: 400px) {
#mobile-menu-wrapper {
width: 360px;
}
}
#back-button {
position: absolute;
top: 20px;
left: 40px;
opacity: 0;
transition: opacity 300ms ease-out;
}
a#back-button:before {
content: "\f060";
font: normal normal normal 18px/1 FontAwesome;
padding-right: 5px;
}
#mobile-menu-close-button {
position: absolute;
top: 20px;
right: 40px;
}
#mobile-menu-close-button:after {
content: "\f00d";
font: normal normal normal 18px/1 FontAwesome;
}
#mobile-menu-wrapper li.menu-item-has-children a:after {
content: "\f105";
font: normal normal normal 25px/1 FontAwesome;
position: absolute;
left: 90%;
}
#mobile-menu-wrapper li a {
display: inline-block;
width: 100%;
padding: 5px 40px;
line-height: 26px;
}
#mobile-menu-wrapper .menu {
position: absolute;
width: 100%;
opacity: 1;
transition: opacity 300ms ease-out;
/*transition: right 300ms ease;*/
}
#mobile-menu-wrapper .sub-menu {
display: none;
}
#cloned-nav {
position: absolute;
width: 100%;
opacity: 0;
transition: opacity 300ms ease-out;
/*transition: right 300ms ease; */
}
#mobile-menu-wrapper .hide-nav {
right: -360px !important;
opacity: 0 !important;
}
#mobile-menu-wrapper .show-nav {
opacity: 1 !important;
}
/*--------------------------------------------------------------
# Site heading
--------------------------------------------------------------*/
#heading {
position: relative;
background: transparent;
z-index: 100;
}
.logo-inside-header #heading,
.float-right-nav #heading,
.float-left-nav #heading,
.show-site-title #heading {
padding: 20px;
}
#heading > :not(:last-child) {
margin-bottom: 2%;
}
#heading h1 {
margin: 0;
font-size: 36px;
}
#heading h1 a, #heading h1 a:link, #heading h1 a:visited, #heading h1 a:focus {
color: #fff;
}
#heading .entry-header {
padding: 0px;
}
#heading .site-description {
margin: 0;
font-size: 20px;
}
.breadcrumb {
padding: 0px;
background: #353435 none;
}
.breadcrumb a {
color: #1ebaf3;
}
.breadcrumb a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------
# Site content
--------------------------------------------------------------*/
#content {
margin-top: 20px;
margin-bottom: 20px;
}
.one-block #primary {
position: relative;
padding: 40px 60px;
z-index: 0;
}
#primary .col-md-3 {
margin-bottom: 30px;
}
#primary .col-md-3:last-child {
margin-bottom: 0px;
}
#primary .thumbnail {
padding: 0px;
border: 0px;
border-radius: 0;
overflow: hidden;
}
#primary a.thumbnail img {
width: 100%;
transition: all 500ms ease;
}
#primary a.thumbnail:hover img {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.main-title {
margin: 0 auto;
background-color: #fff;
border: 0px;
}
.main-title > :not(:last-child) {
margin-bottom: 1%;
}
.main-title > last-child {
margin-bottom: 0;
}
.main-title-inner {
padding: 20px 40px;
}
.main-title-inner > :not(:last-child) {
margin-bottom: 0.5%;
}
.main-title-inner > :last-child {
margin-bottom: 0;
}
.main-title, .main-title.container {
padding: 0;
}
#content > .page-header-featured {
margin: 0px auto;
background: #fff;
margin-bottom: 20px;
}
.separated-blocks #primary-content > .page-header-featured {
padding: 20px 20px 0 20px;
background: #fff;
}
.separated-blocks.use-sections #primary-content > .page-header-featured {
padding: 20px;
}
.separated-blocks article:before, .one-block #primary:before {
position: absolute;
top: 0;
left: 0;
display: block;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
z-index: -1;
}
article, .comments-area, #pagination, .page-content, .posts-navigation {
position: relative;
margin-bottom: 20px;
z-index: 0;
}
.separated-blocks article.no-padding,
.one-block article.no-padding {
padding: 0;
}
.separated-blocks article,
.separated-blocks .brand-post-text-wrapper,
.separated-blocks .comments-area,
.separated-blocks .page-content {
padding: 40px;
}
.one-block article,
.one-block .brand-post-text-wrapper,
.one-block .comments-area,
.one-block .page-content {
padding: 20px 0;
}
.entry-header h1,
.entry-header h3,
.main-title .entry-meta {
margin: 0;
}
.home article.format-video > .entry-content,
.archive article.format-video > .entry-content,
.blog article.format-video > .entry-content {
margin-bottom: 20px;
}
a + .entry-content {
margin-top: 20px;
}
.entry-content > :last-child {
margin-bottom: 0;
}
.entry-content + footer.entry-footer > :first-child {
display: block;
margin-top: 1.5em;
}
.separated-blocks article,
.separated-blocks .comments-area,
.separated-blocks .page-content {
background: #fff;
}
.entry-meta {
margin: 0px 0px 20px 0px;
border-color: rgba(214, 214, 214, 0.8);
list-style-type: none;
}
.entry-footer:last-child {
margin: 0px;
}
.entry-meta li {
display: inline-block;
margin: 0px 15px 0px 0px;
padding: 5px 0px;
line-height: 22px;
}
.entry-meta li:last-child {
margin-right: 0px;
}
.entry-meta li i {
vertical-align: middle;
}
.entry-meta span {
font-size: 12px;
}
.entry-meta i {
margin-right: 5px;
}
.entry-meta.entry-footer span {
display: block;
}
.read-more {
float: right;
}
.read-more {
font-size: 14px;
padding-left: 5px;
}
.posts-navigation,
#pagination {
text-align: center;
}
#btn_newer,
#btn_holder,
.nav-links .nav-previous,
.nav-links .nav-next {
display: inline-block;
}
#btn_newer + #btn_holder,
.nav-links .nav-previous + .nav-next {
margin-left: 5px;
}
#btn_newer a,
#btn_holder a,
.nav-links .nav-previous a,
.nav-links .nav-next a {
padding: 8px 16px;
}
.entry-footer {
clear: both;
}
.entry-video iframe {
width: 100%;
}
.no-sidebar.page-template-full-width #primary {
max-width: 100%;
}
.no-sidebar.page-template-full-width #primary,
.page-template-full-width #primary article {
padding: 0;
}
.page-template-full-width #primary article {
background-color: transparent;
}
.page-template-full-width.no-sidebar #content {
margin-top: 0;
margin-bottom: 0;
}
.page-template-full-width.no-sidebar #primary article {
margin: 0px 20px;
}
/*--------------------------------------------------------------
# Post list for page-template-post-masonry and masonry gallery
--------------------------------------------------------------*/
.page-template-blog-masonry #primary article.masonry, .page-template-blog-masonry-full-width #primary article.masonry {
width: 48%;
background: #fff;
padding: 0;
margin: 0 0 2% 0;
float: left;
}
.page-template-blog-masonry .grid-masonry:after, .page-template-blog-masonry-full-width .grid-masonry:after {
content: '';
display: block;
clear: both;
}
.page-template-blog-masonry #primary article.masonry .entry-header, .page-template-blog-masonry #primary article.masonry .entry-content, .page-template-blog-masonry #primary article.masonry .entry-meta, .page-template-blog-masonry-full-width #primary article.masonry .entry-header, .page-template-blog-masonry-full-width #primary article.masonry .entry-content, .page-template-blog-masonry-full-width #primary article.masonry .entry-meta {
padding: 0px 20px;
}
.page-template-blog-masonry .grid-sizer, .page-template-blog-masonry-full-width .grid-sizer {
width: 48%;
}
.page-template-blog-masonry .grid-gutter, .page-template-blog-masonry-full-width .grid-gutter {
width: 2%;
}
.maxsdesign-masonry-gallery .gallery-item {
width: 48%;
background: #fff;
padding: 0;
margin: 0 0 2% 0;
float: left;
}
.maxsdesign-masonry-gallery:after {
content: '';
display: block;
clear: both;
}
.grid-sizer {
width: 48%;
}
.grid-gutter {
width: 2%;
}
.maxsdesign-masonry-gallery .gallery-item img {
width: 100%;
height: 100%;
}
/*--------------------------------------------------------------
# Default gallery
--------------------------------------------------------------*/
.gallery {
margin-bottom: 30px;
}
.gallery-item {
display: inline-block;
vertical-align: top;
padding: 0 1%;
margin-bottom: 1%;
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1%;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.left-third-sidebar #secondary-content, .left-fourth-sidebar #secondary-content {
clear: both;
}
@media (max-width: 992px) {
.right-sidebar #primary-content,
.left-sidebar #primary-content,
.right-sidebar #secondary-content,
.left-sidebar #secondary-content {
width: 100% !important;
}
}
.no-sidebar #secondary-content {
display: none;
}
.no-sidebar #primary-content, .right-sidebar #primary-content, .left-sidebar #primary-content {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
padding: 0;
}
@media (min-width: 992px) {
.no-sidebar #primary-content, .right-sidebar #primary-content, .left-sidebar #primary-content {
float: left;
width: 100%;
}
}
.right-sidebar #secondary-content, .left-sidebar #secondary-content {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
padding: 0;
}
@media (min-width: 992px) {
.right-sidebar #secondary-content, .left-sidebar #secondary-content {
float: left;
width: 100%;
}
}
.widget-area .search-form {
position: relative;
}
.widget-area .search-form label {
width: 100%;
margin-bottom: 0;
}
#secondary-content .widget-area section {
position: relative;
margin-bottom: 20px;
background: #fff;
padding: 20px;
z-index: 0;
}
#secondary-content .widget-area section:before {
position: absolute;
top: 0;
left: 0;
display: block;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
z-index: -1;
}
.widget-area section > :last-child {
margin-bottom: 0;
}
.widget_search .search-submit {
position: absolute;
top: 5px;
right: 0px;
}
.widget_recent_entries .post-date {
display: block;
line-height: 1.2;
}
.widget.widget_calendar table {
width: 100%;
}
.widget.widget_calendar td,
.widget.widget_calendar th,
.widget.widget_calendar thead {
padding: 2%;
text-align: left;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
position: relative;
z-index: 0;
background: #ffffff;
}
footer.container, .site-info.container {
padding: 0;
}
#footer:before {
position: absolute;
top: 0;
left: 0;
display: block;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "";
z-index: -1;
}
/*--------------------------------------------------------------
# Footer widget
--------------------------------------------------------------*/
#footer .widget-area {
padding: 20px;
}
#footer .footer-widget-wrapper {
padding: 0;
}
/*--------------------------------------------------------------
# Site info
--------------------------------------------------------------*/
.site-info {
background: #000;
color: #fff;
text-align: center;
}
.site-info .container {
padding: 40px;
}
.site-info a {
color: #ffffff;
}
.site-info p {
margin: 0;
}
/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
#comments .comments-title {
margin-bottom: 30px;
}
#comments ul.comment-list {
padding-left: 100px;
list-style-type: none;
}
.comment-list .children > li {
list-style-type: none;
}
.comment-meta {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(119, 119, 119, 0.2);
}
.comment-author.vcard {
position: relative;
color: #222222;
}
.comment-author.vcard img {
position: absolute;
left: -100px;
border-radius: 40px;
}
.comment-author.vcard .fn {
font-weight: normal;
}
.comment-author.vcard .says {
font-style: italic;
font-weight: 300;
}
.comment-metadata a {
font-weight: 300;
}
.comment-list .reply a:before {
padding-right: 10px;
content: "\f112";
font: normal normal normal 18px/1 FontAwesome;
}
.comment-reply-link {
color: #999;
font-size: 14px;
}
@media (max-width: 400px) {
#comments ul.comment-list,
.comment-list .children {
padding-left: 0;
}
.comment-author.vcard img {
position: relative;
left: 0px;
width: 40px;
}
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Flexslider
--------------------------------------------------------------*/
/*
/* Avoid cutting arrow in Flexslider */
.flexslider .flex-direction-nav a {
overflow: visible;
}
/*
==============================================
Menu IN and OUT
==============================================
*/
#mobile-menu-wrapper.menuIn {
right: 0px;
animation-name: menuIn;
-webkit-animation-name: menuIn;
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes menuIn {
from {
right: -100%;
}
to {
right: 0px;
}
}
#mobile-menu-wrapper.menuOut {
right: -100%;
animation-name: menuOut;
-webkit-animation-name: menuOut;
animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes menuOut {
from {
right: 0px;
}
to {
right: -100%;
}
}
@media (min-width: 992px) {
/*--------------------------------------------------------------
# Site header
--------------------------------------------------------------*/
.show-header-image #header-wrapper {
background-attachment: fixed;
}
#heading {
display: block;
}
#heading h1 {
margin: 0px;
font-size: 42px;
}
#heading ul.entry-meta li {
float: right;
margin: 0px;
}
.float-right-nav #heading > :not(:last-child),
.float-left-nav #heading > :not(:last-child) {
margin: 0;
}
.float-right-nav #site-title {
float: left;
}
.float-left-nav #site-title {
float: right;
}
.float-left-nav #logo-header,
.float-left-nav #sticky-logo {
float: right;
}
.float-right-nav #logo-header,
#sticky-logo {
float: left;
}
.float-right-nav #logo-header,
.float-left-nav #logo-header,
.logo-inside-header #sticky-logo {
display: block;
}
#logo-header #logo-mobile,
#sticky-logo #logo-mobile {
display: none;
}
#logo-header #logo {
display: inline-block;
}
#main-nav-wrapper {
display: block;
}
.float-right-nav #main-nav-wrapper,
.logo-inside-header #sticky-nav-wrapper .main-nav {
float: right;
}
.float-left-nav #main-nav-wrapper,
.logo-inside-header.float-left-nav #sticky-nav-wrapper .main-nav {
float: left;
}
.mobile-nav-bar {
display: none;
}
#sticky-nav-wrapper .main-nav, #main-nav-wrapper .main-nav {
display: block;
}
#top-searchform .search-form label {
width: 50%;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.right-sidebar #secondary-content, .left-sidebar #secondary-content {
width: 24%;
padding: 0;
}
.right-sidebar #primary-content, .left-sidebar #primary-content {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
padding: 0;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.right-sidebar #primary-content, .left-sidebar #primary-content {
float: left;
width: 75%;
}
}
@media (min-width: 992px) {
.no-sidebar #primary-content {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px;
padding: 0;
}
}
@media (min-width: 992px) and (min-width: 992px) {
.no-sidebar #primary-content {
float: left;
width: 100%;
}
}
@media (min-width: 992px) {
.left-sidebar #primary-content {
float: right;
}
.left-sidebar #secondary-content {
clear: none;
}
.right-sidebar #secondary-content {
float: right;
}
}
@media (min-width: 1200px) {
/*--------------------------------------------------------------
# Site header
--------------------------------------------------------------*/
.site-branding {
text-align: left;
}
.search-form-icon {
position: absolute;
right: 0px;
top: 0;
}
/*--------------------------------------------------------------
# Site content
--------------------------------------------------------------*/
}
/*# sourceMappingURL=brand.css.map */