Your IP : 216.73.216.162
www/wp-content/themes/hestia/inc/customizer/controls/custom-controls/radio-image/style.css 0000644 00000004276 15111522541 0031267 0 ustar 00 home/xbodynamge .customize-control-radio-image .ui-buttonset {
text-align: center;
}
.customize-control-radio-image label {
display: inline-block;
max-width: 33.3%;
padding: 3px;
font-size: inherit;
line-height: inherit;
height: auto;
cursor: pointer;
border-width: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
vertical-align: inherit;
}
.customize-control-radio-image label:first-of-type {
float: left;
}
.customize-control-radio-image label:nth-of-type(n + 3){
float: right;
}
.customize-control-radio-image label:hover {
background: none;
border-color: inherit;
color: inherit;
}
.customize-control-radio-image label:active {
background: none;
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.customize-control-radio-image img { border: 1px solid transparent; }
.customize-control-radio-image .ui-state-active img {
border-color: #00b6ff;
-webkit-box-shadow: 0 0 1px #3ec8ff;
box-shadow: 0 0 5px #3EC8FE;
}
#customize-control-header_video, #customize-control-external_header_video{
display: none;
}
/**
* Tab styling
*/
.customizer-tab:not(.customizer-subtab){
display: table;
width: calc(100% + 28px);
margin: -15px 0 0 -12px;
}
.customizer-tab:not(.customizer-subtab) label{
border-right: 1px solid #ddd;
display: inherit;
width: 50%;
vertical-align: top;
max-width: 100%;
text-transform: capitalize;
background: #fff;
padding: 10px 0;
text-decoration: none;
font-weight: 600;
transition: all .3s ease;
color: #333;
}
.customizer-tab:not(.customizer-subtab) label i{
color: #333;
margin-right: 4px;
}
.customizer-tab:not(.customizer-subtab) label.ui-state-active{
box-shadow: inset 0 -3px 0 0 #0085ba;
color: #0085ba;
background-color: #fff;
}
.customizer-tab:not(.customizer-subtab) label:last-child{
border:none;
} home/xbodynamge/www/wp-content/themes/hestia/style.css 0000644 00000637517 15111664313 0017213 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Hestia
Theme URI: https://themeisle.com/themes/hestia/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Version: 1.1.86
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hestia
WordPress Available: yes
Requires License: no
Tags: blog, custom-logo, portfolio, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Hestia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
a, .btn.btn-border, .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label, .pagination a, .pagination span, .card-background:after, .authors-on-blog .footer a, .hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group), .hestia-top-bar .widget.widget_shopping_cart .cart_list, .hestia-top-bar li a[href*="facebook.com"]:before, .hestia-top-bar li a[href*="twitter.com"]:before, .hestia-top-bar li a[href*="pinterest.com"]:before, .hestia-top-bar li a[href*="google.com"]:before, .hestia-top-bar li a[href*="linkedin.com"]:before, .hestia-top-bar li a[href*="dribbble.com"]:before, .hestia-top-bar li a[href*="github.com"]:before, .hestia-top-bar li a[href*="youtube.com"]:before, .hestia-top-bar li a[href*="instagram.com"]:before, .hestia-top-bar li a[href*="reddit.com"]:before, .hestia-top-bar li a[href*="tumblr.com"]:before, .hestia-top-bar li a[href*="behance.com"]:before, .hestia-top-bar li a[href*="snapchat.com"]:before, .hestia-top-bar li a[href*="deviantart.com"]:before, .hestia-top-bar li a[href*="vimeo.com"]:before {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button,
input[type="submit"],
input[type="button"],
.btn {
-webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.form-control,
.form-group .form-control,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea, div.wpforms-container .wpforms-form input[type=date],
div.wpforms-container .wpforms-form input[type=datetime],
div.wpforms-container .wpforms-form input[type=datetime-local],
div.wpforms-container .wpforms-form input[type=email],
div.wpforms-container .wpforms-form input[type=month],
div.wpforms-container .wpforms-form input[type=number],
div.wpforms-container .wpforms-form input[type=password],
div.wpforms-container .wpforms-form input[type=range],
div.wpforms-container .wpforms-form input[type=search],
div.wpforms-container .wpforms-form input[type=tel],
div.wpforms-container .wpforms-form input[type=text],
div.wpforms-container .wpforms-form input[type=time],
div.wpforms-container .wpforms-form input[type=url],
div.wpforms-container .wpforms-form input[type=week],
div.wpforms-container .wpforms-form select,
div.wpforms-container .wpforms-form textarea, .form-group.is-focused .form-control, div.wpforms-container .wpforms-form .form-group.is-focused .form-control, .btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled.active,
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn.focus:disabled,
.btn:disabled:active,
.btn.active:disabled,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled].focus,
.btn[disabled]:active,
.btn[disabled].active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active, .btn.btn-simple,
.btn.btn-default.btn-simple, .btn.btn-primary.btn-simple, .btn.btn-danger.btn-simple, .btn.btn-rose.btn-simple, .btn.btn-white.btn-simple, .btn.btn-border, .btn.btn-border:hover, .btn.btn-border:focus, .navbar button.navbar-toggle, .navbar button.navbar-toggle:hover, .btn.btn-facebook.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple, .btn.btn-twitter.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple, .btn.btn-pinterest.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple, .btn.btn-google.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple, .btn.btn-linkedin.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple, .btn.btn-dribbble.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple, .btn.btn-github.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-github.btn-simple, .btn.btn-youtube.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple, .btn.btn-instagram.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple, .btn.btn-reddit.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple, .btn.btn-tumblr.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple, .btn.btn-behance.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple, .btn.btn-snapchat.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple, .btn.btn-deviantart.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple, .btn.btn-vimeo.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple, .form-group.is-focused select.form-control, .form-group.has-warning .form-control, .form-group.has-error .form-control, .form-group.has-success .form-control, .form-group.has-info .form-control, select.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-control,
.form-group .form-control,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea, div.wpforms-container .wpforms-form input[type=date],
div.wpforms-container .wpforms-form input[type=datetime],
div.wpforms-container .wpforms-form input[type=datetime-local],
div.wpforms-container .wpforms-form input[type=email],
div.wpforms-container .wpforms-form input[type=month],
div.wpforms-container .wpforms-form input[type=number],
div.wpforms-container .wpforms-form input[type=password],
div.wpforms-container .wpforms-form input[type=range],
div.wpforms-container .wpforms-form input[type=search],
div.wpforms-container .wpforms-form input[type=tel],
div.wpforms-container .wpforms-form input[type=text],
div.wpforms-container .wpforms-form input[type=time],
div.wpforms-container .wpforms-form input[type=url],
div.wpforms-container .wpforms-form input[type=week],
div.wpforms-container .wpforms-form select,
div.wpforms-container .wpforms-form textarea {
background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
float: none;
border: 0;
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom, center -webkit-calc(100% - 1px);
background-position: center bottom, center calc(100% - 1px);
background-size: 0 2px, 100% 1px;
font-weight: 400;
-webkit-transition: background 0s ease-out;
transition: background 0s ease-out;
}
.form-group.is-focused .form-control, div.wpforms-container .wpforms-form .form-group.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
outline: none;
background-size: 100% 2px,100% 1px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.navbar .navbar-brand,
.carousel .sub-title,
h4.author,
.hestia-about p,
.card-product .price,
.card-product .price h4,
.blog-sidebar .widget h5,
.shop-sidebar .widget h5,
blockquote,
.media .media-heading,
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 18px;
}
a:not(.btn) {
transition: .3s ease;
}
a:not(.btn):hover {
opacity: .75;
}
.media p,
h3#ship-to-different-address {
font-size: 16px;
}
body,
.btn,
.form-control,
ul,
ol,
.woocommerce #reviews #comments label {
font-size: 14px;
}
.navbar,
.navbar a,
.label,
.footer .footer-menu a,
.media-footer a,
.hestia-top-bar {
font-size: 12px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 300;
line-height: 1.618;
}
ul, ol,
.blog-post .section-text p,
output {
line-height: 1.618;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
line-height: 1.618;
}
h6.category {
font-weight: 500;
}
.hestia-title,
.title,
.card-title,
.info-title,
.footer-brand,
.footer-big h4,
.footer-big h5,
.media .media-heading,
.woocommerce.archive .blog-post .products .product-category h2 {
font-weight: 700;
}
button,
input[type="submit"],
input[type="button"],
.btn {
font-size: 12px;
font-weight: 400;
}
.btn:not(.btn-just-icon):not(.btn-fab) .fa {
font-size: 18px;
}
.btn.btn-just-icon {
font-size: 20px;
line-height: 20px;
}
.btn.btn-just-icon.btn-lg {
font-size: 22px;
}
.btn .fa {
font-size: 17px;
}
legend {
font-size: 21px;
}
output {
font-size: 14px;
}
button,
input,
select,
textarea {
font-size: inherit;
line-height: inherit;
}
.form-control {
font-size: 14px;
line-height: 1.42857;
}
.form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder,
.checkbox label,
.form-group .checkbox label,
.radio label,
.form-group .radio label,
label,
.form-group label {
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder,
.form-group .form-control::-moz-placeholder,
.form-group .form-control:-ms-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
font-weight: 400;
}
.form-group label.control-label {
font-size: 11px;
font-weight: 400;
line-height: 1.07143;
}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
font-size: 14px;
line-height: 1.42857;
}
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
font-size: 11px;
line-height: 1.07143;
}
label.control-label {
font-size: 11px;
font-weight: 400;
line-height: 1.07143;
}
label.subscribe-label {
font-weight: 300;
}
table > thead > tr > th {
font-size: 17px;
font-weight: 300;
}
.help-block {
font-size: 11px;
}
.hestia-info .icon > i,
.info .icon > i {
font-size: 61.6px;
}
.info-horizontal .icon > i {
font-size: 36.4px;
}
.media .media-heading {
font-size: 18.2px;
}
.media p {
font-size: 16px;
/*line-height: 25.6px;*/
}
.wp-caption-text {
font-size: 14px;
font-weight: 700;
}
.blog-post .comment-reply-link {
font-size: 12px;
font-weight: 400;
}
.blog-post .section-blog-info .card-profile .description {
font-size: 14px;
}
.carousel .carousel-control .fa {
font-size: 50px;
}
.card .footer .stats {
line-height: 30px;
}
.card .footer .stats .fa {
font-size: 18px;
}
.card .category .fa {
line-height: 0;
}
.card-product .footer h4 {
line-height: 1.2;
}
.card-title,
.card-product .category {
line-height: 1.4;
}
.card-pricing .card-title {
font-size: 60px;
line-height: 35px;
}
.card-pricing .card-title small {
font-size: 18px;
}
.card-pricing .card-title small:first-child {
font-size: 26px;
}
.navbar .navbar-brand {
line-height: 30px;
}
.navbar .navbar-nav > li > a {
font-weight: 400;
}
.navbar .navbar-nav > li > a .fa {
font-size: 20px;
}
.navbar .dropdown-menu li > a {
font-size: 13px;
}
.navbar .dropdown-menu li > a > i {
font-size: 20px;
}
.navbar .dropdown-menu li > a .fa {
font-size: 20px;
}
.navbar .hestia-mm-heading > span {
font-size: 14px;
font-weight: 600;
}
.responsive-nav-cart {
display: none;
}
.nav-cart .nav-cart-icon .fa {
font-size: 20px;
}
.nav-cart .nav-cart-icon span {
font-size: 9px;
line-height: 1;
}
.nav-cart .nav-cart-content .widget li a:not(.remove) {
line-height: normal;
font-weight: 400;
}
.nav-cart .nav-cart-content .widget .total {
line-height: 1;
}
.nav-cart .nav-cart-content .widget .buttons .button {
font-size: 12px;
font-weight: 400;
}
.hestia-mm-description {
font-size: 12px;
font-weight: 400;
}
.hestia-top-bar {
line-height: 40px;
}
.hestia-top-bar .widget,
.hestia-top-bar .widget h5,
.hestia-top-bar .widget .textwidget {
line-height: inherit;
}
.hestia-top-bar .widget.widget_search .label-floating, .hestia-top-bar .widget.widget_product_search .label-floating {
font-size: inherit;
}
.hestia-top-bar .widget.widget_search .label-floating.is-empty, .hestia-top-bar .widget.widget_product_search .label-floating.is-empty {
font-size: inherit;
font-weight: 300;
}
.hestia-top-bar .widget.widget_search .label-floating.is-focused .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-focused .control-label {
font-size: inherit;
line-height: 20px;
}
.hestia-top-bar .widget.widget_search form.form-group input[type=search], .hestia-top-bar .widget.widget_product_search form.form-group input[type=search] {
font-size: inherit;
font-weight: 300;
}
.hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before {
font-size: 18px;
}
.hestia-top-bar .widget.widget_shopping_cart:before {
font-size: 18px;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li.empty {
font-size: inherit;
line-height: 1.2;
}
.hestia-top-bar ul {
line-height: inherit;
}
.hestia-top-bar ul li a {
font-size: inherit;
line-height: inherit;
}
.hestia-top-bar ul li a:before {
font-size: 16px;
}
.pagination a,
.pagination span {
font-size: 12px;
font-weight: 400;
line-height: 30px;
}
.footer .widget h5 {
line-height: 1.4;
}
.footer-big .footer-menu li a[href*="mailto:"],
.footer-big .footer-menu li a[href*="tel:"] {
font-size: 0;
}
.footer-big .footer-menu li a[href*="mailto:"]:before,
.footer-big .footer-menu li a[href*="tel:"]:before {
font-size: 16px;
}
.footer-big ul li a {
font-weight: 500;
}
h5.description {
line-height: 1.5;
}
.hestia-about {
font-weight: 300;
}
.hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 {
font-weight: 700;
}
.contactus .pirate_forms_wrap .form_field_wrap {
line-height: 0;
}
.widget h5 {
font-weight: 700;
}
.searchform:after,
.search-form:after,
.woocommerce-product-search:after {
font-size: 18px;
}
.header-widgets-wrapper .widget,
.header-widgets-wrapper .widget h5,
.header-widgets-wrapper .widget .textwidget {
line-height: inherit;
}
.header-widgets-wrapper .widget.widget_shopping_cart:before {
font-size: 18px;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li.empty {
font-size: inherit;
line-height: 1.2;
}
.header-widgets-wrapper ul {
line-height: inherit;
}
.header-widgets-wrapper ul li a {
font-size: inherit;
line-height: inherit;
}
.header-widgets-wrapper ul li a:before {
font-size: 16px;
}
.woocommerce ul.product_list_widget li,
.footer ul.product_list_widget li,
ul.product_list_widget li {
font-size: 14px;
}
.woocommerce ul.product_list_widget li a,
.footer ul.product_list_widget li a,
ul.product_list_widget li a {
line-height: normal;
font-weight: 400;
}
#secondary div[id^=woocommerce_rating_filter] li a,
.footer div[id^=woocommerce_rating_filter] li a {
font-weight: 300;
}
#secondary div[id^=woocommerce_layered_nav] ul li a,
#secondary div[id^=woocommerce_product_categories] ul li a,
.footer div[id^=woocommerce_layered_nav] ul li a,
.footer div[id^=woocommerce_product_categories] ul li a {
font-weight: 400;
font-size: 14px;
}
#secondary div[id^=woocommerce_layered_nav] ul .count,
#secondary div[id^=woocommerce_product_categories] ul .count,
.footer div[id^=woocommerce_layered_nav] ul .count,
.footer div[id^=woocommerce_product_categories] ul .count {
font-size: 14px;
}
#secondary div[id^=woocommerce_recent_reviews] .reviewer,
.footer div[id^=woocommerce_recent_reviews] .reviewer {
font-size: 15px;
}
#secondary div[id^=woocommerce_price_filter] .button,
.footer div[id^=woocommerce_price_filter] .button {
font-size: 12px;
}
#secondary div[id^=woocommerce_price_filter] .price_slider,
.footer div[id^=woocommerce_price_filter] .price_slider {
font-size: inherit;
line-height: inherit;
}
#secondary div[id^=woocommerce_price_filter] .price_label,
.footer div[id^=woocommerce_price_filter] .price_label {
font-size: 14px;
}
div[id^=woocommerce_product_tag_cloud].widget a {
font-weight: 600;
line-height: 27px;
font-size: 10px !important;
}
div[id^=woocommerce_layered_nav_filters].widget li a {
font-weight: 100;
}
.widget_shopping_cart.widget .remove {
font-size: 18px;
line-height: 18px;
font-weight: 600;
}
.widget_shopping_cart.widget .variation dt,
.widget_shopping_cart.widget .variation dd {
font-size: 12px;
line-height: 14px;
}
.widget_shopping_cart.widget .variation dd p {
font-size: 12px;
line-height: 14px;
}
aside .widget a {
font-weight: 500;
}
.star-rating {
line-height: 1;
font-size: 12px;
}
.woocommerce.single-product .product_title {
font-weight: 700;
}
.woocommerce.single-product .summary .price,
.woocommerce.single-product .woocommerce-variation-price .price {
font-weight: 300;
}
.woocommerce.single-product .summary .price del,
.woocommerce.single-product .summary .price ins,
.woocommerce.single-product .summary .price span,
.woocommerce.single-product .woocommerce-variation-price .price del,
.woocommerce.single-product .woocommerce-variation-price .price ins,
.woocommerce.single-product .woocommerce-variation-price .price span {
font-weight: 300;
}
.woocommerce.single-product .summary .price ins {
font-weight: 400;
}
.woocommerce.single-product .summary .price.price-unit {
font-size: 16px;
}
.woocommerce.single-product div.product form.cart table.variations td.value:before {
font-size: 12px;
}
.woocommerce.single-product div.product form.cart table.variations td label {
font-weight: 400;
}
.woocommerce.single-product div.product form.cart .reset_variations {
font-size: 14px;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.woocommerce.single-product .product .woocommerce-product-rating .star-rating {
font-size: 12px;
}
.woocommerce.single-product .product .woocommerce-review-link {
font-size: 14px;
}
.woocommerce.single-product .section-text {
font-size: 14px;
}
.woocommerce .shop-item p {
font-size: 14px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
font-size: 12px;
font-weight: 300;
line-height: 50px;
}
.woocommerce .single-product div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
font-size: 12px;
font-weight: 400;
}
.woocommerce input.button.alt {
font-size: 12px;
font-weight: 400;
}
.woocommerce input.button:disabled {
font-size: 12px;
font-weight: 400;
}
.woocommerce input.button[disabled] {
font-size: 12px;
font-weight: 400;
}
.woocommerce .cart-collaterals .cart_totals th {
font-weight: 300;
}
.woocommerce .cart-collaterals .cart_totals td {
font-weight: 700;
}
.woocommerce .cart-collaterals .cart_totals .checkout-button {
font-size: 14px;
}
.woocommerce .product .card-product .card-description p {
font-weight: 300;
}
.woocommerce ul.products li.product .price ins {
font-weight: 300;
}
.woocommerce .hestia-features p {
font-weight: 300;
}
.woocommerce .related.products h2 {
font-weight: 700;
}
.woocommerce ul.products li.product .price {
font-weight: 300;
}
.woocommerce ul.products li.product .price.price-unit {
font-size: 12px;
}
.woocommerce nav.woocommerce-pagination ul li a {
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.woocommerce nav.woocommerce-pagination ul li span {
line-height: 30px;
}
.woocommerce dl.variation dd p {
font-size: 14px;
}
.woocommerce .col2-set .woocommerce-account-fields label.checkbox span {
font-weight: 300;
}
.woocommerce .woocommerce-breadcrumb {
font-size: 12px;
}
.woocommerce .section-text {
font-size: 14px;
}
.woocommerce .woocommerce-result-count {
font-size: 14px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
font-size: 12px;
font-weight: 300;
line-height: 35px;
border-radius: 3px;
width: auto;
height: auto;
}
.woocommerce .woocommerce-ordering:before {
font-size: 12px;
}
.woocommerce .product .wc-gzd-additional-info {
font-size: 12px;
line-height: 1.5;
}
.woocommerce .comment-reply-title {
font-weight: 700;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
font-size: 75%;
}
.woocommerce.archive .blog-post .products li.product-category a h2 {
line-height: 1.5;
}
.woocommerce.archive .blog-post .products li.product-category a h2 .count {
font-weight: 300;
}
.products .shop-item .added_to_cart {
font-size: 10px;
}
.woocommerce-cart .shop_table .actions .coupon .input-text {
font-size: 14px;
}
.woocommerce-cart table.shop_table th {
font-size: 13px;
font-weight: 300;
}
.woocommerce-cart table.shop_table .product-name a {
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.woocommerce-cart table.shop_table td.actions input[type=submit], .woocommerce-cart table.shop_table td.actions button[type=submit] {
font-size: 14px;
}
.woocommerce-cart p.units-info {
line-height: 1.5;
font-size: 14px;
}
.woocommerce-cart .wc-gzd-additional-wrapper p {
font-size: 14px;
font-weight: 700;
}
.woocommerce-checkout .form-row label {
font-weight: 300;
}
.woocommerce-checkout .woocommerce-checkout-payment .form-row .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .woocommerce-checkout-payment li > label {
font-weight: 400;
}
.woocommerce-checkout .woocommerce-shipping-fields h3 label {
line-height: 1;
}
.woocommerce-checkout .woocommerce-shipping-fields h3 label span {
font-weight: 300;
}
.woocommerce-checkout .col-md-12 #customer_details label {
font-weight: 500;
}
.woocommerce-checkout .shop_table tr td p.units-info {
font-size: 12px;
}
.woocommerce-checkout .shop_table .wc-gzd-additional-info {
font-size: 14px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 12px;
font-weight: 400;
}
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account a.button {
line-height: 20px !important;
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-weight: 600;
}
.added_to_cart.wc-forward {
font-weight: 400;
font-size: 10px;
line-height: 30px;
}
.variations tr .label {
font-size: 14px;
}
.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
line-height: 20px;
}
.woocommerce-info li,
.woocommerce-error li,
.woocommerce-message li {
line-height: 1.5;
}
.woocommerce-info > a.button,
.woocommerce-error > a.button,
.woocommerce-message > a.button {
font-size: 12px;
font-weight: bold;
}
.woocommerce-info a {
font-weight: 700;
}
.woocommerce-message a:not(.button) {
font-weight: 800;
}
@media (max-width: 991px) {
.woocommerce-account input.woocommerce-Button.button {
font-size: 11px;
}
.woocommerce-breadcrumb {
line-height: 33px;
}
}
@media (min-width: 769px) {
.navbar.full-screen-menu .navbar-nav > li a {
font-size: 17px;
}
}
@media (max-width: 768px) {
h4.author {
font-size: 16px;
}
.woocommerce-cart table.shop_table dl.variation dd,
.woocommerce-cart table.shop_table dl.variation dt {
font-size: 16px;
line-height: 30px;
}
.woocommerce-cart table.shop_table dl.variation dd p {
font-size: 16px;
}
.woocommerce-cart table.shop_table td.product-name {
line-height: 30px;
}
.woocommerce-checkout td.product-name dl.variation dt,
.woocommerce-checkout td.product-name dl.variation dd {
font-size: 16px;
}
.woocommerce-checkout td.product-name dl.variation dd p {
font-size: 16px;
}
.navbar .navbar-nav li > a > i,
.navbar .navbar-nav li > a .fa {
font-size: 22px;
}
.navbar .navbar-nav li .caret {
font-size: 20px;
}
.navbar .navbar-nav li .dropdown > i,
.navbar .navbar-nav li .dropdown .fa {
font-size: 20px;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a {
line-height: 20px;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a .caret {
line-height: 1;
}
}
@media (max-width: 480px) {
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
font-size: 12px;
}
}
body {
direction: ltr;
color: #3C4858;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
a {
color: #9c27b0;
}
a:hover, a:focus {
color: #89229b;
text-decoration: none;
}
blockquote p {
font-style: italic;
}
h3 {
margin: 20px 0 10px;
}
h5 {
margin-bottom: 15px;
}
h6.category {
text-transform: uppercase;
}
.hestia-title, .title, .card-title, .info-title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .woocommerce.archive .blog-post .products .product-category h2 {
font-family: "Roboto Slab", "Times New Roman", serif;
}
.hestia-title, .hestia-title a, .hestia-title a:hover, .title, .title a, .title a:hover, .card-title, .card-title a, .card-title a:hover, .info-title, .info-title a, .info-title a:hover, .footer-brand, .footer-brand a, .footer-brand a:hover, .footer-big h4, .footer-big h4 a, .footer-big h4 a:hover, .footer-big h5, .footer-big h5 a, .footer-big h5 a:hover, .media .media-heading, .media .media-heading a, .media .media-heading a:hover, .woocommerce.archive .blog-post .products .product-category h2, .woocommerce.archive .blog-post .products .product-category h2 a, .woocommerce.archive .blog-post .products .product-category h2 a:hover {
color: #3C4858;
text-decoration: none;
word-wrap: break-word;
}
.page-header .hestia-title {
line-height: 1.1;
}
h1.title,
h1.hestia-title,
.pricing h2.title,
.pricing h2.hestia-title,
.contactus h2.title,
.contactus h2.hestia-title {
margin-bottom: 30px;
}
h2.title,
h2.hestia-title {
margin-bottom: 10px;
}
.carousel h1.hestia-title,
.carousel h2.title {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.carousel span.sub-title {
display: block;
margin: 10px 0 0;
font-family: "Roboto Slab", "Times New Roman", serif;
}
.carousel .buttons {
margin-top: 60px;
}
.carousel .buttons a {
padding: 17px 35px;
}
.description, .card-description, .footer-big {
color: #999999;
}
.subscribe-line-image .subscribe-description {
color: #efefef;
}
.text-warning {
color: #ff9800;
}
.text-primary {
color: #9c27b0;
}
.text-danger {
color: #f44336;
}
.text-success {
color: #4caf50;
}
.text-info {
color: #00bcd4;
}
.text-rose {
color: #e91e63;
}
.text-gray {
color: #999999;
}
.single-post .blog-post .section-text h1, .single-post .blog-post .section-text h2, .single-post .blog-post .section-text h3, .single-post .blog-post .section-text h4, .single-post .blog-post .section-text h5, .single-post .blog-post .section-text h6,
.single-post .blog-post .section-text p,
.page:not(.woocommerce-page) .blog-post .section-text h1,
.page:not(.woocommerce-page) .blog-post .section-text h2,
.page:not(.woocommerce-page) .blog-post .section-text h3,
.page:not(.woocommerce-page) .blog-post .section-text h4,
.page:not(.woocommerce-page) .blog-post .section-text h5,
.page:not(.woocommerce-page) .blog-post .section-text h6,
.page:not(.woocommerce-page) .blog-post .section-text p {
margin: 0 0 15px;
}
.tooltip {
opacity: 0;
-webkit-transition: opacity,-webkit-transform 0.2s ease;
transition: opacity,-webkit-transform 0.2s ease;
transition: opacity,transform 0.2s ease;
transition: opacity,transform 0.2s ease,-webkit-transform 0.2s ease;
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.tooltip.in {
opacity: 1;
-webkit-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
.tooltip.left .tooltip-arrow {
border-left-color: #fff;
}
.tooltip.right .tooltip-arrow {
border-right-color: #fff;
}
.tooltip.top .tooltip-arrow {
border-top-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #fff;
}
.tooltip-inner {
min-width: 130px;
padding: 10px 15px;
border: none;
border-radius: 3px;
color: #555;
background: #fff;
-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.5;
text-transform: none;
}
.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;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
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. */
}
.container {
max-width: 100%;
}
@media (min-width: 749px) {
.container {
max-width: 748px;
}
}
@media (min-width: 768px) {
.container {
max-width: 750px;
}
}
@media (min-width: 992px) {
.container {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 2000px;
}
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
body {
direction: ltr;
background-color: #e5e5e5;
overflow-x: hidden;
}
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
}
embed, iframe, img, object, video, button, input, select, textarea, .wp-caption {
max-width: 100%;
}
img {
height: auto;
}
ul, ol {
margin-bottom: 30px;
}
legend {
border-bottom: 0;
}
.container {
max-width: 100%;
}
.margin-left-auto {
margin-left: auto;
}
.margin-right-auto {
margin-right: auto;
}
.animation-transition-fast, .navbar, .panel .panel-heading i, .section-cards .card {
-webkit-transition: all 150ms ease;
transition: all 150ms ease;
}
.thumbnail {
padding: 0;
border: 0 none;
border-radius: 0;
}
.section-image .description .default-link,
.section-image .default-link,
.hestia-title .default-link,
.title .default-link,
.default-link:hover,
.default-link {
color: #fff;
}
.description .default-link {
color: #999999;
}
body.menu-open {
overflow: hidden;
}
@media (min-width: 992px) {
.row.hestia-like-table {
display: table;
width: 100%;
}
.row.hestia-like-table > div {
display: table-cell;
vertical-align: middle;
float: none;
}
}
@media (max-width: 991px) {
.hestia-xs-text-center {
text-align: center;
}
}
.hestia-blogs article:nth-of-type(6n) .category a,
.related.products ul li:nth-of-type(6n) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n) .category a,
.woocommerce .products li:nth-of-type(6n) .category a,
.shop-item:nth-of-type(6n) .category a,
.related-posts div:nth-of-type(6n) .category a {
color: #4caf50;
}
.hestia-blogs article:nth-of-type(6n+1) .category a,
.related.products ul li:nth-of-type(6n+1) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n+1) .category a,
.woocommerce .products li:nth-of-type(6n+1) .category a,
.shop-item:nth-of-type(6n+1) .category a,
.related-posts div:nth-of-type(6n+1) .category a {
color: #89229b;
}
.hestia-blogs article:nth-of-type(6n+2) .category a,
.related.products ul li:nth-of-type(6n+2) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n+2) .category a,
.woocommerce .products li:nth-of-type(6n+2) .category a,
.shop-item:nth-of-type(6n+2) .category a,
.related-posts div:nth-of-type(6n+2) .category a {
color: #00bcd4;
}
.hestia-blogs article:nth-of-type(6n+3) .category a,
.related.products ul li:nth-of-type(6n+3) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n+3) .category a,
.woocommerce .products li:nth-of-type(6n+3) .category a,
.shop-item:nth-of-type(6n+3) .category a,
.related-posts div:nth-of-type(6n+3) .category a {
color: #f44336;
}
.hestia-blogs article:nth-of-type(6n+4) .category a,
.related.products ul li:nth-of-type(6n+4) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n+4) .category a,
.woocommerce .products li:nth-of-type(6n+4) .category a,
.shop-item:nth-of-type(6n+4) .category a,
.related-posts div:nth-of-type(6n+4) .category a {
color: #ff9800;
}
.hestia-blogs article:nth-of-type(6n+5) .category a,
.related.products ul li:nth-of-type(6n+5) .category a,
.woocommerce.archive .blog-post .products li:nth-of-type(6n+5) .category a,
.woocommerce .products li:nth-of-type(6n+5) .category a,
.shop-item:nth-of-type(6n+5) .category a,
.related-posts div:nth-of-type(6n+5) .category a {
color: #e91e63;
}
/* Audio shortcode */
.wp-audio-shortcode {
margin-bottom: 20px;
}
/* Video Shortcode */
.wp-video-shortcode {
margin-bottom: 20px;
}
input[type="radio"] + label, input[type="checkbox"] + label {
font-weight: 400;
}
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
:focus, :active, ::-moz-focus-inner {
outline: 0 !important;
}
button,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
.btn::-moz-focus-inner {
border: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
padding: 7px;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: 0 !important;
}
button,
input[type="submit"],
input[type="button"],
.btn {
position: relative;
margin: 10px 1px;
padding: 12px 30px;
border: none;
border-radius: 3px;
white-space: normal;
letter-spacing: 0;
text-transform: uppercase;
will-change: box-shadow,transform;
}
input[type="number"] {
padding: 0;
}
button,
input[type="submit"],
input[type="button"],
.btn,
.btn.btn-default {
-webkit-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
button:hover, button:focus, button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
.btn:hover,
.btn:focus,
.btn:active,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn:active:hover,
.btn.active:focus,
.btn.active:hover,
.open > .btn.dropdown-toggle,
.open > .btn.dropdown-toggle:focus,
.open > .btn.dropdown-toggle:hover,
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.btn.btn-default:active:focus,
.btn.btn-default:active:hover,
.btn.btn-default.active:focus,
.btn.btn-default.active:hover,
.open > .btn.btn-default.dropdown-toggle,
.open > .btn.btn-default.dropdown-toggle:focus,
.open > .btn.btn-default.dropdown-toggle:hover {
color: #fff;
background-color: #999999;
outline: none;
}
.btn > a:hover,
.btn > a:focus,
.btn > a:active,
.btn:hover > a,
.btn:focus > a,
.btn:active > a {
color: #fff;
}
.btn.btn-simple, .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active,
.btn.btn-default.btn-simple,
.btn.btn-default.btn-simple:hover,
.btn.btn-default.btn-simple:focus,
.btn.btn-default.btn-simple:active {
color: #999999;
background-color: transparent;
}
button, input[type="submit"], input[type="button"], .btn.btn-primary {
-webkit-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}
button:hover, button:focus, button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
.btn.btn-primary.btn-simple, .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active {
color: #9c27b0;
background-color: transparent;
}
button,
button:hover,
input[type="submit"],
input[type="submit"]:hover,
input[type="button"],
input[type="button"]:hover,
input#searchsubmit,
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.open > .btn.btn-primary.dropdown-toggle,
.open > .btn.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-primary.dropdown-toggle:hover {
color: #fff;
background-color: #9c27b0;
}
.btn.btn-danger {
-webkit-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
}
.btn.btn-danger.btn-simple,
.btn.btn-danger.btn-simple:hover,
.btn.btn-danger.btn-simple:focus,
.btn.btn-danger.btn-simple:active,
.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn.btn-danger:active:focus,
.btn.btn-danger:active:hover,
.btn.btn-danger.active:focus,
.btn.btn-danger.active:hover,
.open > .btn.btn-danger.dropdown-toggle,
.open > .btn.btn-danger.dropdown-toggle:focus,
.open > .btn.btn-danger.dropdown-toggle:hover {
color: #fff;
background-color: #f44336;
}
.btn.btn-rose {
-webkit-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
}
.btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}
.btn.btn-rose.btn-simple, .btn.btn-rose.btn-simple:hover, .btn.btn-rose.btn-simple:focus, .btn.btn-rose.btn-simple:active {
color: #e91e63;
background-color: transparent;
}
.btn.btn-rose,
.btn.btn-rose:hover,
.btn.btn-rose:focus,
.btn.btn-rose:active,
.btn.btn-rose.active,
.btn.btn-rose:active:focus,
.btn.btn-rose:active:hover,
.btn.btn-rose.active:focus,
.btn.btn-rose.active:hover,
.open > .btn.btn-rose.dropdown-toggle,
.open > .btn.btn-rose.dropdown-toggle:focus,
.open > .btn.btn-rose.dropdown-toggle:hover {
color: #fff;
background-color: #e91e63;
}
.btn.btn-white {
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
color: #999999;
background-color: #fff;
}
.btn.btn-white.btn-white:focus, .btn.btn-white.btn-white:hover {
color: #fff;
background-color: rgba(153, 153, 153, 0.6);
}
.btn.btn-white.btn-simple {
color: #fff;
background: transparent;
}
.btn.btn-round {
border-radius: 30px;
}
.btn:not(.btn-just-icon):not(.btn-fab) .fa {
position: relative;
}
.btn.btn-just-icon {
padding: 12px;
}
.btn.btn-just-icon:hover {
box-shadow: none;
}
.btn.btn-just-icon i {
width: 20px;
}
.btn.btn-just-icon.btn-lg {
padding: 13px 18px;
}
.btn.btn-border {
background: transparent;
border: 1px solid #d2d2d2;
color: #999999;
}
.btn.btn-border:hover, .btn.btn-border:focus {
background: transparent;
color: #3C4858;
}
.btn .fa {
position: relative;
top: -1px;
vertical-align: middle;
}
.navbar button.navbar-toggle, .navbar button.navbar-toggle:hover {
color: #555;
}
.navbar .button:hover {
box-shadow: none !important;
color: #e91e63;
}
.btn.btn-facebook, .btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active,
.navbar .navbar-nav > li > a.btn.btn-facebook,
.navbar .navbar-nav > li > a.btn.btn-facebook:hover,
.navbar .navbar-nav > li > a.btn.btn-facebook:focus,
.navbar .navbar-nav > li > a.btn.btn-facebook:active {
color: #fff;
background-color: #3b5998;
}
.btn.btn-facebook,
.navbar .navbar-nav > li > a.btn.btn-facebook {
-webkit-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}
.btn.btn-facebook:hover, .btn.btn-facebook:focus, .btn.btn-facebook:active,
.navbar .navbar-nav > li > a.btn.btn-facebook:hover,
.navbar .navbar-nav > li > a.btn.btn-facebook:focus,
.navbar .navbar-nav > li > a.btn.btn-facebook:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
}
.btn.btn-facebook.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-facebook.btn-simple {
color: #3b5998;
background-color: transparent;
}
.btn.btn-twitter, .btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active,
.navbar .navbar-nav > li > a.btn.btn-twitter,
.navbar .navbar-nav > li > a.btn.btn-twitter:hover,
.navbar .navbar-nav > li > a.btn.btn-twitter:focus,
.navbar .navbar-nav > li > a.btn.btn-twitter:active {
color: #fff;
background-color: #55acee;
}
.btn.btn-twitter,
.navbar .navbar-nav > li > a.btn.btn-twitter {
-webkit-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}
.btn.btn-twitter:hover, .btn.btn-twitter:focus, .btn.btn-twitter:active,
.navbar .navbar-nav > li > a.btn.btn-twitter:hover,
.navbar .navbar-nav > li > a.btn.btn-twitter:focus,
.navbar .navbar-nav > li > a.btn.btn-twitter:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
}
.btn.btn-twitter.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-twitter.btn-simple {
color: #55acee;
background-color: transparent;
}
.btn.btn-pinterest, .btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active,
.navbar .navbar-nav > li > a.btn.btn-pinterest,
.navbar .navbar-nav > li > a.btn.btn-pinterest:hover,
.navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
.navbar .navbar-nav > li > a.btn.btn-pinterest:active {
color: #fff;
background-color: #cc2127;
}
.btn.btn-pinterest,
.navbar .navbar-nav > li > a.btn.btn-pinterest {
-webkit-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
box-shadow: 0 2px 2px 0 rgba(204, 33, 39, 0.14), 0 3px 1px -2px rgba(204, 33, 39, 0.2), 0 1px 5px 0 rgba(204, 33, 39, 0.12);
}
.btn.btn-pinterest:hover, .btn.btn-pinterest:focus, .btn.btn-pinterest:active,
.navbar .navbar-nav > li > a.btn.btn-pinterest:hover,
.navbar .navbar-nav > li > a.btn.btn-pinterest:focus,
.navbar .navbar-nav > li > a.btn.btn-pinterest:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
box-shadow: 0 14px 26px -12px rgba(204, 33, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(204, 33, 39, 0.2);
}
.btn.btn-pinterest.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-pinterest.btn-simple {
color: #cc2127;
background-color: transparent;
}
.btn.btn-google, .btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active,
.navbar .navbar-nav > li > a.btn.btn-google,
.navbar .navbar-nav > li > a.btn.btn-google:hover,
.navbar .navbar-nav > li > a.btn.btn-google:focus,
.navbar .navbar-nav > li > a.btn.btn-google:active {
color: #fff;
background-color: #dd4b39;
}
.btn.btn-google,
.navbar .navbar-nav > li > a.btn.btn-google {
-webkit-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}
.btn.btn-google:hover, .btn.btn-google:focus, .btn.btn-google:active,
.navbar .navbar-nav > li > a.btn.btn-google:hover,
.navbar .navbar-nav > li > a.btn.btn-google:focus,
.navbar .navbar-nav > li > a.btn.btn-google:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
}
.btn.btn-google.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-google.btn-simple {
color: #dd4b39;
background-color: transparent;
}
.btn.btn-linkedin, .btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active,
.navbar .navbar-nav > li > a.btn.btn-linkedin,
.navbar .navbar-nav > li > a.btn.btn-linkedin:hover,
.navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
.navbar .navbar-nav > li > a.btn.btn-linkedin:active {
color: #fff;
background-color: #0976b4;
}
.btn.btn-linkedin,
.navbar .navbar-nav > li > a.btn.btn-linkedin {
-webkit-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
box-shadow: 0 2px 2px 0 rgba(9, 118, 180, 0.14), 0 3px 1px -2px rgba(9, 118, 180, 0.2), 0 1px 5px 0 rgba(9, 118, 180, 0.12);
}
.btn.btn-linkedin:hover, .btn.btn-linkedin:focus, .btn.btn-linkedin:active,
.navbar .navbar-nav > li > a.btn.btn-linkedin:hover,
.navbar .navbar-nav > li > a.btn.btn-linkedin:focus,
.navbar .navbar-nav > li > a.btn.btn-linkedin:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
box-shadow: 0 14px 26px -12px rgba(9, 118, 180, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(9, 118, 180, 0.2);
}
.btn.btn-linkedin.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-linkedin.btn-simple {
color: #0976b4;
background-color: transparent;
}
.btn.btn-dribbble, .btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active,
.navbar .navbar-nav > li > a.btn.btn-dribbble,
.navbar .navbar-nav > li > a.btn.btn-dribbble:hover,
.navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
.navbar .navbar-nav > li > a.btn.btn-dribbble:active {
color: #fff;
background-color: #ea4c89;
}
.btn.btn-dribbble,
.navbar .navbar-nav > li > a.btn.btn-dribbble {
-webkit-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
box-shadow: 0 2px 2px 0 rgba(234, 76, 137, 0.14), 0 3px 1px -2px rgba(234, 76, 137, 0.2), 0 1px 5px 0 rgba(234, 76, 137, 0.12);
}
.btn.btn-dribbble:hover, .btn.btn-dribbble:focus, .btn.btn-dribbble:active,
.navbar .navbar-nav > li > a.btn.btn-dribbble:hover,
.navbar .navbar-nav > li > a.btn.btn-dribbble:focus,
.navbar .navbar-nav > li > a.btn.btn-dribbble:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
box-shadow: 0 14px 26px -12px rgba(234, 76, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(234, 76, 137, 0.2);
}
.btn.btn-dribbble.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-dribbble.btn-simple {
color: #ea4c89;
background-color: transparent;
}
.btn.btn-github, .btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active,
.navbar .navbar-nav > li > a.btn.btn-github,
.navbar .navbar-nav > li > a.btn.btn-github:hover,
.navbar .navbar-nav > li > a.btn.btn-github:focus,
.navbar .navbar-nav > li > a.btn.btn-github:active {
color: #fff;
background-color: #333;
}
.btn.btn-github,
.navbar .navbar-nav > li > a.btn.btn-github {
-webkit-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
}
.btn.btn-github:hover, .btn.btn-github:focus, .btn.btn-github:active,
.navbar .navbar-nav > li > a.btn.btn-github:hover,
.navbar .navbar-nav > li > a.btn.btn-github:focus,
.navbar .navbar-nav > li > a.btn.btn-github:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
}
.btn.btn-github.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-github.btn-simple {
color: #333;
background-color: transparent;
}
.btn.btn-youtube, .btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active,
.navbar .navbar-nav > li > a.btn.btn-youtube,
.navbar .navbar-nav > li > a.btn.btn-youtube:hover,
.navbar .navbar-nav > li > a.btn.btn-youtube:focus,
.navbar .navbar-nav > li > a.btn.btn-youtube:active {
color: #fff;
background-color: #e52d27;
}
.btn.btn-youtube,
.navbar .navbar-nav > li > a.btn.btn-youtube {
-webkit-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
box-shadow: 0 2px 2px 0 rgba(229, 45, 39, 0.14), 0 3px 1px -2px rgba(229, 45, 39, 0.2), 0 1px 5px 0 rgba(229, 45, 39, 0.12);
}
.btn.btn-youtube:hover, .btn.btn-youtube:focus, .btn.btn-youtube:active,
.navbar .navbar-nav > li > a.btn.btn-youtube:hover,
.navbar .navbar-nav > li > a.btn.btn-youtube:focus,
.navbar .navbar-nav > li > a.btn.btn-youtube:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
box-shadow: 0 14px 26px -12px rgba(229, 45, 39, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(229, 45, 39, 0.2);
}
.btn.btn-youtube.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-youtube.btn-simple {
color: #e52d27;
background-color: transparent;
}
.btn.btn-instagram, .btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active,
.navbar .navbar-nav > li > a.btn.btn-instagram,
.navbar .navbar-nav > li > a.btn.btn-instagram:hover,
.navbar .navbar-nav > li > a.btn.btn-instagram:focus,
.navbar .navbar-nav > li > a.btn.btn-instagram:active {
color: #fff;
background-color: #125688;
}
.btn.btn-instagram,
.navbar .navbar-nav > li > a.btn.btn-instagram {
-webkit-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
box-shadow: 0 2px 2px 0 rgba(18, 86, 136, 0.14), 0 3px 1px -2px rgba(18, 86, 136, 0.2), 0 1px 5px 0 rgba(18, 86, 136, 0.12);
}
.btn.btn-instagram:hover, .btn.btn-instagram:focus, .btn.btn-instagram:active,
.navbar .navbar-nav > li > a.btn.btn-instagram:hover,
.navbar .navbar-nav > li > a.btn.btn-instagram:focus,
.navbar .navbar-nav > li > a.btn.btn-instagram:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
box-shadow: 0 14px 26px -12px rgba(18, 86, 136, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(18, 86, 136, 0.2);
}
.btn.btn-instagram.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-instagram.btn-simple {
color: #125688;
background-color: transparent;
}
.btn.btn-reddit, .btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active,
.navbar .navbar-nav > li > a.btn.btn-reddit,
.navbar .navbar-nav > li > a.btn.btn-reddit:hover,
.navbar .navbar-nav > li > a.btn.btn-reddit:focus,
.navbar .navbar-nav > li > a.btn.btn-reddit:active {
color: #fff;
background-color: #ff4500;
}
.btn.btn-reddit,
.navbar .navbar-nav > li > a.btn.btn-reddit {
-webkit-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(255, 69, 0, 0.14), 0 3px 1px -2px rgba(255, 69, 0, 0.2), 0 1px 5px 0 rgba(255, 69, 0, 0.12);
}
.btn.btn-reddit:hover, .btn.btn-reddit:focus, .btn.btn-reddit:active,
.navbar .navbar-nav > li > a.btn.btn-reddit:hover,
.navbar .navbar-nav > li > a.btn.btn-reddit:focus,
.navbar .navbar-nav > li > a.btn.btn-reddit:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
box-shadow: 0 14px 26px -12px rgba(255, 69, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 69, 0, 0.2);
}
.btn.btn-reddit.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-reddit.btn-simple {
color: #ff4500;
background-color: transparent;
}
.btn.btn-tumblr, .btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active,
.navbar .navbar-nav > li > a.btn.btn-tumblr,
.navbar .navbar-nav > li > a.btn.btn-tumblr:hover,
.navbar .navbar-nav > li > a.btn.btn-tumblr:focus,
.navbar .navbar-nav > li > a.btn.btn-tumblr:active {
color: #fff;
background-color: #35465c;
}
.btn.btn-tumblr,
.navbar .navbar-nav > li > a.btn.btn-tumblr {
-webkit-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
box-shadow: 0 2px 2px 0 rgba(53, 70, 92, 0.14), 0 3px 1px -2px rgba(53, 70, 92, 0.2), 0 1px 5px 0 rgba(53, 70, 92, 0.12);
}
.btn.btn-tumblr:hover, .btn.btn-tumblr:focus, .btn.btn-tumblr:active,
.navbar .navbar-nav > li > a.btn.btn-tumblr:hover,
.navbar .navbar-nav > li > a.btn.btn-tumblr:focus,
.navbar .navbar-nav > li > a.btn.btn-tumblr:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
box-shadow: 0 14px 26px -12px rgba(53, 70, 92, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(53, 70, 92, 0.2);
}
.btn.btn-tumblr.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-tumblr.btn-simple {
color: #35465c;
background-color: transparent;
}
.btn.btn-behance, .btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active,
.navbar .navbar-nav > li > a.btn.btn-behance,
.navbar .navbar-nav > li > a.btn.btn-behance:hover,
.navbar .navbar-nav > li > a.btn.btn-behance:focus,
.navbar .navbar-nav > li > a.btn.btn-behance:active {
color: #fff;
background-color: #1769ff;
}
.btn.btn-behance,
.navbar .navbar-nav > li > a.btn.btn-behance {
-webkit-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
box-shadow: 0 2px 2px 0 rgba(23, 105, 255, 0.14), 0 3px 1px -2px rgba(23, 105, 255, 0.2), 0 1px 5px 0 rgba(23, 105, 255, 0.12);
}
.btn.btn-behance:hover, .btn.btn-behance:focus, .btn.btn-behance:active,
.navbar .navbar-nav > li > a.btn.btn-behance:hover,
.navbar .navbar-nav > li > a.btn.btn-behance:focus,
.navbar .navbar-nav > li > a.btn.btn-behance:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
}
.btn.btn-behance.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-behance.btn-simple {
color: #1769ff;
background-color: transparent;
}
.btn.btn-snapchat, .btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active,
.navbar .navbar-nav > li > a.btn.btn-snapchat,
.navbar .navbar-nav > li > a.btn.btn-snapchat:hover,
.navbar .navbar-nav > li > a.btn.btn-snapchat:focus,
.navbar .navbar-nav > li > a.btn.btn-snapchat:active {
color: #fff;
background-color: #fffc00;
}
.btn.btn-snapchat,
.navbar .navbar-nav > li > a.btn.btn-snapchat {
-webkit-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(255, 252, 0, 0.14), 0 3px 1px -2px rgba(255, 252, 0, 0.2), 0 1px 5px 0 rgba(255, 252, 0, 0.12);
}
.btn.btn-snapchat:hover, .btn.btn-snapchat:focus, .btn.btn-snapchat:active,
.navbar .navbar-nav > li > a.btn.btn-snapchat:hover,
.navbar .navbar-nav > li > a.btn.btn-snapchat:focus,
.navbar .navbar-nav > li > a.btn.btn-snapchat:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
box-shadow: 0 14px 26px -12px rgba(255, 252, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 252, 0, 0.2);
}
.btn.btn-snapchat.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-snapchat.btn-simple {
color: #fffc00;
background-color: transparent;
}
.btn.btn-deviantart, .btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active,
.navbar .navbar-nav > li > a.btn.btn-deviantart,
.navbar .navbar-nav > li > a.btn.btn-deviantart:hover,
.navbar .navbar-nav > li > a.btn.btn-deviantart:focus,
.navbar .navbar-nav > li > a.btn.btn-deviantart:active {
color: #fff;
background-color: #05cc47;
}
.btn.btn-deviantart,
.navbar .navbar-nav > li > a.btn.btn-deviantart {
-webkit-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
box-shadow: 0 2px 2px 0 rgba(5, 204, 71, 0.14), 0 3px 1px -2px rgba(5, 204, 71, 0.2), 0 1px 5px 0 rgba(5, 204, 71, 0.12);
}
.btn.btn-deviantart:hover, .btn.btn-deviantart:focus, .btn.btn-deviantart:active,
.navbar .navbar-nav > li > a.btn.btn-deviantart:hover,
.navbar .navbar-nav > li > a.btn.btn-deviantart:focus,
.navbar .navbar-nav > li > a.btn.btn-deviantart:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
box-shadow: 0 14px 26px -12px rgba(5, 204, 71, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(5, 204, 71, 0.2);
}
.btn.btn-deviantart.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-deviantart.btn-simple {
color: #05cc47;
background-color: transparent;
}
.btn.btn-vimeo, .btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active,
.navbar .navbar-nav > li > a.btn.btn-vimeo,
.navbar .navbar-nav > li > a.btn.btn-vimeo:hover,
.navbar .navbar-nav > li > a.btn.btn-vimeo:focus,
.navbar .navbar-nav > li > a.btn.btn-vimeo:active {
color: #fff;
background-color: #1ab7ea;
}
.btn.btn-vimeo,
.navbar .navbar-nav > li > a.btn.btn-vimeo {
-webkit-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
box-shadow: 0 2px 2px 0 rgba(26, 183, 234, 0.14), 0 3px 1px -2px rgba(26, 183, 234, 0.2), 0 1px 5px 0 rgba(26, 183, 234, 0.12);
}
.btn.btn-vimeo:hover, .btn.btn-vimeo:focus, .btn.btn-vimeo:active,
.navbar .navbar-nav > li > a.btn.btn-vimeo:hover,
.navbar .navbar-nav > li > a.btn.btn-vimeo:focus,
.navbar .navbar-nav > li > a.btn.btn-vimeo:active {
-webkit-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
-moz-box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
box-shadow: 0 14px 26px -12px rgba(26, 183, 234, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 183, 234, 0.2);
}
.btn.btn-vimeo.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-vimeo.btn-simple {
color: #1ab7ea;
background-color: transparent;
}
.woocommerce.archive a.button.compare {
margin-bottom: 30px;
}
.woocommerce a.button:hover,
.woocommerce .wccm-catalog-item .button:hover {
color: #ffffff;
opacity: 1;
}
/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
legend {
margin-bottom: 20px;
}
output {
padding-top: 8px;
}
.radio label,
.checkbox label {
min-height: 20px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.label {
background-color: #fff;
border-radius: 2px;
}
.label.label-default {
background-color: #fff;
}
.label.label-primary {
background-color: #9c27b0;
}
.label.label-success {
background-color: #4caf50;
}
.label.label-danger {
background-color: #f44336;
}
.label.label-rose {
background-color: #e91e63;
}
.form-control {
height: 36px;
padding: 7px 0;
vertical-align: middle;
}
.form-control-static {
min-height: 34px;
padding-top: 8px;
padding-bottom: 8px;
}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder,
.form-group .form-control::-moz-placeholder,
.form-group .form-control:-ms-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
color: #aaa;
}
.form-control[readonly],
.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[readonly],
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
background-color: transparent;
}
.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
border-bottom: 1px dotted #d2d2d2;
background-image: none;
}
.form-control {
margin-bottom: 7px;
}
.form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder,
.checkbox label,
.form-group .checkbox label,
.radio label,
.form-group .radio label,
label,
.form-group label {
color: #aaa;
}
label.control-label {
margin: 16px 0 0;
color: #aaa;
}
.help-block {
margin-top: 0;
}
.form-group {
padding-bottom: 7px;
position: relative;
}
.form-group .form-control {
margin-bottom: 7px;
}
.form-group label.control-label {
margin: 16px 0 0;
color: #aaa;
}
.form-group input[type=file] {
position: relative;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.form-group textarea {
resize: none;
}
.form-group textarea ~ .form-control-highlight {
margin-top: -11px;
}
.form-group .help-block {
margin-top: 0;
display: none;
position: absolute;
}
.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
position: absolute;
pointer-events: none;
}
.form-group.label-floating label.control-label {
will-change: left,top,contents;
}
.form-group.label-placeholder:not(.is-empty) label.control-label {
display: none;
}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
top: -7px;
left: 0;
}
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
top: -28px;
left: 0;
}
.form-group.is-focused .form-control .material-input:after {
background-color: #9c27b0;
}
.form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label {
color: #aaa;
}
.form-group.is-focused select.form-control {
border-color: #d2d2d2;
}
.form-group.has-warning.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9800), to(#ff9800)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#ff9800, #ff9800), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
}
.form-group.has-warning label.control-label {
color: #ff9800;
}
.form-group.has-error.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
}
.form-group.has-error label.control-label {
color: #f44336;
}
.form-group.has-success.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
}
.form-group.has-success label.control-label {
color: #4caf50;
}
.form-group.has-info.is-focused .form-control {
background-image: -webkit-gradient(linear, left top, left bottom, from(#00bcd4), to(#00bcd4)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
background-image: -webkit-linear-gradient(#00bcd4, #00bcd4), -webkit-linear-gradient(#d2d2d2, #d2d2d2);
background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
}
.form-group.has-info label.control-label, .form-group.has-info .help-block {
color: #00bcd4;
}
select.form-control {
border: 0;
border-radius: 0;
}
select.form-control[multiple],
select .form-group.is-focused select.form-control[multiple] {
height: 85px;
}
.input-group-btn .btn {
margin: 0 0 7px;
}
.input-group .input-group-btn {
padding: 0 12px;
}
.input-group .input-group-addon {
padding: 6px 15px 0;
border: 0;
background: transparent;
}
.form-control-feedback {
opacity: 0;
}
.has-success .form-control-feedback {
opacity: 1;
color: #4caf50;
}
.has-error .form-control-feedback {
opacity: 1;
color: #f44336;
}
.searchform label,
.search-form label {
display: table-cell;
vertical-align: top;
padding-right: 25px;
width: 100%;
}
.searchform,
.search-form,
.woocommerce-product-search {
display: table;
position: relative;
}
.searchform input[type=submit], .searchform button,
.search-form input[type=submit],
.search-form button,
.woocommerce-product-search input[type=submit],
.woocommerce-product-search button {
display: table-cell;
vertical-align: top;
padding-left: 0;
padding-right: 0;
text-align: center;
text-indent: -9999px;
top: -19px;
width: 45px;
}
.searchform input[type=search],
.search-form input[type=search],
.woocommerce-product-search input[type=search] {
height: 36px;
}
.searchform:after,
.search-form:after,
.woocommerce-product-search:after {
color: #fff;
content: "\f002";
font-family: 'Fontawesome';
pointer-events: none;
position: absolute;
right: 15px;
top: 0;
}
.woocommerce-product-search {
width: 100%;
}
.woocommerce-product-search input[type=submit] {
float: right;
}
.woocommerce-product-search input[type=search] {
display: table-cell;
vertical-align: top;
float: left;
width: 70%;
}
.blog-sidebar-wrapper .widget:nth-of-type(1).widget_search, .blog-sidebar-wrapper .widget:nth-of-type(1).widget_product_search {
padding-top: 11px;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
body:not(.home) .navbar-default .navbar-nav > .active > a, body:not(.home) .navbar-default .navbar-nav > .active > a:hover, body:not(.home) .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
}
.navbar {
border: 0;
padding: 0;
border-radius: 3px;
-webkit-box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1);
}
.navbar > .container {
transition: padding .1s ease;
padding-top: 10px;
padding-bottom: 10px;
}
.navbar > .container .navbar-brand {
margin-left: 0;
}
.navbar .navbar-right {
margin-right: 0;
}
.navbar .navbar-nav > li {
margin: 0;
}
.navbar .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
border-radius: 3px;
color: inherit;
text-transform: uppercase;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
color: inherit;
}
.navbar .navbar-nav > li > a:hover:before, .navbar .navbar-nav > li > a:focus:before {
color: inherit;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.navbar .navbar-nav > li > a .fa {
max-width: 20px;
}
.navbar .navbar-nav > li > a:not(.btn-just-icon) .fa {
position: relative;
top: 2px;
margin-top: -4px;
margin-right: 4px;
}
.navbar .navbar-nav > li a:hover {
opacity: 1;
}
.navbar .navbar-nav > li > a:not(.btn) .fa {
position: relative;
top: 0;
margin-top: -3px;
margin-right: 3px;
}
.navbar .navbar-nav > li .dropdown-menu {
margin-top: -5px;
}
.navbar .navbar-nav > li.btn {
padding: 0 10px;
}
.navbar .navbar-nav > li.btn > a {
color: #fff;
}
.navbar .navbar-nav > li.btn a:hover:before, .navbar .navbar-nav > li.btn a:focus:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.navbar .navbar-nav > li:hover > .dropdown-menu {
margin-top: 0;
}
.navbar .navbar-nav > li:not(.btn) > a:before, .navbar .navbar-nav > li:not(.btn) .hestia-toggle-search:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.1);
content: "";
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.navbar .navbar-nav > li:not(.btn):hover a:before, .navbar .navbar-nav > li:not(.btn):hover .hestia-toggle-search:before {
color: inherit;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.navbar:not(.hestia_center) .title-logo-wrapper {
max-width: 250px;
}
.navbar .navbar-brand {
padding: 0;
position: relative;
color: inherit;
height: auto;
}
.navbar .navbar-brand img {
width: auto;
max-height: 50px;
}
.navbar .navbar-brand p {
margin-bottom: 0;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
color: inherit;
background-color: transparent;
}
.navbar .navbar-toggle {
float: right;
border: 0;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
border: 1px solid;
}
.navbar .navbar-header {
float: left;
}
.navbar .navbar-collapse {
border-top: none;
}
.navbar .btn {
margin-top: 0;
margin-bottom: 0;
will-change: initial;
}
.navbar.navbar-transparent {
color: #fff;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar.navbar-transparent .navbar-nav > .active > a {
background: transparent;
color: #fff;
}
.navbar.navbar-transparent > .container {
padding-top: 25px;
}
.navbar {
color: #555;
background-color: #fff;
-webkit-transition: none;
transition: none;
}
.navbar .navbar-nav > .active > a {
background: transparent;
}
.navbar .dropdown-menu {
border: 0;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 3px !important;
}
.navbar .dropdown-menu > .active > a {
color: #333;
background-color: transparent;
}
.navbar .dropdown-menu li {
position: relative;
}
.navbar .dropdown-menu li:hover > a {
color: #e91e63;
}
.navbar .dropdown-menu li:hover > a > i {
opacity: .7;
}
.navbar .dropdown-menu li > a {
color: #333;
background-color: transparent;
margin: 0 5px;
padding: 10px;
border-radius: 2px;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
}
.navbar .dropdown-menu li > a > i {
position: relative;
top: 1px;
min-width: 30px;
margin-right: 12px;
opacity: .5;
text-align: center;
}
.navbar .dropdown-menu li > a .fa {
position: relative;
top: 1px;
margin-top: -4px;
margin-right: 12px;
vertical-align: middle;
}
.navbar-fixed-top {
border-radius: 0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
display: none !important;
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: table !important;
}
.dropdown-submenu:hover > .dropdown-toggle .caret {
border-left: 4px dashed;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.navbar.hestia_center {
float: none !important;
}
.navbar.hestia_center .navbar-collapse {
text-align: center;
}
.navbar.hestia_center .navbar-header {
display: block !important;
text-align: center;
padding-bottom: 10px;
width: 100%;
max-width: 100%;
}
.navbar.hestia_center .navbar-brand {
float: none;
}
.navbar.hestia_center .navbar-brand > img {
display: inherit;
}
.navbar {
position: fixed;
}
.navbar.header-with-topbar, .navbar.header-with-topbar.hestia_center, .navbar.header-with-topbar.hestia_right {
position: absolute;
top: 40px;
}
.navbar.navbar-scroll-point, .navbar.navbar-scroll-point.header-with-topbar, .navbar.navbar-scroll-point.hestia_center, .navbar.navbar-scroll-point.hestia_right {
position: fixed;
top: 0;
}
.navbar.full-screen-menu.header-with-topbar {
position: absolute;
top: 40px;
}
.navbar.full-screen-menu.navbar-scroll-point, .navbar.full-screen-menu.navbar-scroll-point.header-with-topbar {
position: fixed;
top: 0;
}
.navbar.full-screen-menu.navbar-scroll-point .header-sidebar-wrapper {
display: none;
}
body.admin-bar .navbar {
margin-top: 32px;
}
.navbar-toggle .icon-bar {
transition: .3s ease;
position: relative;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
width: 0;
opacity: 0;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -6px;
}
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(1) {
top: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(2) {
top: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggle[aria-expanded="false"] .icon-bar:nth-child(3) {
top: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#main-navigation ul.nav > li {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
visibility: visible;
}
.search-submit-wrapper {
width: 50px;
display: table-cell;
padding: 0;
vertical-align: top;
padding-left: 6px;
}
.search-field-wrapper {
display: table-cell;
width: 100%;
padding: 0;
vertical-align: bottom;
}
.hestia-nav-search {
padding: 0 15px;
}
.full-screen-menu .hestia-nav-search {
padding: 15px 0 0 15px;
display: table;
width: 100%;
}
.hestia-toggle-search {
display: none;
}
.hestia-nav-search .hestia-search-submit {
padding: 10px 15px;
}
.full-screen-menu .hestia-nav-search .hestia-search-submit {
margin: 0;
}
.full-screen-menu .hestia-nav-search .form-control {
width: 100%;
margin: 0;
vertical-align: bottom;
padding-right: 40px;
}
@media (min-width: 769px) {
.navbar.navbar-default .navbar-nav > .btn.open > a, .navbar.navbar-default .navbar-nav > .btn.active > a, .navbar.navbar-default .navbar-nav > .btn > a {
color: #fff;
background: transparent;
}
.navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:hover, .navbar.navbar-not-transparent .navbar-nav > .active:not(.btn) > a:focus {
background: transparent;
}
.navbar:not(.full-screen-menu) .hestia-nav-search .search-submit-wrapper {
display: none;
}
.hestia-search-in-menu {
cursor: pointer;
position: relative;
z-index: 999;
vertical-align: middle;
display: inline-block;
}
.hestia-search-in-menu form {
margin: 0;
padding: 0;
}
.navbar:not(.full-screen-menu) .hestia-search-in-nav {
width: 200px;
max-width: 0;
padding: 5px;
transition: all .5s ease;
position: absolute;
right: 40px;
box-sizing: border-box;
opacity: 0;
}
.navbar:not(.full-screen-menu).nav-searching .hestia-search-in-nav {
max-width: 200px;
opacity: 1;
}
.nav-searching #main-navigation ul.nav li:not(.hestia-search-in-menu) {
opacity: 0;
visibility: hidden;
}
.navbar:not(.full-screen-menu) .hestia-toggle-search {
display: block;
padding: 12.5px;
width: 38px;
}
.navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field {
color: #ffffff;
}
.navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field::-webkit-input-placeholder {
color: #ffffff;
}
.navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field::-moz-placeholder {
color: #ffffff;
}
.navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field:-ms-input-placeholder {
color: #ffffff;
}
.navbar-transparent:not(.full-screen-menu) .hestia-search-in-nav .search-field:-moz-placeholder {
color: #ffffff;
}
.navbar:not(.full-screen-menu) .search-field-wrapper {
float: right;
}
.hestia-nav-search {
padding: 0;
}
}
.elementor-location-header {
position: fixed;
left: 0;
right: 0;
z-index: 999;
}
/*--------------------------------------------------------------
## Navbar Widgets
--------------------------------------------------------------*/
.hestia_right .blog-sidebar-wrapper, .hestia_right .header-sidebar-wrapper {
float: none;
display: table-cell;
width: 100%;
vertical-align: middle;
}
.hestia_right .blog-sidebar-wrapper .header-widgets-wrapper, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper {
position: relative;
float: right;
}
.hestia_right .blog-sidebar-wrapper .header-widgets-wrapper .widget, .hestia_right .header-sidebar-wrapper .header-widgets-wrapper .widget {
vertical-align: middle;
display: inline-block;
}
.header-widgets-wrapper .widget {
margin: 0 10px 0 0;
}
.header-widgets-wrapper .widget:last-of-type {
margin-right: 0;
}
.header-widgets-wrapper .widget,
.header-widgets-wrapper .widget h5,
.header-widgets-wrapper .widget .textwidget {
display: inline-block;
}
.header-widgets-wrapper .widget h5 {
margin: 0 5px 0 0;
}
.header-widgets-wrapper .widget .btn {
padding: 3px 10px;
}
.header-widgets-wrapper .widget .btn a {
color: #fff;
}
.header-widgets-wrapper .widget.widget_nav_menu h5, .header-widgets-wrapper .widget.widget_categories h5, .header-widgets-wrapper .widget.widget_product_categories h5, .header-widgets-wrapper .widget.widget_search h5, .header-widgets-wrapper .widget.widget_product_search h5, .header-widgets-wrapper .widget.widget_meta h5 {
display: none;
}
.header-widgets-wrapper .widget.widget_nav_menu input[type=submit], .header-widgets-wrapper .widget.widget_categories input[type=submit], .header-widgets-wrapper .widget.widget_product_categories input[type=submit], .header-widgets-wrapper .widget.widget_search input[type=submit], .header-widgets-wrapper .widget.widget_product_search input[type=submit], .header-widgets-wrapper .widget.widget_meta input[type=submit] {
opacity: 0;
left: -15px;
}
.header-widgets-wrapper .widget .searchform:after,
.header-widgets-wrapper .widget .search-form:after,
.header-widgets-wrapper .widget .woocommerce-product-search:after {
right: 30px;
}
.header-widgets-wrapper .widget.widget_product_search form, .header-widgets-wrapper .widget.widget_search form {
top: 15px;
}
.header-widgets-wrapper .widget.widget_product_search form:after, .header-widgets-wrapper .widget.widget_search form:after {
color: #333;
}
.header-widgets-wrapper .widget.widget_product_search form .control-label, .header-widgets-wrapper .widget.widget_search form .control-label {
color: #333;
}
.header-widgets-wrapper .widget.widget_shopping_cart {
margin-top: 7px;
cursor: pointer;
position: relative;
}
.header-widgets-wrapper .widget.widget_shopping_cart .button.checkout {
display: none;
}
.header-widgets-wrapper .widget.widget_shopping_cart .wc-forward:not(.checkout) {
opacity: 0;
position: absolute;
top: -5px;
left: -4px;
}
.header-widgets-wrapper .widget.widget_shopping_cart:before {
color: #333;
content: "\f07a";
font-family: 'Fontawesome';
margin-right: 5px;
}
.header-widgets-wrapper .widget.widget_shopping_cart:hover .cart_list {
opacity: 1;
display: block;
visibility: visible;
margin-top: 10px;
}
.header-widgets-wrapper .widget.widget_shopping_cart h5 {
display: none;
}
.header-widgets-wrapper .widget.widget_shopping_cart .widget_shopping_cart_content {
display: inline-block;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list {
margin-top: 0;
display: block;
visibility: hidden;
transition: all .3s ease;
opacity: 0;
padding: 0 15px 15px;
position: absolute;
right: 0;
top: 15px;
z-index: 10;
border: 0;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 3px !important;
background: #fff;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li {
color: #333;
display: block;
margin-top: 15px;
padding-bottom: 0;
white-space: nowrap;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li a:not(.remove) {
color: #333;
margin: 0;
padding-right: 65px;
text-align: left;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li img {
float: left;
width: 50px;
margin-left: 0;
margin-right: 15px;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .quantity {
float: left;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li .variation {
display: none;
}
.header-widgets-wrapper .widget.widget_shopping_cart .cart_list li.empty {
padding: 0;
}
.header-widgets-wrapper .widget.widget_shopping_cart .total {
border: none;
margin: 0;
padding: 0;
}
.header-widgets-wrapper .widget.widget_shopping_cart .total strong {
display: none;
}
.header-widgets-wrapper .widget.widget_shopping_cart .total .amount {
float: none;
}
.header-widgets-wrapper ul li {
cursor: auto;
display: inline-block;
margin: 0 5px;
}
.header-widgets-wrapper ul li:first-child {
margin-left: 0;
}
.header-widgets-wrapper ul li:last-child {
margin-right: 0;
}
.header-widgets-wrapper ul li a {
padding: 0;
text-transform: inherit;
}
.header-widgets-wrapper ul li a:before {
background-color: transparent;
position: static;
font-family: 'FontAwesome';
}
.header-widgets-wrapper ul li a:hover, .header-widgets-wrapper ul li a:focus {
background-color: transparent;
outline: none;
}
.header-widgets-wrapper ul li a[href*="tel:"]:before,
.header-widgets-wrapper ul li a[href*="mailto:"]:before {
margin-right: 7px;
}
.header-widgets-wrapper ul li a[href*="tel:"]:before {
content: '\f095';
}
.header-widgets-wrapper ul li a[href*="mailto:"]:before {
content: '\f0e0';
}
.header-widgets-wrapper ul li.dropdown .caret {
display: none;
}
.navbar-transparent .widget .btn:hover a {
color: #fff;
}
.navbar-transparent .widget.widget_shopping_cart:before {
color: #fff;
}
.navbar-transparent .widget.widget_search form:after, .navbar-transparent .widget.widget_search form.form-group:before, .navbar-transparent .widget.widget_search form .control-label, .navbar-transparent .widget.widget_product_search form:after, .navbar-transparent .widget.widget_product_search form.form-group:before, .navbar-transparent .widget.widget_product_search form .control-label {
color: #fff;
}
.woocommerce-product-search input[type=submit], .woocommerce-product-search button {
float: right;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination {
width: 100%;
text-align: center;
}
.pagination > li > a {
border: 0;
}
.pagination a, .pagination span {
min-width: 30px;
height: 30px;
margin: 0 3px;
padding: 0 11px;
border-radius: 30px !important;
color: #999999;
background: transparent;
text-transform: uppercase;
display: inline-block;
}
.pagination a:hover, .pagination a:focus {
color: #999999;
background-color: #eee;
}
.pagination span:not(.dots):hover, .pagination span:not(.dots):focus {
color: #999999;
background-color: #eee;
}
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover {
border-color: #9c27b0;
color: #fff;
background-color: #9c27b0;
-webkit-box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}
.pagination .next.page-numbers:after {
content: " \00bb";
}
.pagination .prev.page-numbers:before {
content: "\00ab ";
}
.label {
padding: 5px 12px;
border-radius: 12px;
text-transform: uppercase;
}
.label.label-default {
background-color: #999999;
}
/*--------------------------------------------------------------
# Cards styling
--------------------------------------------------------------*/
.card {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-image {
overflow: hidden;
position: relative;
height: 60%;
margin-top: -30px;
margin-right: 15px;
margin-left: 15px;
border-radius: 6px;
-webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
-moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
-o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
-ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.card .card-image img {
width: 100%;
height: 100%;
margin: 0 !important;
border-radius: 6px;
}
.card .category:not([class*="text-"]) {
color: #999999;
}
.card .content {
padding: 15px 30px;
}
.card .header {
margin: 15px;
padding: 15px 0;
border-radius: 3px;
background-color: #fff;
}
.card .header-primary,
.card .content-primary {
background: -webkit-linear-gradient(30deg, #ab47bc, #7b1fa2);
background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}
.card [class*="header-"],
.card [class*="content-"],
.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card [class*="content-"] .card-title a,
.card [class*="content-"] .card-title,
.card [class*="content-"] .icon i,
.card [class*="header-"] .author a:hover,
.card [class*="header-"] .author a:focus,
.card [class*="header-"] .author a:active,
.card [class*="content-"] .author a:hover,
.card [class*="content-"] .author a:focus,
.card [class*="content-"] .author a:active {
color: #fff;
}
.card [class*="header-"] .icon i,
.card [class*="content-"] .icon i {
border-color: rgba(255, 255, 255, 0.25);
}
.card [class*="header-"] .author a,
.card [class*="header-"] .footer .stats,
.card [class*="header-"] .category,
.card [class*="header-"] .card-description,
.card [class*="content-"] .author a,
.card [class*="content-"] .footer .stats,
.card [class*="content-"] .category,
.card [class*="content-"] .card-description,
.card [class*="content-"] h1 small,
.card [class*="content-"] h2 small,
.card [class*="content-"] h3 small {
color: rgba(255, 255, 255, 0.8);
}
.card [class*="content-"] {
border-radius: 6px;
}
.card img {
width: 100%;
height: auto;
}
.card .category .fa {
position: relative;
top: 6px;
}
.card .author .avatar {
overflow: hidden;
width: 30px;
height: 30px;
margin-right: 5px;
border-radius: 50%;
}
.card .author a {
color: #3C4858;
text-decoration: none;
}
.card .author .date {
display: none;
}
.card .footer {
margin-top: 15px;
}
.card .footer div {
/* WooCommerce fix */
display: inline-block !important;
}
.card .footer .author,
.card .footer .stats {
color: #999999;
}
.card .footer .stats {
float: right;
}
.card .footer .stats .fa {
position: relative;
top: 4px;
}
.card .checkbox {
margin-top: 16px;
}
.card-contact .header {
margin-top: -20px;
padding: 17px 10px;
}
.card-plain {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.card-plain .content {
padding-right: 5px;
padding-left: 5px;
}
.card-plain .card-image {
margin: 0;
border-radius: 3px;
}
.card-plain .card-image a {
display: block;
}
.card-plain .card-image img {
border-radius: 3px;
}
.card-form-horizontal .content {
padding-right: 15px;
padding-left: 15px;
}
.card-form-horizontal .form-group {
margin: 3px 0 0;
padding-bottom: 0;
}
.card-form-horizontal .form-group .form-control {
margin-bottom: 0;
}
.card-form-horizontal .btn {
margin: 0;
}
.card-form-horizontal .input-group .input-group-addon {
padding-left: 0;
}
.card-profile {
margin-top: 30px;
text-align: center;
}
.card-profile .card-avatar {
overflow: hidden;
max-width: 130px;
max-height: 130px;
margin: -50px auto 0;
border-radius: 50%;
}
.card-profile.card-plain .card-avatar {
margin-top: 0;
}
.card-testimonial {
margin-top: 30px;
text-align: center;
}
.card-testimonial .card-avatar {
max-width: 100px;
max-height: 100px;
margin: 30px auto 0;
}
.card-testimonial .card-avatar img {
overflow: hidden;
max-width: 130px;
max-height: 130px;
margin: -50px auto 0;
border-radius: 50%;
}
.card-testimonial .card-avatar + .content {
margin-top: 15px;
}
.card-blog {
margin-top: 30px;
}
.card-blog.sticky {
padding: 20px;
}
.card-blog.sticky .card-image {
margin-left: 0;
margin-right: 0;
}
.card-blog .row .category {
margin-bottom: 0;
}
.card-blog .row .category a {
color: #00bcd4;
}
.card-blog .card-title {
margin-top: 5px;
}
.card-blog a.moretag,
.card-blog a.more-link {
display: inline-block;
margin-left: 5px;
color: #23527c;
}
.card-blog a.moretag:hover,
.card-blog a.more-link:hover {
color: #89229b;
}
.card-background {
background-position: center center;
background-size: cover;
text-align: center;
}
.card-background .content {
position: relative;
z-index: 2;
max-width: 440px;
min-height: 280px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
}
.card-background .card-title {
margin-top: 10px;
color: #fff;
}
.card-background:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
opacity: 0;
background-color: rgba(0, 0, 0, 0.56);
content: "";
}
.card-background:hover:after {
opacity: 1;
}
.card-product {
vertical-align: top;
margin-top: 30px;
}
.card-product .btn-simple.btn-just-icon {
padding: 0;
}
.card-product .footer {
display: table;
margin-top: 5px;
width: 100%;
}
.card-product .footer .price {
display: table-cell !important;
vertical-align: top;
text-align: left;
}
.card-product .footer .price h4 {
color: #3C4858;
margin-bottom: 0;
}
.card-product .footer .stats {
display: table-cell !important;
padding-left: 10px;
vertical-align: bottom;
float: none;
text-align: right;
}
.card-product .footer .stats a {
margin: 10px 0 !important;
}
.card-product .footer .stats .fa {
top: 0;
margin-bottom: 2px;
}
.card-product .card-description ul {
list-style: none outside;
padding: 0;
margin-bottom: 10px;
}
.card-product .card-title,
.card-product .category,
.card-product .card-description {
text-align: center;
}
.img-thumbnail {
border-radius: 16px;
}
.iframe-container iframe {
width: 100%;
}
.card .card-image, .card .header, .card-profile .card-avatar, .card-testimonial .card-avatar img, .card-raised, .img-raised, .iframe-container iframe {
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table,
.table {
width: 100%;
}
table > thead > tr > th,
.table > thead > tr > th {
border-bottom-width: 1px;
padding: 12px 8px;
vertical-align: middle;
}
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 12px 8px;
vertical-align: middle;
}
table > tbody > tr,
.table > tbody > tr {
border-bottom: 1px solid #eee;
}
table > tbody > tr:last-child,
.table > tbody > tr:last-child {
border-bottom: 0;
}
/*--------------------------------------------------------------
## Shop Grid
--------------------------------------------------------------*/
/**
* Shop Grid
* Products Grid on any page where WooCommerce shortcode is used, including the Shop page
*
* Why is this file here and not in 6_woocommerce folder
* It's because woocommerce CSS it's loaded only on WC pages and front page
* This approach should work on any page where a WooCommerce shortcode is used
*/
.woocommerce ul.products:before {
display: none !important;
}
.woocommerce ul.products.columns-6,
.woocommerce ul.products.columns-5,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-1 {
display: grid;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-1 li.product {
width: auto;
min-width: 0;
margin: 0;
}
.woocommerce ul.products.columns-6 li.product-category,
.woocommerce ul.products.columns-5 li.product-category,
.woocommerce ul.products.columns-4 li.product-category,
.woocommerce ul.products.columns-3 li.product-category,
.woocommerce ul.products.columns-2 li.product-category,
.woocommerce ul.products.columns-1 li.product-category {
text-align: center;
}
@media (min-width: 992px) {
.woocommerce {
/* Compatibility with left and right sidebar on archive page */
}
.woocommerce .products.columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.woocommerce .products.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.woocommerce .products.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.woocommerce .products.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.woocommerce .products.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.woocommerce .products.columns-1 {
grid-template-columns: 1fr;
}
.woocommerce .products.columns-1 li.product-category {
margin: 30px auto 0 !important;
}
.woocommerce .products.columns-2 li.product-category > a > img,
.woocommerce .products.columns-1 li.product-category > a > img {
max-width: 230px;
}
.woocommerce .products.columns-2 li.product,
.woocommerce .products.columns-1 li.product {
text-align: center;
}
.woocommerce .products.columns-2 li.product .card-product,
.woocommerce .products.columns-1 li.product .card-product {
width: auto;
}
.woocommerce .products.columns-2 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-1 li.product .card-product .card-image > a > img {
max-width: 230px;
}
.woocommerce .products.columns-2 li.product .card-product .content,
.woocommerce .products.columns-1 li.product .card-product .content {
max-width: 230px;
margin-left: auto;
margin-right: auto;
}
.woocommerce .content-sidebar-left .products.columns-6,
.woocommerce .content-sidebar-left .products.columns-5,
.woocommerce .content-sidebar-right .products.columns-6,
.woocommerce .content-sidebar-right .products.columns-5 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 991px) {
.woocommerce {
/* Compatibility with left and right sidebar on archive page */
}
.woocommerce .products.columns-6,
.woocommerce .products.columns-5,
.woocommerce .products.columns-4,
.woocommerce .products.columns-3,
.woocommerce .products.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.woocommerce .products.columns-2 li.product-category {
margin: 30px auto 30px;
}
.woocommerce .products.columns-1 {
grid-template-columns: 1fr;
}
.woocommerce .products.columns-1 li {
margin: 25px auto;
}
.woocommerce .products.columns-1 li.product-category {
margin: 55px auto 25px;
}
.woocommerce .products.columns-6 li.product-category > a > img,
.woocommerce .products.columns-5 li.product-category > a > img,
.woocommerce .products.columns-4 li.product-category > a > img,
.woocommerce .products.columns-3 li.product-category > a > img,
.woocommerce .products.columns-2 li.product-category > a > img,
.woocommerce .products.columns-1 li.product-category > a > img {
max-width: 230px;
}
.woocommerce .products.columns-6 li.product,
.woocommerce .products.columns-5 li.product,
.woocommerce .products.columns-4 li.product,
.woocommerce .products.columns-3 li.product,
.woocommerce .products.columns-2 li.product,
.woocommerce .products.columns-1 li.product {
text-align: center;
}
.woocommerce .products.columns-6 li.product .card-product,
.woocommerce .products.columns-5 li.product .card-product,
.woocommerce .products.columns-4 li.product .card-product,
.woocommerce .products.columns-3 li.product .card-product,
.woocommerce .products.columns-2 li.product .card-product,
.woocommerce .products.columns-1 li.product .card-product {
width: auto;
}
.woocommerce .products.columns-6 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-5 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-4 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-3 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-2 li.product .card-product .card-image > a > img,
.woocommerce .products.columns-1 li.product .card-product .card-image > a > img {
max-width: 230px;
}
.woocommerce .products.columns-6 li.product .card-product .content,
.woocommerce .products.columns-5 li.product .card-product .content,
.woocommerce .products.columns-4 li.product .card-product .content,
.woocommerce .products.columns-3 li.product .card-product .content,
.woocommerce .products.columns-2 li.product .card-product .content,
.woocommerce .products.columns-1 li.product .card-product .content {
max-width: 230px;
margin-left: auto;
margin-right: auto;
}
.woocommerce .content-sidebar-left .products.columns-6,
.woocommerce .content-sidebar-left .products.columns-5,
.woocommerce .content-sidebar-right .products.columns-6,
.woocommerce .content-sidebar-right .products.columns-5 {
grid-template-columns: repeat(2, 1fr);
}
/* End of woocommerce */
}
/* End of media query */
@media (max-width: 767px) {
.woocommerce {
/* Compatibility with left and right sidebar on archive page */
}
.woocommerce .products[class*="columns-"] {
grid-template-columns: 1fr;
}
.woocommerce .products[class*="columns-"] li {
margin: 20px auto 1px !important;
}
.woocommerce .products[class*="columns-"] li.product-category {
margin: 50px auto 1px !important;
}
.woocommerce .content-sidebar-left .products.columns-6,
.woocommerce .content-sidebar-left .products.columns-5,
.woocommerce .content-sidebar-right .products.columns-6,
.woocommerce .content-sidebar-right .products.columns-5 {
grid-template-columns: 1fr;
}
/* End of woocommerce */
}
/* End of media query */
/* Compatibility with Internet Explorer */
@media (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none) {
.woocommerce ul.products.columns-6,
.woocommerce ul.products.columns-5,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-1 {
display: block;
-ms-grid-columns: none;
}
.woocommerce .content-full ul.products.columns-4 li.product,
.woocommerce .content-sidebar-left ul.products.columns-4 li.product,
.woocommerce .content-sidebar-right ul.products.columns-4 li.product {
width: 25%;
}
.woocommerce .content-full ul.products.columns-3 li.product,
.woocommerce .content-sidebar-left ul.products.columns-3 li.product,
.woocommerce .content-sidebar-right ul.products.columns-3 li.product {
width: 33.33%;
}
.woocommerce .content-full ul.products.columns-2 li.product,
.woocommerce .content-sidebar-left ul.products.columns-2 li.product,
.woocommerce .content-sidebar-right ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce .content-full ul.products.columns-1 li.product,
.woocommerce .content-sidebar-left ul.products.columns-1 li.product,
.woocommerce .content-sidebar-right ul.products.columns-1 li.product {
width: 100%;
}
.woocommerce .content-full ul.products.columns-6 li.product {
width: 16.66%;
}
.woocommerce .content-full ul.products.columns-5 li.product {
width: 20%;
}
.woocommerce .content-sidebar-left ul.products.columns-6 li.product,
.woocommerce .content-sidebar-left ul.products.columns-5 li.product,
.woocommerce .content-sidebar-right ul.products.columns-6 li.product,
.woocommerce .content-sidebar-right ul.products.columns-5 li.product {
width: 25%;
}
.woocommerce .content-sidebar-left ul.products.columns-6 li.first,
.woocommerce .content-sidebar-left ul.products.columns-5 li.first,
.woocommerce .content-sidebar-right ul.products.columns-6 li.first,
.woocommerce .content-sidebar-right ul.products.columns-5 li.first {
clear: none;
}
}
@media (max-width: 991px) and (-ms-high-contrast: active), (max-width: 991px) and (-ms-high-contrast: none) {
.woocommerce ul.products.columns-6,
.woocommerce ul.products.columns-5,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-1 {
display: block;
}
.woocommerce ul.products.columns-6 li.first,
.woocommerce ul.products.columns-6 li.last,
.woocommerce ul.products.columns-5 li.first,
.woocommerce ul.products.columns-5 li.last,
.woocommerce ul.products.columns-4 li.first,
.woocommerce ul.products.columns-4 li.last,
.woocommerce ul.products.columns-3 li.first,
.woocommerce ul.products.columns-3 li.last,
.woocommerce ul.products.columns-2 li.first,
.woocommerce ul.products.columns-2 li.last,
.woocommerce ul.products.columns-1 li.first,
.woocommerce ul.products.columns-1 li.last {
clear: none;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce ul.products.columns-1 li.product {
width: 100%;
}
}
@media (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) {
.woocommerce ul.products.columns-6 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-1 li.product {
width: 100%;
}
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.carousel #parallax_move {
width: 100%;
height: 100%;
position: absolute;
}
.carousel #parallax_move .layer {
background-size: cover;
width: 100%;
height: 100%;
background-position: top center;
}
.carousel #parallax_move .layer2 {
position: absolute;
top: 0;
}
.carousel .btn {
margin: 0;
}
.carousel .page-header {
display: flex;
z-index: -2;
}
.carousel .page-header .row {
display: flex;
align-items: center;
padding: 0 15px;
margin: 0;
flex: 1;
max-width: 100%;
}
.carousel .carousel-control.left, .carousel .carousel-control.right {
z-index: 99;
background-image: none;
}
.carousel .item {
text-align: center;
}
.carousel .item .container {
display: flex;
position: relative;
padding: 100px 0;
}
.carousel .carousel-control {
text-shadow: none;
}
.carousel .carousel-control.left {
/**
* rtl:ignore
*/
right: auto;
/**
* rtl:ignore
*/
left: 0;
}
.carousel .carousel-control.right {
/**
* rtl:ignore
*/
right: 0;
}
.carousel .carousel-control .fa {
display: inline-block;
position: absolute;
z-index: 5;
top: 50%;
bottom: 15px;
}
.carousel .buttons .btn-left + .btn-right {
margin-left: 30px;
}
.wp-custom-header img, .wp-custom-header video, .wp-custom-header iframe {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
max-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: -1;
}
.wp-custom-header img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.wp-custom-header .wp-custom-header-video-button {
display: none;
}
#carousel-hestia-generic .carousel {
overflow: hidden;
}
.big-title-sidebar-wrapper .widget {
padding: 30px 0;
}
.big-title-sidebar-wrapper .pirate-forms-contact-widget {
background: #Fff;
color: #3C4858;
padding: 10px;
border-radius: 6px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.hestia-slider-alignment-left .pirate-forms-contact-widget {
margin-left: auto;
}
.hestia-slider-alignment-left .widget_media_image img {
display: block;
margin-left: auto;
}
.hestia-slider-alignment-right .pirate-forms-contact-widget {
margin-right: auto;
}
.hestia-slider-alignment-right .widget_media_image img {
display: block;
margin-right: auto;
}
@media (max-width: 1600px) {
.carousel-control.left {
width: 50px;
}
.carousel-control.left i {
left: 10px;
}
.carousel-control.right {
width: 50px;
}
.carousel-control.right i {
right: 10px;
}
}
/*--------------------------------------------------------------
## Generic
--------------------------------------------------------------*/
.section-gray {
background: #f0f0f0;
}
.section {
padding: 70px 0;
}
.section-dark, .section-image {
background: #232323;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
background: -webkit-radial-gradient(center ellipse, #585858 0%, #232323 100%);
background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
background-color: #343434;
background-size: 200% 240%;
background-size: 550% 450%;
}
.section-dark .hestia-title,
.section-dark .title,
.section-dark .card-plain .card-title,
.section-dark .card-plain .icon i,
.section-dark .card-plain [class*="text-"],
.section-dark .card-plain ul li b,
.section-image .hestia-title,
.section-image .title,
.section-image .card-plain .card-title,
.section-image .card-plain .icon i,
.section-image .card-plain [class*="text-"],
.section-image .card-plain ul li b {
color: #fff;
}
.section-dark .description,
.section-dark .card-plain .card-description,
.section-dark .card-plain .icon,
.section-image .description,
.section-image .card-plain .card-description,
.section-image .card-plain .icon {
color: #eaeaea;
}
.section-dark .card-plain .category,
.section-image .card-plain .category {
color: rgba(255, 255, 255, 0.5);
}
.section-image {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.section-image:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
content: "";
}
.section-image .container {
position: relative;
z-index: 2;
}
.section, .section-image {
background-position: center center;
background-size: cover;
}
.hestia-features, .features, .products, .hestia-work, .hestia-testimonials, .hestia-blogs, .subscribe-line {
padding: 65px 0 70px;
}
.about,
.hestia-about {
padding: 65px 0 30px;
}
.team,
.hestia-team {
padding: 65px 0 20px;
}
.testimonials,
.hestia-testimonials {
padding: 65px 0 40px;
}
.contactus {
padding: 90px 0 70px;
}
.pricing {
padding: 100px 0 70px;
}
/* Shop section on any page, even when using a shortcode to display the section */
/* Style card-product to be same as WooCommerce archive when less than 3 products per row */
.hestia-shop-content .shop-item.col-ms-6.col-sm-6 {
text-align: center;
}
.hestia-shop-content .shop-item.col-ms-6.col-sm-6 .card-product {
width: auto;
}
.hestia-shop-content .shop-item.col-ms-6.col-sm-6 .card-product .card-image > a > img {
max-width: 230px;
}
.hestia-shop-content .shop-item.col-ms-6.col-sm-6 .card-product .content {
max-width: 230px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.home .hestia-features .row, .home .hestia-work .row, .home .hestia-team .row, .home .hestia-testimonials .row, .home #blog.hestia-blogs .row, .home .hestia-clients-bar .row {
text-align: center;
}
.home .feature-box,
.home .hestia-work .col-md-4,
.home .hestia-testimonials .col-md-4,
.home .hestia-work .col-md-6,
.home .hestia-team .col-sm-6,
.home #blog.hestia-blogs .hestia-blog-item,
.home .hestia-clients-bar .col-md-3 {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-left: -4px;
vertical-align: top;
}
.home .hestia-blog-item {
text-align: left;
}
}
@media (min-width: 768px) {
.home section.products .col-md-3.shop-item {
display: inline-block;
float: none !important;
margin-right: -3px;
margin-left: -2px;
}
.home section.products .row {
text-align: center;
}
}
@media (min-width: 480px) {
.home .hestia-features .row,
.home .hestia-work .row,
.home .hestia-team .row,
.home .hestia-testimonials .row,
.home #blog.hestia-blogs .row,
.home .hestia-clients-bar .row {
text-align: center;
}
.home .feature-box,
.home .hestia-work .portfolio-item,
.home .hestia-testimonials .col-sm-6,
.home .hestia-team .col-sm-6,
.home #blog.hestia-blogs .hestia-blog-item,
.home .hestia-clients-bar .col-md-3 {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-left: -4px;
vertical-align: top;
}
}
@media (min-width: 481px) and (max-width: 991px) {
.hestia-shop-content .shop-item.col-sm-6.col-ms-6 {
text-align: right;
}
.hestia-shop-content .shop-item.col-sm-6.col-ms-6:nth-of-type(2n) {
text-align: left;
}
}
/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
.hestia-about {
background-attachment: fixed;
color: #999999;
}
.hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 {
color: #3C4858;
text-decoration: none;
word-wrap: break-word;
font-family: "Roboto Slab", "Times New Roman", serif;
}
.hestia-about.section-image {
color: #fefefe;
}
.hestia-about.section-image h1, .hestia-about.section-image h2, .hestia-about.section-image h3, .hestia-about.section-image h4, .hestia-about.section-image h5 {
color: #fff;
}
.hestia-about.section-image h6 {
color: rgba(255, 255, 255, 0.76);
}
.hestia-about .customizer-hidden {
display: none;
}
.products .shop-item {
margin-top: 30px;
}
.is-ios .hestia-about,
.is-ios .hestia-ribbon {
background-attachment: scroll;
}
/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.hestia-work .portfolio-item {
margin-top: 30px;
cursor: pointer;
}
.hestia-work .card-background .content {
padding-bottom: 50px;
opacity: 0;
}
.hestia-work .col-md-4 .card-background .content {
padding-top: 30%;
}
.hestia-work .col-md-6 .card-background .content {
padding-top: 20%;
}
.hestia-work .card-background:hover a {
opacity: 1;
}
.hestia-work .card-background:hover .content {
opacity: 1;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.hestia-work .portfolio-item:nth-child(6n) .label {
background-color: #4caf50;
}
.hestia-work .portfolio-item:nth-child(6n+1) .label {
background-color: #89229b;
}
.hestia-work .portfolio-item:nth-child(6n+2) .label {
background-color: #00bcd4;
}
.hestia-work .portfolio-item:nth-child(6n+3) .label {
background-color: #f44336;
}
.hestia-work .portfolio-item:nth-child(6n+4) .label {
background-color: #ff9800;
}
.hestia-work .portfolio-item:nth-child(6n+5) .label {
background-color: #e91e63;
}
.hestia-portfolio-modal .header-filter-gradient {
border-radius: 6px 6px 0 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.hestia-portfolio-modal {
background: rgba(0, 0, 0, 0.7);
}
.hestia-portfolio-modal .modal-header {
position: relative;
border-radius: 6px 6px 0 0;
}
.hestia-portfolio-modal .modal-header h3 {
margin: 0;
padding: 104px 0;
color: #fff;
}
.hestia-portfolio-modal .modal-header:before {
border-radius: 6px 6px 0 0;
}
.hestia-portfolio-modal .modal-header a {
color: #ffffff;
z-index: 2;
}
.hestia-portfolio-modal .modal-header a:hover {
color: #ffffff;
}
.hestia-portfolio-modal .modal-header:after {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 6px 6px 0 0;
}
.hestia-portfolio-modal .modal-header .close {
z-index: 3;
font-size: 30px;
background: none;
float: right;
box-shadow: none;
line-height: 16px;
margin: 0;
padding: 10px;
}
.hestia-portfolio-modal .modal-header .portfolio-title-container {
position: relative;
z-index: 2;
}
.hestia-portfolio-modal .modal-content {
border-radius: 6px;
}
.hestia-portfolio-modal .modal-content .modal-body {
padding: 40px;
}
.hestia-portfolio-modal .modal-content .portfolio-loading {
padding: 20px 0;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
.contactus .content .row {
padding: 0;
}
.contactus .col-md-offset-2 {
padding: 0 20px;
}
.contactus .form-group {
margin: 0;
padding-bottom: 24px;
}
.contactus .pirate-forms-footer .form-group {
padding-bottom: 0;
}
.contactus .card .content {
padding: 30px 30px 0;
}
.contactus .pirate_forms_wrap {
float: none;
}
.contactus .pirate_forms_wrap #pirate-forms-contact-message {
height: 130px;
}
.contactus .pirate_forms_wrap .form_field_wrap {
margin-bottom: 17px;
}
.contactus .pirate_forms_wrap .btn {
margin: 0;
}
.contactus .pirate_forms_wrap .pirateform_wrap_classes_spam_wrap {
color: #aaa;
font-weight: 400;
}
.contactus .contact_message_wrap {
margin-bottom: 0;
}
.contactus .contact_submit_wrap {
text-align: right;
margin-bottom: 0;
}
.contactus .hestia-info,
.contactus .info {
margin: 0;
padding: 0;
}
.contactus .hestia-info,
.contactus .hestia-info p,
.contactus .hestia-info a:not(.btn),
.contactus .info,
.contactus .info p,
.contactus .info a:not(.btn) {
color: #ccc;
}
.contactus .hestia-info a:not(.btn):hover,
.contactus .info a:not(.btn):hover {
text-decoration: underline;
}
.contactus .hestia-info:first-child,
.contactus .info:first-child {
margin-top: 30px;
}
.contactus .hestia-info .info-title,
.contactus .info .info-title {
margin-top: 20px;
color: #fff;
}
.contactus .hestia-info .icon,
.contactus .info .icon {
margin-top: 14px;
color: #fff;
}
.contactus h5.description {
color: #ccc;
}
.contactus .card-contact {
margin-top: 30px;
}
.contactus .pirate_forms_wrap .pirate-forms-footer {
display: block;
}
.contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap {
display: block;
}
.contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap > div > div {
margin: 0 auto 20px;
}
.contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap + .contact_submit_wrap {
text-align: center;
display: block;
}
.pirate_forms_wrap .pirate-forms-footer .form_field_wrap.contact_submit_wrap {
width: 100%;
text-align: right;
}
.pirate-forms-maps-custom span:before,
.pirate-forms-maps-custom span:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.pirate-forms-maps-custom span:before {
background: transparent;
border: 1px solid #aaa;
border-radius: 3px;
left: 0;
height: 18px;
width: 18px;
}
.pirate-forms-maps-custom span:after {
content: '\f00c';
font-family: 'FontAwesome';
left: 2px;
top: 1px;
color: transparent;
}
.pirate-forms-maps-custom input[type="checkbox"] {
display: none;
}
.pirate-forms-maps-custom label {
color: #aaa;
cursor: pointer;
font-weight: 100;
margin: 8px 0;
padding-left: 20px;
position: relative;
}
.pirate-forms-maps-custom input[type="checkbox"]:checked + label span:after {
color: #787878;
}
.pirate-forms-file-upload-input,
.pirate_forms_three_inputs_wrap .form_field_wrap input.pirate-forms-file-upload-input {
height: 50px;
padding: 0 15px;
margin: 10px 0 0;
}
/*--------------------------------------------------------------
## Features Section
--------------------------------------------------------------*/
.hestia-features, .features {
padding: 75px 0 55px;
text-align: center;
}
.hestia-features .hestia-title,
.hestia-features .title, .features .hestia-title,
.features .title {
margin-top: 10px;
}
.hestia-features .hestia-info,
.hestia-features .info, .features .hestia-info,
.features .info {
padding: 70px 0 30px;
margin: 0 auto;
}
.hestia-features .feature-box .card, .features .feature-box .card {
width: auto;
overflow: hidden;
margin-bottom: 0;
}
.hestia-features .feature-box img, .features .feature-box img {
max-width: 150px;
}
.hestia-info, .info {
max-width: 360px;
}
.hestia-info a:hover .info-title, .hestia-info a:hover .icon, .info a:hover .info-title, .info a:hover .icon {
opacity: .75;
}
.hestia-info a:hover .icon, .info a:hover .icon {
transform: scale(1.05) translateY(-5px);
}
.hestia-info .icon, .info .icon {
transition: .3s ease;
color: #999999;
}
.hestia-info .info-title, .info .info-title {
transition: .3s ease;
margin: 30px 0 15px;
color: #3C4858;
}
.hestia-info p, .info p {
color: #999999;
}
.info-horizontal .icon {
float: left;
margin-top: 24px;
margin-right: 10px;
}
.info-horizontal .description {
overflow: hidden;
}
.icon.icon-primary {
color: #9c27b0;
}
.icon.icon-success {
color: #4caf50;
}
.icon.icon-danger {
color: #f44336;
}
.icon.icon-rose {
color: #e91e63;
}
.single-product .hestia-features,
.single-product .features {
padding: 50px 0 0;
}
.single-product .hestia-features .hestia-info > p, .single-product .hestia-features .info > p,
.single-product .features .hestia-info > p,
.single-product .features .info > p {
margin-bottom: 10px;
}
/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.hestia-team .col-xs-6,
.team .col-xs-6 {
padding-left: 0;
padding-right: 0;
}
.hestia-team .btn-just-icon,
.team .btn-just-icon {
transition: .3s ease;
}
.hestia-team .btn-just-icon:hover,
.team .btn-just-icon:hover {
opacity: .75;
}
.hestia-team .card,
.team .card {
text-align: left;
}
.hestia-team .card .content,
.team .card .content {
padding-top: 0;
}
.hestia-team .card .content a:hover > .card-title,
.team .card .content a:hover > .card-title {
opacity: .75;
}
.hestia-team .card .footer,
.team .card .footer {
margin-left: -12px;
margin-top: 0;
}
.hestia-team h5.description,
.team h5.description {
margin-bottom: 70px;
}
.hestia-team img,
.team img {
transition: 1s ease-in;
}
.hestia-team .card-image a:hover,
.team .card-image a:hover {
opacity: 1;
}
.hestia-team .card-image a:hover img,
.team .card-image a:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.authors-on-blog {
background: #121417;
background: -moz-linear-gradient(top, #121417 0%, #323437 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #121417), color-stop(100%, #323437));
background: -webkit-linear-gradient(top, #121417 0%, #323437 100%);
background: -o-linear-gradient(top, #121417 0%, #323437 100%);
background: -ms-linear-gradient(top, #121417 0%, #323437 100%);
background: linear-gradient(to bottom, #121417 0%, #323437 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121417', endColorstr='#323437', GradientType=0 );
}
.authors-on-blog .card-title {
color: #fff;
}
.authors-on-blog .footer a:hover {
color: #fff;
}
.hestia-team .footer a[href*="facebook.com"],
.team .footer a[href*="facebook.com"],
.footer-menu a[href*="facebook.com"] {
color: #3b5998;
}
.hestia-team .footer a[href*="twitter.com"],
.team .footer a[href*="twitter.com"],
.footer-menu a[href*="twitter.com"] {
color: #55acee;
}
.hestia-team .footer a[href*="pinterest.com"],
.team .footer a[href*="pinterest.com"],
.footer-menu a[href*="pinterest.com"] {
color: #cc2127;
}
.hestia-team .footer a[href*="google.com"],
.team .footer a[href*="google.com"],
.footer-menu a[href*="google.com"] {
color: #dd4b39;
}
.hestia-team .footer a[href*="linkedin.com"],
.team .footer a[href*="linkedin.com"],
.footer-menu a[href*="linkedin.com"] {
color: #0976b4;
}
.hestia-team .footer a[href*="dribbble.com"],
.team .footer a[href*="dribbble.com"],
.footer-menu a[href*="dribbble.com"] {
color: #ea4c89;
}
.hestia-team .footer a[href*="github.com"],
.team .footer a[href*="github.com"],
.footer-menu a[href*="github.com"] {
color: #333;
}
.hestia-team .footer a[href*="youtube.com"],
.team .footer a[href*="youtube.com"],
.footer-menu a[href*="youtube.com"] {
color: #e52d27;
}
.hestia-team .footer a[href*="instagram.com"],
.team .footer a[href*="instagram.com"],
.footer-menu a[href*="instagram.com"] {
color: #125688;
}
.hestia-team .footer a[href*="reddit.com"],
.team .footer a[href*="reddit.com"],
.footer-menu a[href*="reddit.com"] {
color: #ff4500;
}
.hestia-team .footer a[href*="tumblr.com"],
.team .footer a[href*="tumblr.com"],
.footer-menu a[href*="tumblr.com"] {
color: #35465c;
}
.hestia-team .footer a[href*="behance.com"],
.team .footer a[href*="behance.com"],
.footer-menu a[href*="behance.com"] {
color: #1769ff;
}
.hestia-team .footer a[href*="snapchat.com"],
.team .footer a[href*="snapchat.com"],
.footer-menu a[href*="snapchat.com"] {
color: #fffc00;
}
.hestia-team .footer a[href*="deviantart.com"],
.team .footer a[href*="deviantart.com"],
.footer-menu a[href*="deviantart.com"] {
color: #05cc47;
}
.hestia-team .footer a[href*="vimeo.com"],
.team .footer a[href*="vimeo.com"],
.footer-menu a[href*="vimeo.com"] {
color: #1ab7ea;
}
/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/
.card-pricing {
text-align: center;
}
.card-pricing .card-title {
margin-top: 30px;
}
.card-pricing .content {
padding: 15px !important;
}
.card-pricing small:first-child {
position: relative;
top: -17px;
}
.card-pricing ul {
max-width: 240px;
margin: 10px auto;
padding: 0;
list-style: none;
}
.card-pricing ul li {
padding: 12px 0;
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
color: #999999;
text-align: center;
}
.card-pricing ul li:last-child {
border: 0;
}
.card-pricing ul li b {
color: #3C4858;
}
.card-pricing .hestia-pricing-icon-wrapper {
border-radius: 50%;
border: 1px solid #e5e5e5;
width: 80px;
height: 80px;
margin: 10px auto 0;
}
.card-pricing .hestia-pricing-icon-wrapper i {
color: inherit;
font-size: 30px;
line-height: 80px;
}
.card-pricing .hestia-pricing-icon-wrapper.pricing-has-icon + .card-title {
font-size: 25px;
margin-top: 20px;
}
.card-pricing .hestia-pricing-icon-wrapper.pricing-has-icon + .card-title small {
color: inherit;
top: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.card-pricing .card-pricing.card-plain .hestia-pricing-icon-wrapper {
border-color: #d6d1d1;
}
/*--------------------------------------------------------------
## Ribbon Section
--------------------------------------------------------------*/
.hestia-ribbon {
background-attachment: fixed;
padding: 100px 0;
}
@media (max-width: 991px) {
.hestia-subscribe-button {
margin-top: 40px;
}
}
/*--------------------------------------------------------------
## Subscribe Section
--------------------------------------------------------------*/
.subscribe-line {
padding: 65px 0;
}
.subscribe-line .card {
margin-top: 30px;
}
.subscribe-line .card .content .row {
margin: 0;
}
.subscribe-line .card .input-group {
display: table;
}
.subscribe-line .card .input-group .input-group-addon {
display: table-cell;
padding: 0 15px 0 0;
width: 1%;
}
.subscribe-line .card .input-group .form-group {
display: table-cell;
padding-bottom: 0;
}
.subscribe-line .card input[type=submit],
.subscribe-line .card input[type=button],
.subscribe-line .card .btn {
white-space: nowrap;
}
.subscribe-line.subscribe-line-image {
position: relative;
background-position: top center;
background-size: cover;
}
.subscribe-line.subscribe-line-image .title,
.subscribe-line.subscribe-line-image .hestia-title {
color: #fff;
}
.subscribe-line.subscribe-line-image:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.66);
content: "";
}
.subscribe-line.subscribe-line-image .container {
position: relative;
z-index: 2;
}
.subscribe-line .card h5,
.subscribe-line .sib_loader {
display: none !important;
}
#sib_signup_form_1 {
text-align: center;
}
#sib_signup_form_1 .input-group-addon {
width: 20px;
display: inline-block;
vertical-align: bottom;
text-align: center;
margin-right: 10px;
font-size: 16px;
margin-bottom: 15px;
}
#sib_signup_form_1 p.form-group {
display: inline-block;
width: calc(100% - 30px);
margin-bottom: 15px;
text-align: left;
}
#sib_signup_form_1 p.form-group label {
z-index: -1;
top: 10px;
position: absolute;
font-weight: 400;
color: #909090;
}
#sib_signup_form_1 p.form-group:not(.is-empty) label {
display: none;
}
/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
.hestia-blogs article .card-image img {
transition: 1s ease-out;
}
.hestia-blogs article .card-image a:hover {
opacity: 1;
}
.hestia-blogs article .card-image a:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer .widget h5 {
margin-bottom: 20px;
}
.footer a {
color: #3C4858;
}
.footer-big {
color: #999999;
padding: 30px 0 18px;
text-align: center;
}
.footer-big ul {
margin-bottom: 0;
padding: 0;
list-style: none;
}
.footer-big ul li a {
display: inline-block;
position: relative;
padding: 5px 0;
border-radius: 3px;
text-decoration: none;
text-transform: uppercase;
}
.footer-big ul li a:hover {
text-decoration: none;
}
.footer-big ul li .btn {
margin: 0;
}
.footer-big p {
color: #999999;
}
.footer-big .footer-menu li {
display: inline-block;
}
.footer-big .footer-menu li a {
padding: 15px;
}
.footer-big .copyright {
padding: 15px 0;
}
.footer-big .content {
text-align: left;
}
.footer-big hr {
margin-top: 10px;
}
.footer-black {
background: #323437;
}
.footer-black a {
opacity: 0.86;
color: #fff;
}
.footer-black a:hover, .footer-black a:focus {
opacity: 1;
}
.footer-black h5, .footer-black h4, .footer-black i, .footer-black .copyright {
color: #fff;
}
.footer-black hr {
border-color: rgba(255, 255, 255, 0.2);
}
.hestia-bottom-footer-content {
position: relative;
}
.hestia-center {
width: 100%;
text-align: center;
}
.footer-big .footer-menu li a[href*="mailto:"],
.footer-big .footer-menu li a[href*="tel:"] {
color: transparent;
padding: 10px;
}
.footer-big .footer-menu li a[href*="mailto:"]:before,
.footer-big .footer-menu li a[href*="tel:"]:before {
color: #fff;
font-family: 'FontAwesome';
}
.footer-big .footer-menu li a[href*="mailto:"]:hover:before,
.footer-big .footer-menu li a[href*="tel:"]:hover:before {
color: #999;
}
.footer-big .footer-menu li a[href*="mailto:"]:before {
content: '\f0e0';
}
.footer-big .footer-menu li a[href*="tel:"]:before {
content: '\f095';
}
.footer-big .footer-menu li a[href*="facebook.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="facebook.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="facebook.com"]:hover:before {
color: #3b5998;
}
.footer-black .footer-menu li a[href*="facebook.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="twitter.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="twitter.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="twitter.com"]:hover:before {
color: #55acee;
}
.footer-black .footer-menu li a[href*="twitter.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="pinterest.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="pinterest.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="pinterest.com"]:hover:before {
color: #cc2127;
}
.footer-black .footer-menu li a[href*="pinterest.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="google.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="google.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="google.com"]:hover:before {
color: #dd4b39;
}
.footer-black .footer-menu li a[href*="google.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="linkedin.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="linkedin.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="linkedin.com"]:hover:before {
color: #0976b4;
}
.footer-black .footer-menu li a[href*="linkedin.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="dribbble.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="dribbble.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="dribbble.com"]:hover:before {
color: #ea4c89;
}
.footer-black .footer-menu li a[href*="dribbble.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="github.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="github.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="github.com"]:hover:before {
color: #333;
}
.footer-black .footer-menu li a[href*="github.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="youtube.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="youtube.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="youtube.com"]:hover:before {
color: #e52d27;
}
.footer-black .footer-menu li a[href*="youtube.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="instagram.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="instagram.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="instagram.com"]:hover:before {
color: #125688;
}
.footer-black .footer-menu li a[href*="instagram.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="reddit.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="reddit.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="reddit.com"]:hover:before {
color: #ff4500;
}
.footer-black .footer-menu li a[href*="reddit.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="tumblr.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="tumblr.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="tumblr.com"]:hover:before {
color: #35465c;
}
.footer-black .footer-menu li a[href*="tumblr.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="behance.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="behance.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="behance.com"]:hover:before {
color: #1769ff;
}
.footer-black .footer-menu li a[href*="behance.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="snapchat.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="snapchat.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="snapchat.com"]:hover:before {
color: #fffc00;
}
.footer-black .footer-menu li a[href*="snapchat.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="deviantart.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="deviantart.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="deviantart.com"]:hover:before {
color: #05cc47;
}
.footer-black .footer-menu li a[href*="deviantart.com"]:before {
color: #fff;
}
.footer-big .footer-menu li a[href*="vimeo.com"] {
color: transparent;
font-size: 0;
padding: 10px;
}
.footer-big .footer-menu li a[href*="vimeo.com"]:before {
content: "";
font-family: 'FontAwesome';
color: #3c4858;
font-size: 16px;
}
.footer-big .footer-menu li a[href*="vimeo.com"]:hover:before {
color: #1ab7ea;
}
.footer-black .footer-menu li a[href*="vimeo.com"]:before {
color: #fff;
}
.hestia-scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 999;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding: 0;
margin: 0;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 20px;
background-color: #999999;
-webkit-box-shadow: none;
box-shadow: none;
}
.hestia-scroll-to-top:hover {
background-color: #999999;
-webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42);
box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2);
}
.hestia-scroll-to-top:focus {
background-color: #999999;
-webkit-box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.42);
box-shadow: 0 14px 26px -12px rgba(49, 49, 49, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(49, 49, 49, 0.2);
}
.hestia-fade {
opacity: 1;
}
/*--------------------------------------------------------------
## Top bar
--------------------------------------------------------------*/
.hestia-top-bar {
height: 40px;
max-height: 40px;
}
.hestia-top-bar .col-md-6,
.hestia-top-bar .col-md-12 {
max-height: 40px;
}
.hestia-top-bar .col-md-6.pull-right,
.hestia-top-bar .col-md-12.pull-right {
text-align: right;
}
.hestia-top-bar .col-md-6.pull-right .widget.widget_shopping_cart .cart_list,
.hestia-top-bar .col-md-12.pull-right .widget.widget_shopping_cart .cart_list {
left: auto;
right: 0;
}
.hestia-top-bar .widget {
margin: 0 10px 0 0;
}
.hestia-top-bar .widget:last-of-type {
margin-right: 0;
}
.hestia-top-bar .widget,
.hestia-top-bar .widget h5,
.hestia-top-bar .widget .textwidget {
display: inline-block;
}
.hestia-top-bar .widget h5 {
margin: 0 5px 0 0;
}
.hestia-top-bar .widget .btn {
padding: 3px 10px;
}
.hestia-top-bar .widget.widget_nav_menu h5, .hestia-top-bar .widget.widget_categories h5, .hestia-top-bar .widget.widget_product_categories h5 {
display: none;
}
.hestia-top-bar .widget.widget_search button[type=submit],
.hestia-top-bar .widget.widget_search h5, .hestia-top-bar .widget.widget_product_search button[type=submit],
.hestia-top-bar .widget.widget_product_search h5 {
display: none;
}
.hestia-top-bar .widget.widget_search .label-floating, .hestia-top-bar .widget.widget_product_search .label-floating {
display: inline-block;
margin: 0;
padding: 0;
width: auto;
}
.hestia-top-bar .widget.widget_search .label-floating .control-label, .hestia-top-bar .widget.widget_product_search .label-floating .control-label {
padding: 0;
}
.hestia-top-bar .widget.widget_search .label-floating.is-empty .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-empty .control-label {
position: absolute;
left: 25px;
top: 12px;
right: -25px;
margin-top: 0;
text-align: left;
opacity: 1;
}
.hestia-top-bar .widget.widget_search .label-floating.is-focused .control-label, .hestia-top-bar .widget.widget_product_search .label-floating.is-focused .control-label {
opacity: 0;
}
.hestia-top-bar .widget.widget_search .label-floating:not(.is-empty) .control-label, .hestia-top-bar .widget.widget_product_search .label-floating:not(.is-empty) .control-label {
opacity: 0;
left: 25px;
top: 12px;
}
.hestia-top-bar .widget.widget_search form:not(.form-group), .hestia-top-bar .widget.widget_product_search form:not(.form-group) {
opacity: 0;
}
.hestia-top-bar .widget.widget_search form.form-group, .hestia-top-bar .widget.widget_product_search form.form-group {
opacity: 1;
}
.hestia-top-bar .widget.widget_search form.form-group input[type=search], .hestia-top-bar .widget.widget_product_search form.form-group input[type=search] {
background: none;
border: none;
float: none;
margin: 2px 25px 0 25px;
width: auto;
}
.hestia-top-bar .widget.widget_search form.form-group input[type=submit], .hestia-top-bar .widget.widget_product_search form.form-group input[type=submit] {
display: none;
}
.hestia-top-bar .widget.widget_search form.form-group:after, .hestia-top-bar .widget.widget_product_search form.form-group:after {
display: none;
}
.hestia-top-bar .widget.widget_search form.form-group:before, .hestia-top-bar .widget.widget_product_search form.form-group:before {
color: #fff;
content: "\f002";
font-family: 'Fontawesome';
position: absolute;
left: 0;
top: 0;
}
.hestia-top-bar .widget.widget_search .search-form {
display: inline-block;
}
.hestia-top-bar .widget.widget_shopping_cart {
cursor: pointer;
padding-left: 25px;
position: relative;
vertical-align: top;
}
.hestia-top-bar .widget.widget_shopping_cart:before {
color: #fff;
content: "\f07a";
font-family: 'Fontawesome';
position: absolute;
left: 0;
top: 0;
z-index: 50;
}
.hestia-top-bar .widget.widget_shopping_cart:hover .cart_list {
display: inline-block;
opacity: 1;
visibility: visible;
margin-top: 0;
}
.hestia-top-bar .widget.widget_shopping_cart .button.checkout {
display: none;
}
.hestia-top-bar .widget.widget_shopping_cart .wc-forward:not(.checkout) {
opacity: 0;
position: absolute;
top: -5px;
left: -4px;
}
.hestia-top-bar .widget.widget_shopping_cart h5 {
display: none;
}
.hestia-top-bar .widget.widget_shopping_cart .widget_shopping_cart_content {
display: inline-block;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list {
border-radius: 0 0 6px 6px;
opacity: 0;
visibility: hidden;
margin-top: -10px;
padding: 0 15px 15px;
position: absolute;
left: 0;
top: 40px;
z-index: 1050;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li {
display: block;
margin-top: 15px;
padding-bottom: 0;
white-space: nowrap;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li a:not(.remove) {
margin: 0;
padding-right: 65px;
text-align: left;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li img {
float: left;
width: 50px;
margin-left: 0;
margin-right: 15px;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li .quantity {
padding-right: 65px;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li .variation {
display: none;
}
.hestia-top-bar .widget.widget_shopping_cart .cart_list li.empty {
padding: 0;
}
.hestia-top-bar .widget.widget_shopping_cart .total {
border: none;
margin: 0;
padding: 0;
}
.hestia-top-bar .widget.widget_shopping_cart .total strong {
display: none;
}
.hestia-top-bar .widget.widget_shopping_cart .total .amount {
float: none;
}
.hestia-top-bar ul li {
cursor: auto;
display: inline-block;
margin: 0 5px;
}
.hestia-top-bar ul li:first-child {
margin-left: 0;
}
.hestia-top-bar ul li:last-child {
margin-right: 0;
}
.hestia-top-bar ul li a {
padding: 0;
text-transform: inherit;
}
.hestia-top-bar ul li a:before {
background-color: transparent;
position: static;
font-family: 'FontAwesome';
}
.hestia-top-bar ul li a:hover, .hestia-top-bar ul li a:focus {
background-color: transparent;
outline: none;
}
.hestia-top-bar ul li a[href*="tel:"]:before,
.hestia-top-bar ul li a[href*="mailto:"]:before {
margin-right: 7px;
}
.hestia-top-bar ul li a[href*="tel:"]:before {
content: '\f095';
}
.hestia-top-bar ul li a[href*="mailto:"]:before {
content: '\f0e0';
}
.hestia-top-bar ul li.dropdown .caret {
display: none;
}
.hestia-top-bar.placeholder {
box-sizing: content-box;
border: 2px dashed;
}
.hestia-top-bar.placeholder .top-widgets-placeholder {
display: inline-block;
cursor: pointer;
position: relative;
vertical-align: top;
}
.hestia-top-bar li a[href*="facebook.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="facebook.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="facebook.com"]:hover:before {
color: #3b5998;
}
.hestia-top-bar li a[href*="twitter.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="twitter.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="twitter.com"]:hover:before {
color: #55acee;
}
.hestia-top-bar li a[href*="pinterest.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="pinterest.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="pinterest.com"]:hover:before {
color: #cc2127;
}
.hestia-top-bar li a[href*="google.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="google.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="google.com"]:hover:before {
color: #dd4b39;
}
.hestia-top-bar li a[href*="linkedin.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="linkedin.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="linkedin.com"]:hover:before {
color: #0976b4;
}
.hestia-top-bar li a[href*="dribbble.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="dribbble.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="dribbble.com"]:hover:before {
color: #ea4c89;
}
.hestia-top-bar li a[href*="github.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="github.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="github.com"]:hover:before {
color: #333;
}
.hestia-top-bar li a[href*="youtube.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="youtube.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="youtube.com"]:hover:before {
color: #e52d27;
}
.hestia-top-bar li a[href*="instagram.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="instagram.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="instagram.com"]:hover:before {
color: #125688;
}
.hestia-top-bar li a[href*="reddit.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="reddit.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="reddit.com"]:hover:before {
color: #ff4500;
}
.hestia-top-bar li a[href*="tumblr.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="tumblr.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="tumblr.com"]:hover:before {
color: #35465c;
}
.hestia-top-bar li a[href*="behance.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="behance.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="behance.com"]:hover:before {
color: #1769ff;
}
.hestia-top-bar li a[href*="snapchat.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="snapchat.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="snapchat.com"]:hover:before {
color: #fffc00;
}
.hestia-top-bar li a[href*="deviantart.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="deviantart.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="deviantart.com"]:hover:before {
color: #05cc47;
}
.hestia-top-bar li a[href*="vimeo.com"] {
font-size: 0;
}
.hestia-top-bar li a[href*="vimeo.com"]:before {
content: "";
}
.hestia-top-bar li a[href*="vimeo.com"]:hover:before {
color: #1ab7ea;
}
/*--------------------------------------------------------------
## Clients bar
--------------------------------------------------------------*/
.hestia-clients-bar {
padding: 70px 0;
}
.hestia-clients-bar .clients-bar-wrapper {
list-style-type: none;
margin: 0;
padding: 0;
}
.hestia-clients-bar .clients-bar-wrapper li {
display: inline-block;
margin: 25px;
vertical-align: middle;
}
.hestia-clients-bar .clients-bar-wrapper li a {
display: block;
padding: 5px;
}
.hestia-clients-bar .clients-bar-wrapper li img {
max-width: 100%;
height: auto;
}
.hestia-clients-bar .row > div {
padding: 30px;
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.search-no-results .search-form, .error404 .search-form {
margin-top: 40px;
}
#authors-on-blog {
padding: 80px 0;
}
#authors-on-blog .card-profile {
text-align: left;
}
#authors-on-blog .col-ms-6:nth-child(2n+1) {
clear: both;
}
.blog-post {
word-wrap: break-word;
}
.blog-post .section-text {
padding-bottom: 0;
}
.blog-post .section-text p {
margin-bottom: 30px;
}
.blog-post .section-blog-info {
padding-top: 15px;
}
.blog-post .section-blog-info .entry-categories span {
font-size: 10px;
}
.blog-post .section-blog-info .entry-categories, .blog-post .section-blog-info .entry-tags {
word-break: break-all;
}
.blog-post .section-blog-info .entry-categories span, .blog-post .section-blog-info .entry-tags span {
display: inline-block;
margin: 5px;
}
.blog-post .section-blog-info .entry-categories a {
display: inline-block;
padding: 2px 2px;
color: #fff;
}
.blog-post .section-blog-info .card-profile {
margin-top: 0;
text-align: left;
}
dl dd, pre {
margin-bottom: 30px;
}
.alignleft .avatar {
margin-right: 24px;
}
.alignright .avatar {
margin-left: 24px;
}
article.sticky h2:before {
content: "Featured: ";
}
img.centered, .aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone {
margin-bottom: 12px;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
img.alignleft, .wp-caption.alignleft {
margin: 0 24px 24px 0;
margin: 0 2.4rem 2.4rem 0;
}
img.alignright, .wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
padding-top: 10px;
text-align: center;
}
.gallery-caption {
padding-top: 10px;
}
.bypostauthor {
display: block;
}
.related-posts .hestia-title {
margin-bottom: 50px;
}
.classic-blog.main-raised {
border-radius: 0;
}
.classic-blog article.section {
padding-top: 40px;
}
.classic-blog .wp-post-image {
margin: 5px 0 25px;
}
.no-content article.section {
padding-top: 40px;
}
.single-post .blog-post .section-text .title-in-content {
margin-bottom: 0;
}
.blog-post .section-text .author.meta-in-content {
opacity: .9;
margin-bottom: 20px;
font-size: 15px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.media .avatar, .media-body .avatar, .media-area .avatar {
overflow: hidden;
width: 64px;
height: 64px;
margin: 0 auto;
margin-right: 15px;
border-radius: 50%;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.media-area .hestia-title,
.comment-respond .hestia-title {
margin-bottom: 30px;
}
.comment .pull-left {
padding-right: 10px;
}
.media-body div.avatar {
margin: 0 10px;
}
.media {
overflow: visible;
}
.media .avatar img {
width: 100%;
}
.media .media-heading {
margin-top: 0;
margin-bottom: 10px;
}
.media .media-heading small {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.media .media-body {
padding-right: 10px;
}
.media .media-body .media .media-body {
padding-right: 0;
}
.media .media-footer .btn {
margin-bottom: 20px;
}
.media .media-footer:after {
display: table;
clear: both;
content: " ";
}
.media p {
color: #999999;
}
#comments .comment-notes {
display: none;
}
.section-comments ul.children .comment-author.avatar, .section-comments ul.children .avatar img {
width: 40px;
height: 40px;
}
.blog-post .media p {
color: #555;
}
.blog-post .section-comments .title {
margin-bottom: 30px;
}
.blog-post .section-comments .comment-respond .author {
margin: 15px 20px 0 0;
}
.blog-post .section-comments .comment-respond .author img {
border-radius: 100%;
}
.blog-post .comment-reply-link {
text-transform: uppercase;
float: right;
}
.media-body {
width: 10000px;
display: table-cell;
overflow: visible;
}
/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.single:not(.bbpress) aside.blog-sidebar {
padding: 40px 0;
}
.widget {
margin-bottom: 30px;
word-break: break-word;
}
.widget ul {
padding: 0 0 0 10px;
margin: 0;
list-style: none;
}
.widget ul li {
line-height: 2.4;
padding-top: 5px;
}
.widget ul li:first-child {
padding-top: 0;
}
aside .widget .btn a {
color: #fff;
}
aside .widget a {
color: #23527c;
}
.widget a:hover {
color: #89229b;
}
.widget #searchform {
margin-bottom: 0;
padding-bottom: 0;
}
.widget h5 {
font-family: "Roboto Slab", "Times New Roman", serif;
margin-bottom: 10px;
}
.widget select {
width: 100%;
}
.hestia-widget-placeholder {
border: 1px dashed #b4b9be;
padding: 25px;
text-align: center;
}
.hestia-widget-placeholder .widget {
margin: 0;
}
.single .hestia_right aside.blog-sidebar {
padding: 0;
}
.hestia_right .hestia-widget-placeholder {
padding: 5px;
}
.widget_calendar th,
.widget_calendar tr,
.widget_calendar td {
padding: 7px 0;
text-align: center;
}
.hestia-sidebar-close,
.hestia-sidebar-open {
display: none;
}
/*--------------------------------------------------------------
## Attachment Page
--------------------------------------------------------------*/
.attachment .main-raised .blog-post {
padding-bottom: 130px;
}
.attachment .sizes {
margin-top: 20px;
}
/*--------------------------------------------------------------
## Features Area
--------------------------------------------------------------*/
.hestia-blog-featured-posts {
padding: 0;
}
.hestia-blog-featured-posts article:nth-of-type(1) .card {
margin-top: 0;
}
.hestia-blog-featured-posts article:nth-child(6n) .btn {
background-color: #4caf50;
}
.hestia-blog-featured-posts article:nth-child(6n+1) .btn {
background-color: #89229b;
}
.hestia-blog-featured-posts article:nth-child(6n+2) .btn {
background-color: #00bcd4;
}
.hestia-blog-featured-posts article:nth-child(6n+3) .btn {
background-color: #f44336;
}
.hestia-blog-featured-posts article:nth-child(6n+4) .btn {
background-color: #ff9800;
}
.hestia-blog-featured-posts article:nth-child(6n+5) .btn {
background-color: #e91e63;
}
.hestia-blog-featured-card .card-background {
text-align: center;
}
.hestia-blog-featured-card .card-background:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.56);
border-radius: 6px;
opacity: 1;
}
.hestia-blog-featured-card .card-background .card-body {
position: relative;
z-index: 2;
min-height: 280px;
padding-top: 40px;
padding-bottom: 40px;
max-width: 440px;
margin: 0 auto;
}
.hestia-blog-featured-card .card-background .card-body .card-description {
color: rgba(255, 255, 255, 0.7);
}
.hestia-blog-featured-card .card-background .card-body .category a {
color: rgba(255, 255, 255, 0.7);
}
.hestia-blog-featured-card .card-body {
padding: 15px 30px;
}
@media (max-width: 990px) {
.hestia-blog-featured-posts {
padding-top: 30px;
}
.hestia-blog-featured-card .card-raised {
margin: 30px 0;
}
}
/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.page-header .container,
.page-header .author,
.page-header .author a,
.page-header .hestia-title,
.page-header .title,
.page-header .description {
color: #fff;
}
.page-content-wrap:after, .single-post-wrap > article:after {
content: "";
display: table;
clear: both;
}
#parallax_move ~ .item .page-header,
#wp-custom-header ~ .item .page-header {
overflow: inherit;
}
.page-header {
will-change: transform;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
background-position: center center;
background-size: cover;
}
.page-header .container {
padding-top: 30vh;
color: #fff;
}
.page-header .container .hestia-title,
.page-header .container .title {
margin: 0 0 20px;
}
.page-header.header-small .container .hestia-title,
.page-header.header-small .container .title {
margin: 20px 0 10px;
}
.page-header.header-small {
min-height: 300px;
position: relative;
height: auto;
}
.page-header.header-small .container {
padding-top: 180px;
padding-bottom: 110px;
}
.page-header.header-small .hestia-title,
.page-header.header-small .title {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.boxed-layout-header {
padding-bottom: 60px;
}
.header-filter-gradient {
background: linear-gradient(45deg, #a81d84 0%, #ea396f 100%);
}
.header-filter.header-filter-gradient:before {
background-color: transparent;
}
.header-filter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-position: center center;
background-size: cover;
}
.header-filter:before, .header-filter:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.header-filter::before {
background-color: rgba(0, 0, 0, 0.5);
}
.header-filter .container {
position: relative;
}
.woocommerce.single-product .header-filter {
background-position: top center;
}
.carousel .header-filter:before, .carousel .header-filter:after {
z-index: -1;
}
.clear-filter:before {
display: none;
}
.header .wrapper {
background: #ccc;
}
.header .btn {
margin: 0;
}
.header h6 {
margin-bottom: 0;
}
.phone-container img {
width: 100%;
}
.main {
position: relative;
background: #fff;
}
.main-raised {
margin: -60px 30px 0;
border-radius: 6px 6px 0 0;
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.home .main-raised section:first-of-type {
border-radius: 6px 6px 0 0;
overflow: hidden;
}
.page-template-template-pagebuilder-blank .section {
padding: 0;
}
.woocommerce.archive .main-raised, .single .main-raised {
margin-top: -60px;
margin-bottom: 30px;
}
.woocommerce.archive .main-raised {
background-color: #e5e5e5;
}
.content-sidebar-left {
padding-left: 30px;
padding-right: 0;
}
.content-sidebar-right {
padding-right: 30px;
padding-left: 0;
}
.shop-sidebar-wrapper {
padding: 0;
}
.content-full.col-md-12 {
padding: 0;
}
.page:not(.home) .wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.page:not(.home) .wrapper .main {
display: flex;
flex-direction: column;
flex: 1 0 auto;
}
.page:not(.home) .wrapper .main .blog-post {
flex: 1 0 auto;
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: 1199px) {
.hestia-features .row,
.hestia-about .row,
.products .row,
.hestia-work .row,
.hestia-team .row,
.pricing .row,
.hestia-testimonials .row,
section.hestia-blogs .row,
.contactus .row {
padding: 0 15px;
}
.products .container {
width: 100%;
}
.main-raised {
margin: -60px 15px 0;
}
.navbar .navbar-brand {
padding: 0 15px;
}
.navbar .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (max-width: 991px) {
.navbar .navbar-nav > li {
margin-right: 10px;
margin-left: 10px;
}
.page-header {
height: auto;
min-height: 100vh;
}
.card.card-raised .card-image {
margin-top: -30px;
display: block;
margin-left: 0;
margin-right: 0;
}
.card.card-raised {
padding: 20px;
}
.woocommerce-checkout .page-header {
height: auto;
}
.hestia-about .text-area {
margin: 0 0 10px;
}
.blog .page-header.header-small h2 {
margin: 0;
}
.blog .page-header.header-small {
height: auto;
min-height: 0;
}
.page-header .iframe-container {
padding: 30px 0;
}
.card-form-horizontal .form-group {
padding-bottom: 20px;
}
.carousel .page-header {
padding: 0 30px;
}
.btn.btn-simple {
padding-right: 0;
padding-left: 0;
text-align: left;
}
.hestia-work .col-md-6 .card-background .content,
.hestia-work .col-md-4 .card-background .content {
padding-top: 15%;
}
.hestia-features .row,
.features .row,
.hestia-about .row,
.about .row,
.products .row,
.hestia-work .row,
.work .row,
.hestia-team .row,
.team .row,
.pricing .row,
.hestia-testimonials .row,
.testimonials .row,
section.hestia-blogs .row,
.contactus .row {
padding: 0 10px;
}
.single aside.blog-sidebar {
padding: 40px 30px;
}
.shop-sidebar.card {
width: 100%;
text-align: initial;
}
.shop-sidebar-wrapper {
text-align: center;
}
.products .shop-item:nth-of-type(2n+1) {
clear: both;
}
.subscribe-line .card .content {
padding: 0;
}
.subscribe-line .card .form-group {
padding-bottom: 0;
}
.blog .hestia-blogs,
.archive .hestia-blogs {
padding-top: 0;
}
.blog .hestia-blogs .card-blog .card-image,
.archive .hestia-blogs .card-blog .card-image {
margin-bottom: 30px;
}
.blog #authors-on-blog,
.archive #authors-on-blog {
padding-bottom: 40px;
}
.home section.hestia-blogs {
padding: 30px 0 65px;
}
.single.single-post .section-blog-info .card-profile .card-title,
.single.single-post .section-blog-info .card-profile .description {
text-align: center;
}
.hestia-sidebar-open,
.hestia-sidebar-close {
cursor: pointer;
display: inline-block;
margin: 0;
padding: 12px 15px;
}
.row-sidebar-toggle {
margin: 30px 15px 0;
text-align: right;
}
.page .row-sidebar-toggle {
margin-top: 0;
margin-bottom: 30px;
}
.shop-sidebar-wrapper {
float: none;
overflow-x: hidden;
position: fixed;
z-index: 9999;
top: 0;
left: -100%;
width: 100%;
height: 100%;
padding: 15px 0;
background: #fff;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.shop-sidebar-wrapper .row-sidebar-toggle {
margin: 0 15px 30px;
}
.archive.woocommerce .hestia-sidebar-open {
margin-bottom: 30px;
}
.archive.woocommerce .shop-sidebar-active {
margin-top: 10px;
}
.archive.woocommerce .row-sidebar-toggle.col-sm-3 {
margin: 0;
text-align: left;
}
.archive.woocommerce .row-sidebar-toggle.col-sm-3 .hestia-sidebar-open {
margin: 15px 0 0;
}
.shop-sidebar.card.card-raised {
box-shadow: none;
margin: 0;
padding: 0 15px;
}
.hestia-top-bar .container {
width: 100%;
}
.hestia-top-bar .col-md-6 {
width: 50%;
}
.hestia-team .card .content,
.team .card .content {
padding-top: 15px;
}
.hestia-team .card .content .footer .btn.btn-just-icon,
.team .card .content .footer .btn.btn-just-icon {
padding: 12px;
text-align: center;
}
.pricing p.text-gray {
margin-bottom: 40px;
}
.related-posts .hestia-title {
margin-bottom: 60px;
}
}
@media (min-width: 992px) {
.navbar .navbar-collapse {
text-align: center;
}
.card.card-raised .card-image {
margin-left: 0;
margin-right: 0;
}
.navbar .navbar-center {
display: inline-block;
float: none;
}
.navbar .navbar-nav > li {
margin: 0;
}
.navbar .navbar-nav > li.btn {
margin: 0 10px;
}
.navbar .navbar-nav > li.btn:last-child {
margin-right: 0;
}
.gallery .gallery-item {
padding: 5px;
}
.gallery img {
border: none !important;
border-radius: 6px;
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.entry-social {
text-align: right;
}
.footer .content {
margin-left: -15px;
margin-right: -15px;
}
.footer .row {
margin-left: -15px;
margin-right: -15px;
}
.footer .col-md-4 {
padding: 0 30px;
}
.blog-sidebar-wrapper,
.shop-sidebar-wrapper {
float: left;
position: static;
background: transparent;
left: 0 !important;
}
.big-title-sidebar-wrapper .pirate-forms-contact-widget {
max-width: 370px;
}
}
@media (min-width: 783px) and (min-width: 601px) {
body.admin-bar .navbar-default:not(.navbar-transparent) {
margin-top: 32px;
}
}
@media (min-width: 769px) {
.form-horizontal .control-label {
padding-top: 8px;
}
.dropdown .dropdown-menu {
display: block;
visibility: hidden;
margin-top: -20px;
opacity: 0;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
}
.dropdown.open .dropdown-menu, .dropdown:hover .dropdown-menu {
visibility: visible;
margin-top: 1px;
opacity: 1;
}
.navbar-nav > li {
float: none;
display: inline-block;
}
.navbar-nav > li.nav-cart-btn {
display: none;
}
.container > .navbar-header {
min-width: 250px;
display: table-cell !important;
vertical-align: middle;
float: none;
}
.navbar:not(.hestia_right) .navbar-collapse {
display: table-cell !important;
vertical-align: middle;
text-align: right;
width: 100%;
}
.navbar.hestia_center .navbar-collapse {
display: block !important;
text-align: center;
}
.navbar.hestia_center .navbar-right {
float: none !important;
display: block;
text-align: center;
}
.navbar.hestia_right .navbar-right {
float: left !important;
margin-top: 20px;
}
.navbar.navbar-scroll-point.hestia_right .navbar-right {
margin-top: 0;
}
.navbar.hestia_right.navbar-not-transparent .navbar-right {
transition: margin .3s ease;
margin-top: 10px;
}
.navbar.hestia_right.navbar-not-transparent.navbar-scroll-point .navbar-right {
margin-top: 0;
}
.navbar.hestia_right .header-widgets-wrapper .widget.widget_search .form-group {
margin-bottom: 0;
padding-bottom: 0;
}
.navbar.hestia_right .header-widgets-wrapper .widget.widget_search input[type=submit] {
margin: 0;
top: -8px;
}
.navbar.full-screen-menu.navbar-transparent .navbar-toggle {
color: #fff;
}
.menu-open .navbar.full-screen-menu.navbar-transparent .navbar-toggle {
color: #555;
}
.navbar.full-screen-menu.hestia_center .navbar-toggle {
transition: 0.2s ease;
right: 0;
margin-top: 23px;
position: absolute;
top: 0;
}
.navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-toggle {
margin-top: 8px;
top: 10px;
}
.navbar.full-screen-menu > .container {
display: table;
position: relative;
}
.navbar.full-screen-menu.hestia_right .navbar-right {
margin-top: 0;
}
.navbar.full-screen-menu.hestia_right .navbar-toggle {
display: table-cell;
}
.navbar.full-screen-menu .navbar-toggle {
z-index: 999999;
display: block;
}
.navbar.full-screen-menu .full-screen-menu-close {
display: none;
}
.navbar.full-screen-menu .navbar-collapse .navbar-nav {
transition: all .3s ease;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.navbar.full-screen-menu .navbar-collapse.in .navbar-nav {
opacity: 1;
visibility: visible;
display: block !important;
pointer-events: inherit;
}
.navbar.full-screen-menu .navbar-nav {
z-index: 9999;
overflow-X: auto;
position: fixed;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
left: 0;
top: 0;
bottom: 0;
padding-top: 100px;
}
.navbar.full-screen-menu .navbar-nav > li, .navbar.full-screen-menu .navbar-nav > li.btn:last-child {
display: table;
margin: 20px auto;
}
.navbar.full-screen-menu.navbar-not-transparent .navbar-nav {
background-color: rgba(255, 255, 255, 0.9);
}
.navbar:not(.full-screen-menu).navbar-scroll-point.hestia_center .navbar-header {
display: none !important;
}
.navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .navbar-header,
.navbar:not(.full-screen-menu).navbar-scroll-point.hestia_right .header-sidebar-wrapper {
display: none !important;
}
.navbar.full-screen-menu.navbar-scroll-point.hestia_center .navbar-header {
padding-bottom: 0;
}
body.menu-open .navbar.navbar-transparent.full-screen-menu {
color: #555;
}
body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a, body.menu-open .navbar.navbar-transparent.full-screen-menu .navbar-collapse.collapse.in .navbar-nav > .btn.active > a:hover {
color: #fff;
}
}
@media (max-width: 768px) {
.navbar .navbar-toggle {
margin-right: 0;
}
.navbar .dropdown-menu li:hover a {
box-shadow: none;
}
.navbar.hestia_center .navbar-header {
width: auto;
max-width: none;
padding: 0;
}
.navbar.hestia_center .navbar-header .navbar-brand {
float: left;
}
.navbar.navbar-transparent {
background: #fff;
color: #555;
}
.navbar.navbar-transparent .navbar-nav li a, .navbar.navbar-transparent .navbar-nav i, .navbar.navbar-transparent .navbar-nav li.btn a, .navbar.navbar-transparent .navbar-nav .btn.dropdown-menu.open > li a {
opacity: 1;
}
.navbar.navbar-default li.btn a, .navbar.navbar-default li.btn a i {
color: #fff !important;
}
.navbar.navbar-default .navbar-nav .open:not(.btn) a {
background: transparent;
color: #555;
}
.navbar.navbar-default li a:hover, .navbar.navbar-default li a:focus,
.navbar.navbar-default ul.dropdown-menu li a:hover,
.navbar.navbar-default ul.dropdown-menu li a:focus, .navbar.navbar-not-transparent li a:hover, .navbar.navbar-not-transparent li a:focus,
.navbar.navbar-not-transparent ul.dropdown-menu li a:hover,
.navbar.navbar-not-transparent ul.dropdown-menu li a:focus {
box-shadow: none;
}
.navbar .container {
display: table;
min-height: 70px;
width: 100%;
}
.navbar.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 70px);
margin-top: 70px;
overflow-y: auto;
position: fixed;
z-index: 9999;
background: #fff;
width: 100%;
left: 0;
top: 0;
margin-left: 0;
margin-right: 0;
-webkit-overflow-scrolling: auto;
}
.navbar.header-with-topbar.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 110px);
margin-top: 110px;
}
.navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 70px);
margin-top: 70px;
}
.navbar .navbar-nav {
margin: 7.5px 0;
}
.navbar .navbar-nav .navbar-text {
margin-top: 15px;
margin-bottom: 15px;
color: inherit;
}
.navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
border: 0;
color: inherit;
}
.navbar .navbar-nav li {
box-sizing: border-box;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.navbar .navbar-nav li.btn {
margin-top: 10px;
}
.navbar .navbar-nav li > a {
text-align: left;
}
.navbar .navbar-nav li > a > i,
.navbar .navbar-nav li > a .fa {
margin-right: 12px;
}
.navbar .navbar-nav li.btn > a,
.navbar .navbar-nav li.button > a {
text-align: left;
}
.navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
background-color: transparent;
color: #fff;
}
.navbar .navbar-nav li a:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.1);
content: "";
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.navbar .navbar-nav li a:hover:before, .navbar .navbar-nav li a:focus:before {
color: inherit;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.navbar .navbar-nav li:hover > a i {
color: #e91e63;
}
.navbar .navbar-nav .dropdown.btn a > .caret {
color: #fff;
border-color: #fff;
}
.navbar .navbar-nav .dropdown li {
padding: 0;
}
.navbar .navbar-nav .dropdown a {
position: relative;
}
.navbar .navbar-nav .dropdown a .caret {
border: 1px solid #555;
border-radius: 2px;
box-sizing: content-box;
color: #555;
cursor: pointer;
display: inline-block;
font-family: Fontawesome;
height: 30px;
margin-left: 0;
position: absolute;
right: 15px;
text-align: center;
top: 10px;
width: 30px;
z-index: 100;
}
.navbar .navbar-nav .dropdown a .caret:hover {
opacity: 0.8;
}
.navbar .navbar-nav .dropdown a .caret:before {
content: "\f107";
top: 5px;
position: relative;
display: inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .navbar-nav .dropdown a .caret.caret-open:before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar .navbar-nav .dropdown a > i,
.navbar .navbar-nav .dropdown a .fa {
margin-right: 12px;
}
.navbar .navbar-nav .dropdown.open .caret:before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.navbar .navbar-nav .dropdown.open .dropdown-menu {
display: block !important;
}
.navbar .navbar-nav .dropdown .dropdown-menu {
background: transparent;
box-shadow: none;
position: static;
margin-top: 0;
padding: 0;
width: 100%;
}
.navbar .navbar-nav .dropdown .dropdown-menu.open {
display: block !important;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a {
margin: 0;
padding: 15px 0 15px 30px;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus {
background-color: transparent;
color: #e91e63;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.1);
content: "";
-webkit-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-moz-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-o-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-ms-transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
transition: all 300ms cubic-bezier(0.34, 0.9, 0.7, 1);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover:before, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus:before {
color: inherit;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.navbar .navbar-nav .dropdown .dropdown-menu li li a {
padding: 15px 0 15px 45px;
}
.navbar .dropdown-submenu:hover > .dropdown-menu {
display: none !important;
}
.navbar .dropdown-submenu:hover > a {
background: transparent !important;
box-shadow: none;
}
.navbar .navbar-brand h1, .navbar .navbar-brand p {
padding: 10px 0;
}
.navbar .dropdown-submenu.open > a {
background: transparent !important;
color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar .dropdown-menu li a, .navbar.navbar-not-transparent .dropdown-menu li a {
color: #777;
}
.navbar .dropdown-menu i, .navbar.navbar-not-transparent .dropdown-menu i {
opacity: 1;
}
.navbar.hestia_center .navbar-header {
display: table-cell !important;
}
.navbar.navbar-transparent .open .dropdown-menu > li > a:hover,
.navbar.navbar-transparent .open .dropdown-menu > li > a:focus,
.navbar.navbar-transparent .open .dropdown-menu > .active > a,
.navbar.navbar-transparent .open .dropdown-menu > .active > a:hover,
.navbar.navbar-transparent .open .dropdown-menu > .active > a:focus,
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a,
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a:hover,
.navbar.navbar-transparent .open .dropdown-menu > .disabled > a:focus {
color: inherit;
background-color: transparent;
}
.navbar.navbar-transparent .navbar-nav > .active > a {
color: #555;
}
.navbar .open .dropdown-menu > li > a:hover,
.navbar .open .dropdown-menu > li > a:focus,
.navbar .open .dropdown-menu > .active > a,
.navbar .open .dropdown-menu > .active > a:hover,
.navbar .open .dropdown-menu > .active > a:focus,
.navbar .open .dropdown-menu > .disabled > a,
.navbar .open .dropdown-menu > .disabled > a:hover,
.navbar .open .dropdown-menu > .disabled > a:focus {
color: #e91e63;
background-color: transparent;
}
.navbar .dropdown-menu li > a > i {
opacity: 1;
}
body.admin-bar .navbar {
margin-top: 45px;
}
body.admin-bar .navbar.navbar-default .navbar-collapse {
max-height: calc(100% - 115px);
margin-top: 115px;
}
body.admin-bar .navbar.header-with-topbar {
margin-top: 0;
top: 85px;
}
body.admin-bar .navbar.header-with-topbar.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 155px);
margin-top: 155px;
}
body.admin-bar .navbar.navbar-scroll-point.header-with-topbar {
top: 45px;
}
body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 115px);
margin-top: 115px;
}
.big-title-sidebar-wrapper {
width: 100%;
padding: 0;
}
.big-title-sidebar-wrapper .pirate-forms-contact-widget {
max-width: 370px;
margin: 0 auto;
}
.hestia_right .header-sidebar-wrapper {
display: none;
}
.single .section {
padding: 30px 0 0;
}
.single .section.section-blog-info {
padding: 15px 0 30px;
}
.media .avatar, .media-body .avatar, .media-area .avatar {
margin: 0;
width: 35px;
height: 35px;
}
.subscribe-line .btn {
margin-top: 15px;
}
ul.children {
padding-left: 5px;
border-left: 1px #cfcfcf solid;
}
.blog-post .section-comments .comment-respond .author {
display: none;
}
.hestia-about .text-area {
margin-bottom: 20px;
}
.footer.footer-big {
padding: 30px 0 26px;
}
.footer .footer-menu {
width: 100%;
}
.footer .copyright {
display: inline-block;
float: none !important;
width: 100%;
padding: 10px 0;
text-align: center;
}
.navbar.navbar-transparent {
border-radius: 0;
}
.navbar.navbar-transparent > .container {
padding-top: 10px;
}
.main-raised {
margin-right: 0;
margin-left: 0;
border-radius: 0;
}
hr {
margin-top: 0;
}
.hestia-about {
padding-top: 30px;
}
.hestia-about h2 {
margin-top: 0;
}
.hestia-about .widget_sow-image .panel-widget-style {
margin-top: -60px;
padding: 0 0 60px 0 !important;
}
.hestia-team .card-image,
.team .card-image,
.authors-on-blog .card-image {
height: 100px;
margin: 0 auto;
width: 100px;
}
.hestia-team .card-image img,
.team .card-image img,
.authors-on-blog .card-image img {
object-fit: cover;
}
.hestia-team .card .content,
.team .card .content,
.authors-on-blog .card .content {
text-align: center;
}
.hestia-team .card .content .card-description,
.team .card .content .card-description,
.authors-on-blog .card .content .card-description {
display: none;
}
.hestia-team .card .content .footer,
.team .card .content .footer,
.authors-on-blog .card .content .footer {
margin-left: 0;
margin-top: 0;
}
.hestia-team .card .content .footer .btn.btn-just-icon,
.team .card .content .footer .btn.btn-just-icon,
.authors-on-blog .card .content .footer .btn.btn-just-icon {
margin: 0 5px;
padding: 0;
}
.hestia-team .card .content .footer .btn.btn-just-icon i,
.team .card .content .footer .btn.btn-just-icon i,
.authors-on-blog .card .content .footer .btn.btn-just-icon i {
width: auto;
}
.hestia-work .card {
cursor: pointer;
}
.pricing {
padding: 60px 0 40px;
}
.contactus .card-contact {
margin-top: 90px;
}
.contactus .form_captcha_wrap .pirate-forms-google-recaptcha > div {
margin: 0 auto;
}
.contactus .contact_submit_wrap {
text-align: center;
}
.single.single-post .section-blog-info .entry-social {
margin: 15px 0 30px;
}
.single.single-post .section-blog-info .card-profile {
margin-top: 20px;
}
.page .section.section-text {
padding: 30px 0;
}
.single-post .page-header.header-small .container,
.page .page-header.header-small .container,
.blog .page-header.header-small .container,
.archive .page-header.header-small .container,
.category .page-header.header-small .container {
padding: 170px 15px 90px;
}
.single-post .page-header.header-small .container .hestia-title,
.page .page-header.header-small .container .hestia-title,
.blog .page-header.header-small .container .hestia-title,
.archive .page-header.header-small .container .hestia-title,
.category .page-header.header-small .container .hestia-title {
margin-top: 0;
}
.hestia-top-bar {
overflow: hidden;
}
.hestia-top-bar .col-md-6 {
text-align: center;
width: 100%;
}
.hestia-top-bar .col-md-6.pull-right {
display: none;
}
.hestia-top-bar .col-md-12, .hestia-top-bar .col-md-12.pull-right {
float: none !important;
text-align: center;
}
.hestia-top-bar .widget.widget_shopping_cart {
display: none;
}
.home:not(.blog) .main-raised {
margin-top: 0;
}
.home:not(.blog) .page-header {
min-height: 0;
}
.header .carousel .item .container {
padding-top: 170px;
padding-bottom: 100px;
}
.header .buttons > .btn-right ~ .btn-left {
margin-top: 40px;
}
.header.header-with-topbar .carousel .item .container {
padding-top: 210px;
}
.header .carousel .carousel-control {
margin-top: 35px;
}
.header.header-with-topbar .carousel .carousel-control {
margin-top: 55px;
}
.navbar-nav .nav-cart {
display: none;
}
.obfx-sharing-bottom {
left: 0;
}
.carousel .buttons .btn-left + .btn-right,
.carousel .buttons .btn-left,
.carousel .buttons .btn-right {
margin: 0 15px 15px;
}
.navbar.full-screen-menu .responsive-nav-cart + .navbar-toggle {
float: right;
margin-right: 10px;
}
}
@media (max-width: 767px) {
.carousel .page-header .row {
flex-direction: column;
justify-content: center;
padding: 0;
text-align: center;
}
.carousel .page-header .row .margin-right-auto,
.carousel .page-header .row .margin-left-auto {
margin: inherit;
}
.carousel .page-header .row .big-title-slider-content {
text-align: center;
}
.carousel .item .container.container-height-auto {
top: 0;
transform: none;
}
.carousel .carousel-control.left .fa {
left: 10px;
}
.carousel .carousel-control.right .fa {
right: 10px;
}
}
@media (max-width: 600px) {
body.admin-bar .navbar {
margin-top: 0;
}
}
@media (max-width: 600px) {
body.admin-bar .navbar.navbar-scroll-point {
top: 0;
}
body.admin-bar .navbar.navbar-scroll-point.header-with-topbar {
top: 0;
}
body.admin-bar .navbar.navbar-not-transparent {
margin-top: 0;
}
body.admin-bar .navbar.navbar-scroll-point.navbar-fixed-top .navbar-collapse {
max-height: calc(100% - 70px);
margin-top: 70px;
}
body.admin-bar.woocommerce.single-product .product {
padding-top: 24px;
}
}
@media (max-width: 480px) {
.single .main-raised {
margin: -60px 0 30px;
}
.comment-respond .form-submit input {
display: block;
float: none !important;
margin: 0 auto;
}
.hestia-features {
padding: 40px 0 55px;
}
.alternative-blog-row {
display: table;
width: 100%;
margin: 0 auto;
table-layout: fixed;
}
.alternative-blog-row div:first-child {
display: table-footer-group;
}
.alternative-blog-row div:last-child {
padding: 0;
display: block;
}
.contactus .hestia-contact-form-col {
padding: 0 5px;
}
.contactus .card-contact {
margin-top: 30px;
}
.contactus .card-contact .content {
padding: 30px 15px 0;
}
.contactus .pirate_forms_wrap .pirate-forms-footer .form_captcha_wrap {
margin-bottom: 0;
padding: 0;
}
.contactus .pirate_forms_wrap .form_captcha_wrap > div > div {
transform: scale(0.8);
overflow: visible;
}
}
/*--------------------------------------------------------------
# Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Send in Blue
--------------------------------------------------------------*/
form.form-group[id^=sib] input[type=text],
form.form-group[id^=sib] input[type=email],
form.form-group[id^=sib] select {
border: none !important;
}
/*--------------------------------------------------------------
## WPML
--------------------------------------------------------------*/
footer .wpml-ls-item-legacy-dropdown a,
footer .wpml-ls-item-legacy-dropdown-click a {
color: #000000;
}
.wpml-ls-statics-footer {
margin: 0 auto;
}
/*--------------------------------------------------------------
## BBPress Basic
--------------------------------------------------------------*/
.bbp-template-notice.info {
max-width: inherit;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
.bbpress.blog-post .section-text p {
font-size: 15px;
margin-bottom: 20px;
}
#wp-link-close {
box-shadow: none;
}
/*--------------------------------------------------------------
## Elementor / Beaver Builder Section Editing
--------------------------------------------------------------*/
.elementor-editor-active .main > section,
.fl-builder-edit .main > section {
position: relative;
}
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls,
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
border: 2px solid #76cfe8;
text-align: center;
display: none;
z-index: 100;
}
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a,
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a {
cursor: pointer;
position: relative;
background: #71d7f7;
border-radius: 3px 3px 0 0;
top: -30px;
line-height: 30px;
min-width: 30px;
text-align: center;
color: #fff;
font-weight: 800;
padding: 0 10px;
display: inline-block;
}
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a:hover,
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a:hover {
color: #f00;
}
.elementor-editor-active .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons,
.fl-builder-edit .main > section .hestia-pagebuilder-frontpage-controls > a > .dashicons {
height: 30px;
width: auto;
margin-right: 5px;
line-height: 27px;
}
.elementor-editor-active .main > section:hover .hestia-pagebuilder-frontpage-controls,
.fl-builder-edit .main > section:hover .hestia-pagebuilder-frontpage-controls {
display: block;
}
/*--------------------------------------------------------------
## PayPal for WooCommerce
--------------------------------------------------------------*/
#checkout_paypal_message {
background-color: #f0f0f0;
color: #515151;
max-width: 100%;
padding: 20px !important;
}
#checkout_paypal_message:before {
content: '';
display: none;
}
#checkout_paypal_message p {
font-size: 14px;
line-height: 1.5;
margin: 0;
}
#checkout_paypal_message .checkoutStatus {
width: 100%;
}
#checkout_paypal_message #paypal_box_button {
text-align: center;
}
#checkout_paypal_message #paypal_ec_button,
#checkout_paypal_message #paypal_ec_paypal_credit_button {
display: inline-block;
float: none;
margin: 0 10px;
}
#checkout_paypal_message .woocommerce_paypal_ec_checkout_message {
margin-top: 10px;
}
.woocommerce-cart .angelleye_cart_button a.paypal_checkout_button, .woocommerce-cart a.paypal_checkout_button {
clear: none;
}
@media (max-width: 480px) {
#checkout_paypal_message #paypal_ec_paypal_credit_button {
margin-top: 10px;
}
}
.hestia-top-bar .widget a.paypal_checkout_button,
.nav-cart .widget a.paypal_checkout_button {
display: none;
}
/*--------------------------------------------------------------
## MailChimp for WordPress (ibericode)
--------------------------------------------------------------*/
.woocommerce-checkout .mc4wp-checkbox,
.woocommerce-checkout .mc4wp-checkbox-woocommerce {
margin-bottom: 0 !important;
padding-left: 3px;
}
.woocommerce-checkout .mc4wp-checkbox span,
.woocommerce-checkout .mc4wp-checkbox-woocommerce span {
color: #999999;
font-size: 16px;
font-weight: 300;
margin-left: 7px;
}
/*--------------------------------------------------------------
## Bootstrap MS - 480-767 breakpoint
--------------------------------------------------------------*/
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 481px) and (max-width: 767px) {
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11 {
float: left;
}
.col-ms-1 {
width: 8.33333%;
}
.col-ms-2 {
width: 16.66667%;
}
.col-ms-3 {
width: 25%;
}
.col-ms-4 {
width: 33.33333%;
}
.col-ms-5 {
width: 41.66667%;
}
.col-ms-6 {
width: 50%;
}
.col-ms-7 {
width: 58.33333%;
}
.col-ms-8 {
width: 66.66667%;
}
.col-ms-9 {
width: 75%;
}
.col-ms-10 {
width: 83.33333%;
}
.col-ms-11 {
width: 91.66667%;
}
.col-ms-12 {
width: 100%;
}
.col-ms-push-1 {
left: 8.33333%;
}
.col-ms-push-2 {
left: 16.66667%;
}
.col-ms-push-3 {
left: 25%;
}
.col-ms-push-4 {
left: 33.33333%;
}
.col-ms-push-5 {
left: 41.66667%;
}
.col-ms-push-6 {
left: 50%;
}
.col-ms-push-7 {
left: 58.33333%;
}
.col-ms-push-8 {
left: 66.66667%;
}
.col-ms-push-9 {
left: 75%;
}
.col-ms-push-10 {
left: 83.33333%;
}
.col-ms-push-11 {
left: 91.66667%;
}
.col-ms-pull-1 {
right: 8.33333%;
}
.col-ms-pull-2 {
right: 16.66667%;
}
.col-ms-pull-3 {
right: 25%;
}
.col-ms-pull-4 {
right: 33.33333%;
}
.col-ms-pull-5 {
right: 41.66667%;
}
.col-ms-pull-6 {
right: 50%;
}
.col-ms-pull-7 {
right: 58.33333%;
}
.col-ms-pull-8 {
right: 66.66667%;
}
.col-ms-pull-9 {
right: 75%;
}
.col-ms-pull-10 {
right: 83.33333%;
}
.col-ms-pull-11 {
right: 91.66667%;
}
.col-ms-offset-1 {
margin-left: 8.33333%;
}
.col-ms-offset-2 {
margin-left: 16.66667%;
}
.col-ms-offset-3 {
margin-left: 25%;
}
.col-ms-offset-4 {
margin-left: 33.33333%;
}
.col-ms-offset-5 {
margin-left: 41.66667%;
}
.col-ms-offset-6 {
margin-left: 50%;
}
.col-ms-offset-7 {
margin-left: 58.33333%;
}
.col-ms-offset-8 {
margin-left: 66.66667%;
}
.col-ms-offset-9 {
margin-left: 75%;
}
.col-ms-offset-10 {
margin-left: 83.33333%;
}
.col-ms-offset-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.form-horizontal .form-group .control-label {
text-align: right;
}
}
.elementor-text-editor p, .elementor-text-editor h1, .elementor-text-editor h2, .elementor-text-editor h3, .elementor-text-editor h4, .elementor-text-editor h5, .elementor-text-editor h6 {
font-size: inherit;
}
div.wpforms-container .wpforms-form input:focus,
div.wpforms-container .wpforms-form textarea:focus,
div.wpforms-container .wpforms-form select:focus {
border: none;
}
/*--------------------------------------------------------------
## Max Mega Menu Compatibility
--------------------------------------------------------------*/
#mega-menu-wrap-primary {
display: table-cell;
width: 100%;
text-align: right;
vertical-align: middle;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
text-transform: uppercase;
}
.navbar-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #fff;
}
.navbar-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
color: #fff;
}
.navbar-not-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #555;
}
.navbar-not-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
color: #e91e63;
}
.mega-menu-primary .obfx-menu-icon {
margin-right: 5px;
vertical-align: middle;
}
@media (max-width: 768px) {
.mega-menu-primary button.navbar-toggle,
.mega-menu-primary .mega-toggle-label {
display: none;
}
.mega-menu-primary .navbar-header {
position: relative;
z-index: 99;
}
#mega-menu-wrap-primary {
width: auto;
display: inline;
top: 5px;
}
#mega-menu-wrap-primary .mega-menu-toggle {
background: transparent;
}
.navbar-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.navbar-not-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: #555;
}
.navbar-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
.navbar-not-transparent #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
color: #e91e63;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block::after {
content: "\f335";
}
#mega-menu-primary {
margin-top: 20px !important;
}
.mega-menu-primary .nav-cart.responsive-nav-cart {
position: absolute;
top: 10px;
right: 15px;
}
}
@media (min-width: 768px) {
.hestia_center #mega-menu-wrap-primary,
.hestia_center #mega-menu-primary {
display: block !important;
text-align: center !important;
}
.hestia_right #mega-menu-wrap-primary,
.hestia_right #mega-menu-primary {
display: block;
text-align: left !important;
}
.mega-menu-primary header > nav > .container {
display: table;
}
.mega-menu-primary .responsive-nav-cart {
display: table-cell;
}
.mega-menu-primary .hestia_center .responsive-nav-cart,
.mega-menu-primary .hestia_right .responsive-nav-cart {
display: none;
}
.mega-menu-primary header > nav.hestia_right > .container {
display: block;
}
}
/*--------------------------------------------------------------
## Instagram Feed (Smash Balloon)
--------------------------------------------------------------*/
.sbi_photo {
border-radius: 6px;
overflow: hidden;
box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
/*--------------------------------------------------------------
# Mega Menu
--------------------------------------------------------------*/
.hestia-mm-description {
display: none;
opacity: .75;
}
.hestia-mega-menu .hestia-mm-description {
display: block;
}
.navbar .hestia-mega-menu > .dropdown-menu {
margin: auto;
left: 0;
right: 0;
}
@media (min-width: 769px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 750px;
left: 50%;
transform: translateX(-50%);
}
/* one item */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: 100%;
}
/* two items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(2) ~ li {
width: 50%;
}
/* three items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(3) ~ li {
width: 33.3333%;
}
/* four items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(4) ~ li {
width: 25%;
}
/* five items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li {
width: 20%;
}
/* six items */
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5),
.hestia-mega-menu > .dropdown-menu .hestia-mm-col:first-child:nth-last-child(5) ~ li {
width: 16.66666666666667%;
}
}
@media (min-width: 992px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 970px;
}
}
@media (min-width: 1200px) {
.navbar .hestia-mega-menu > .dropdown-menu {
width: 1170px;
}
}
.navbar .navbar-nav > li.hestia-mega-menu {
position: static;
}
.navbar .hestia-mega-menu > .dropdown-menu > li > a {
margin: 0;
}
.hestia-mega-menu > .dropdown-menu {
padding: 5px;
color: #333 !important;
right: auto;
width: 100%;
left: 0;
display: table;
top: inherit;
}
.hestia-mega-menu > .dropdown-menu .divider {
height: 1px;
margin: 9px auto;
width: 75%;
}
.hestia-mega-menu .hestia-mm-col {
text-align: center;
vertical-align: top;
display: table-cell;
position: relative;
padding: 5px;
}
.hestia-mega-menu .hestia-mm-col > a {
display: none;
}
.hestia-mega-menu .hestia-mm-col > .dropdown-menu {
float: none;
background: none;
box-shadow: none;
opacity: 1;
display: inline-block !important;
position: static;
left: inherit;
}
.navbar .hestia-mm-heading {
margin: 10px 5px 10px 0;
}
.navbar .hestia-mm-heading > span {
text-transform: uppercase;
padding: 7px 10px 5px 10px;
margin: 0 5px;
}
.navbar .hestia-mm-heading > .mm-heading-wrapper a:hover {
text-decoration: underline;
}
.mm-heading-wrapper a {
color: #333;
padding: 0;
}
.hestia-mm-description {
color: #333;
padding: 7px 10px 5px 10px;
margin: 0 5px;
}
.hestia_right .dropdown-menu > .hestia-mega-menu > .dropdown-menu {
display: block;
width: auto;
left: 100%;
}
.hestia_left .dropdown-menu > .hestia-mega-menu > .dropdown-menu {
display: block;
width: auto;
right: 100%;
left: auto;
top: 0;
}
@media (max-width: 768px) {
.navbar .hestia-mm-col.dropdown-submenu:hover > .dropdown-menu {
display: inline-block !important;
}
.navbar .navbar-nav .dropdown .dropdown-menu li li .mm-heading-wrapper a {
padding: 0;
}
.hestia-mega-menu > .dropdown-menu {
display: none;
}
.hestia-mega-menu > .dropdown-menu .divider {
width: 100%;
margin: 15px auto;
}
.navbar .navbar-nav .dropdown li.hestia-mm-heading {
padding: 15px 0;
}
}
home/xbodynamge/lebauwcentre/wp-content/themes/customify/style.css 0000644 00000617656 15111734241 0021614 0 ustar 00 /*!
Theme Name: Customify
Theme URI: https://pressmaximum.com/customify
Author: WPCustomify
Author URI: https://pressmaximum.com
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://pressmaximum.com/customify
Version: 0.3.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customify
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, left-sidebar, right-sidebar, e-commerce, blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Customify is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/************************
Device Query
*************************/
/*
$gl-devices-list: (
desktop: "screen and (min-width: 64em)", // up 1024px
tablet: "screen and (max-width: 64em) and ( min-width: 35.5em )", // 568px - 1024px
mobile: "screen and (max-width: 35.5em)" // from to 568px to smaller
) !default;
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/* ==========================================================================
GRIDLEX
Just a Flexbox Grid System - v. 2.4.1
========================================================================== */
[class~="customify-grid"],
[class*="customify-grid-"],
[class*="customify-grid_"] {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -1em;
}
[class~="customify-col"],
[class*="customify-col-"],
[class*="customify-col_"] {
box-sizing: border-box;
padding: 0 1em 0;
max-width: 100%;
}
[class~="customify-col"],
[class*="customify-col_"] {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0%;
flex: 1 1 0%;
}
[class*="customify-col-"] {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
}
[class~="customify-grid"][class~="customify-col"],
[class~="customify-grid"][class*="customify-col-"],
[class~="customify-grid"][class*="customify-col_"],
[class*="customify-grid-"][class~="customify-col"],
[class*="customify-grid-"][class*="customify-col-"],
[class*="customify-grid-"][class*="customify-col_"],
[class*="customify-grid_"][class~="customify-col"],
[class*="customify-grid_"][class*="customify-col-"],
[class*="customify-grid_"][class*="customify-col_"] {
margin: 0;
padding: 0;
}
/************************
HELPERS SUFFIXES
*************************/
[class*="customify-grid-"][class*="-noGutter"] {
margin: 0;
}
[class*="customify-grid-"][class*="-noGutter"] > [class~="customify-col"],
[class*="customify-grid-"][class*="-noGutter"] > [class*="customify-col-"] {
padding: 0;
}
[class*="customify-grid-"][class*="-noWrap"] {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
[class*="customify-grid-"][class*="-center"] {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
[class*="customify-grid-"][class*="-right"] {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-self: flex-end;
align-self: flex-end;
margin-left: auto;
}
[class*="customify-grid-"][class*="-top"] {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
[class*="customify-grid-"][class*="-middle"] {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
[class*="customify-grid-"][class*="-bottom"] {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
[class*="customify-grid-"][class*="-reverse"] {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
[class*="customify-grid-"][class*="-column"] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
[class*="customify-grid-"][class*="-column"] > [class*="customify-col-"] {
-webkit-flex-basis: auto;
flex-basis: auto;
}
[class*="customify-grid-"][class*="-column-reverse"] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
[class*="customify-grid-"][class*="-spaceBetween"] {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
[class*="customify-grid-"][class*="-spaceAround"] {
-webkit-justify-content: space-around;
justify-content: space-around;
}
[class*="customify-grid-"][class*="-equalHeight"] > [class~="customify-col"], [class*="customify-grid-"][class*="-equalHeight"] > [class*="customify-col-"], [class*="customify-grid-"][class*="-equalHeight"] > [class*="customify-col_"] {
-webkit-align-self: stretch;
align-self: stretch;
}
[class*="customify-grid-"][class*="-equalHeight"] > [class~="customify-col"] > *, [class*="customify-grid-"][class*="-equalHeight"] > [class*="customify-col-"] > *, [class*="customify-grid-"][class*="-equalHeight"] > [class*="customify-col_"] > * {
height: 100%;
}
[class*="customify-grid-"][class*="-noBottom"] > [class~="customify-col"], [class*="customify-grid-"][class*="-noBottom"] > [class*="customify-col-"], [class*="customify-grid-"][class*="-noBottom"] > [class*="customify-col_"] {
padding-bottom: 0;
}
[class*="customify-col-"][class*="-top"] {
-webkit-align-self: flex-start;
align-self: flex-start;
}
[class*="customify-col-"][class*="-middle"] {
-webkit-align-self: center;
align-self: center;
}
[class*="customify-col-"][class*="-bottom"] {
-webkit-align-self: flex-end;
align-self: flex-end;
}
[class*="customify-col-"][class*="-first"] {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
}
[class*="customify-col-"][class*="-last"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
/************************
GRID BY NUMBER
*************************/
[class*="customify-grid-1"] > [class~="customify-col"],
[class*="customify-grid-1"] > [class*="customify-col-"],
[class*="customify-grid-1"] > [class*="customify-col_"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="customify-grid-2"] > [class~="customify-col"],
[class*="customify-grid-2"] > [class*="customify-col-"],
[class*="customify-grid-2"] > [class*="customify-col_"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="customify-grid-3"] > [class~="customify-col"],
[class*="customify-grid-3"] > [class*="customify-col-"],
[class*="customify-grid-3"] > [class*="customify-col_"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class*="customify-grid-4"] > [class~="customify-col"],
[class*="customify-grid-4"] > [class*="customify-col-"],
[class*="customify-grid-4"] > [class*="customify-col_"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="customify-grid-5"] > [class~="customify-col"],
[class*="customify-grid-5"] > [class*="customify-col-"],
[class*="customify-grid-5"] > [class*="customify-col_"] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="customify-grid-6"] > [class~="customify-col"],
[class*="customify-grid-6"] > [class*="customify-col-"],
[class*="customify-grid-6"] > [class*="customify-col_"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class*="customify-grid-7"] > [class~="customify-col"],
[class*="customify-grid-7"] > [class*="customify-col-"],
[class*="customify-grid-7"] > [class*="customify-col_"] {
-webkit-flex-basis: 14.2857142857%;
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
[class*="customify-grid-8"] > [class~="customify-col"],
[class*="customify-grid-8"] > [class*="customify-col-"],
[class*="customify-grid-8"] > [class*="customify-col_"] {
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="customify-grid-9"] > [class~="customify-col"],
[class*="customify-grid-9"] > [class*="customify-col-"],
[class*="customify-grid-9"] > [class*="customify-col_"] {
-webkit-flex-basis: 11.1111111111%;
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
[class*="customify-grid-10"] > [class~="customify-col"],
[class*="customify-grid-10"] > [class*="customify-col-"],
[class*="customify-grid-10"] > [class*="customify-col_"] {
-webkit-flex-basis: 10%;
flex-basis: 10%;
max-width: 10%;
}
[class*="customify-grid-11"] > [class~="customify-col"],
[class*="customify-grid-11"] > [class*="customify-col-"] {
-webkit-flex-basis: 9.0909090909%;
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
[class*="customify-grid-12"] > [class~="customify-col"],
[class*="customify-grid-12"] > [class*="customify-col-"],
[class*="customify-grid-12"] > [class*="customify-col_"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
@media screen and (max-width: 80em) {
[class*="_lg-1"] > [class~="customify-col"],
[class*="_lg-1"] > [class*="customify-col-"],
[class*="_lg-1"] > [class*="customify-col_"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="_lg-2"] > [class~="customify-col"],
[class*="_lg-2"] > [class*="customify-col-"],
[class*="_lg-2"] > [class*="customify-col_"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="_lg-3"] > [class~="customify-col"],
[class*="_lg-3"] > [class*="customify-col-"],
[class*="_lg-3"] > [class*="customify-col_"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class*="_lg-4"] > [class~="customify-col"],
[class*="_lg-4"] > [class*="customify-col-"],
[class*="_lg-4"] > [class*="customify-col_"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="_lg-5"] > [class~="customify-col"],
[class*="_lg-5"] > [class*="customify-col-"],
[class*="_lg-5"] > [class*="customify-col_"] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="_lg-6"] > [class~="customify-col"],
[class*="_lg-6"] > [class*="customify-col-"],
[class*="_lg-6"] > [class*="customify-col_"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class*="_lg-7"] > [class~="customify-col"],
[class*="_lg-7"] > [class*="customify-col-"],
[class*="_lg-7"] > [class*="customify-col_"] {
-webkit-flex-basis: 14.2857142857%;
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
[class*="_lg-8"] > [class~="customify-col"],
[class*="_lg-8"] > [class*="customify-col-"],
[class*="_lg-8"] > [class*="customify-col_"] {
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_lg-9"] > [class~="customify-col"],
[class*="_lg-9"] > [class*="customify-col-"],
[class*="_lg-9"] > [class*="customify-col_"] {
-webkit-flex-basis: 11.1111111111%;
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
[class*="_lg-10"] > [class~="customify-col"],
[class*="_lg-10"] > [class*="customify-col-"],
[class*="_lg-10"] > [class*="customify-col_"] {
-webkit-flex-basis: 10%;
flex-basis: 10%;
max-width: 10%;
}
[class*="_lg-11"] > [class~="customify-col"],
[class*="_lg-11"] > [class*="customify-col-"] {
-webkit-flex-basis: 9.0909090909%;
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
[class*="_lg-12"] > [class~="customify-col"],
[class*="_lg-12"] > [class*="customify-col-"],
[class*="_lg-12"] > [class*="customify-col_"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media screen and (max-width: 64em) {
[class*="_md-1"] > [class~="customify-col"],
[class*="_md-1"] > [class*="customify-col-"],
[class*="_md-1"] > [class*="customify-col_"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="_md-2"] > [class~="customify-col"],
[class*="_md-2"] > [class*="customify-col-"],
[class*="_md-2"] > [class*="customify-col_"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="_md-3"] > [class~="customify-col"],
[class*="_md-3"] > [class*="customify-col-"],
[class*="_md-3"] > [class*="customify-col_"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class*="_md-4"] > [class~="customify-col"],
[class*="_md-4"] > [class*="customify-col-"],
[class*="_md-4"] > [class*="customify-col_"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="_md-5"] > [class~="customify-col"],
[class*="_md-5"] > [class*="customify-col-"],
[class*="_md-5"] > [class*="customify-col_"] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="_md-6"] > [class~="customify-col"],
[class*="_md-6"] > [class*="customify-col-"],
[class*="_md-6"] > [class*="customify-col_"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class*="_md-7"] > [class~="customify-col"],
[class*="_md-7"] > [class*="customify-col-"],
[class*="_md-7"] > [class*="customify-col_"] {
-webkit-flex-basis: 14.2857142857%;
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
[class*="_md-8"] > [class~="customify-col"],
[class*="_md-8"] > [class*="customify-col-"],
[class*="_md-8"] > [class*="customify-col_"] {
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_md-9"] > [class~="customify-col"],
[class*="_md-9"] > [class*="customify-col-"],
[class*="_md-9"] > [class*="customify-col_"] {
-webkit-flex-basis: 11.1111111111%;
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
[class*="_md-10"] > [class~="customify-col"],
[class*="_md-10"] > [class*="customify-col-"],
[class*="_md-10"] > [class*="customify-col_"] {
-webkit-flex-basis: 10%;
flex-basis: 10%;
max-width: 10%;
}
[class*="_md-11"] > [class~="customify-col"],
[class*="_md-11"] > [class*="customify-col-"] {
-webkit-flex-basis: 9.0909090909%;
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
[class*="_md-12"] > [class~="customify-col"],
[class*="_md-12"] > [class*="customify-col-"],
[class*="_md-12"] > [class*="customify-col_"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media screen and (max-width: 48em) {
[class*="_sm-1"] > [class~="customify-col"],
[class*="_sm-1"] > [class*="customify-col-"],
[class*="_sm-1"] > [class*="customify-col_"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="_sm-2"] > [class~="customify-col"],
[class*="_sm-2"] > [class*="customify-col-"],
[class*="_sm-2"] > [class*="customify-col_"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="_sm-3"] > [class~="customify-col"],
[class*="_sm-3"] > [class*="customify-col-"],
[class*="_sm-3"] > [class*="customify-col_"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class*="_sm-4"] > [class~="customify-col"],
[class*="_sm-4"] > [class*="customify-col-"],
[class*="_sm-4"] > [class*="customify-col_"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="_sm-5"] > [class~="customify-col"],
[class*="_sm-5"] > [class*="customify-col-"],
[class*="_sm-5"] > [class*="customify-col_"] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="_sm-6"] > [class~="customify-col"],
[class*="_sm-6"] > [class*="customify-col-"],
[class*="_sm-6"] > [class*="customify-col_"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class*="_sm-7"] > [class~="customify-col"],
[class*="_sm-7"] > [class*="customify-col-"],
[class*="_sm-7"] > [class*="customify-col_"] {
-webkit-flex-basis: 14.2857142857%;
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
[class*="_sm-8"] > [class~="customify-col"],
[class*="_sm-8"] > [class*="customify-col-"],
[class*="_sm-8"] > [class*="customify-col_"] {
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_sm-9"] > [class~="customify-col"],
[class*="_sm-9"] > [class*="customify-col-"],
[class*="_sm-9"] > [class*="customify-col_"] {
-webkit-flex-basis: 11.1111111111%;
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
[class*="_sm-10"] > [class~="customify-col"],
[class*="_sm-10"] > [class*="customify-col-"],
[class*="_sm-10"] > [class*="customify-col_"] {
-webkit-flex-basis: 10%;
flex-basis: 10%;
max-width: 10%;
}
[class*="_sm-11"] > [class~="customify-col"],
[class*="_sm-11"] > [class*="customify-col-"] {
-webkit-flex-basis: 9.0909090909%;
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
[class*="_sm-12"] > [class~="customify-col"],
[class*="_sm-12"] > [class*="customify-col-"],
[class*="_sm-12"] > [class*="customify-col_"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media screen and (max-width: 35.5em) {
[class*="_xs-1"] > [class~="customify-col"],
[class*="_xs-1"] > [class*="customify-col-"],
[class*="_xs-1"] > [class*="customify-col_"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="_xs-2"] > [class~="customify-col"],
[class*="_xs-2"] > [class*="customify-col-"],
[class*="_xs-2"] > [class*="customify-col_"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="_xs-3"] > [class~="customify-col"],
[class*="_xs-3"] > [class*="customify-col-"],
[class*="_xs-3"] > [class*="customify-col_"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class*="_xs-4"] > [class~="customify-col"],
[class*="_xs-4"] > [class*="customify-col-"],
[class*="_xs-4"] > [class*="customify-col_"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="_xs-5"] > [class~="customify-col"],
[class*="_xs-5"] > [class*="customify-col-"],
[class*="_xs-5"] > [class*="customify-col_"] {
-webkit-flex-basis: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="_xs-6"] > [class~="customify-col"],
[class*="_xs-6"] > [class*="customify-col-"],
[class*="_xs-6"] > [class*="customify-col_"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class*="_xs-7"] > [class~="customify-col"],
[class*="_xs-7"] > [class*="customify-col-"],
[class*="_xs-7"] > [class*="customify-col_"] {
-webkit-flex-basis: 14.2857142857%;
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
[class*="_xs-8"] > [class~="customify-col"],
[class*="_xs-8"] > [class*="customify-col-"],
[class*="_xs-8"] > [class*="customify-col_"] {
-webkit-flex-basis: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
[class*="_xs-9"] > [class~="customify-col"],
[class*="_xs-9"] > [class*="customify-col-"],
[class*="_xs-9"] > [class*="customify-col_"] {
-webkit-flex-basis: 11.1111111111%;
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
[class*="_xs-10"] > [class~="customify-col"],
[class*="_xs-10"] > [class*="customify-col-"],
[class*="_xs-10"] > [class*="customify-col_"] {
-webkit-flex-basis: 10%;
flex-basis: 10%;
max-width: 10%;
}
[class*="_xs-11"] > [class~="customify-col"],
[class*="_xs-11"] > [class*="customify-col-"] {
-webkit-flex-basis: 9.0909090909%;
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
[class*="_xs-12"] > [class~="customify-col"],
[class*="_xs-12"] > [class*="customify-col-"],
[class*="_xs-12"] > [class*="customify-col_"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
/************************
COLS SIZES
*************************/
[class~="customify-grid"] > [class*="customify-col-1"],
[class*="customify-grid-"] > [class*="customify-col-1"],
[class*="customify-grid_"] > [class*="customify-col-1"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[class~="customify-grid"] > [class*="customify-col-2"],
[class*="customify-grid-"] > [class*="customify-col-2"],
[class*="customify-grid_"] > [class*="customify-col-2"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class~="customify-grid"] > [class*="customify-col-3"],
[class*="customify-grid-"] > [class*="customify-col-3"],
[class*="customify-grid_"] > [class*="customify-col-3"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class~="customify-grid"] > [class*="customify-col-4"],
[class*="customify-grid-"] > [class*="customify-col-4"],
[class*="customify-grid_"] > [class*="customify-col-4"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class~="customify-grid"] > [class*="customify-col-5"],
[class*="customify-grid-"] > [class*="customify-col-5"],
[class*="customify-grid_"] > [class*="customify-col-5"] {
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[class~="customify-grid"] > [class*="customify-col-6"],
[class*="customify-grid-"] > [class*="customify-col-6"],
[class*="customify-grid_"] > [class*="customify-col-6"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class~="customify-grid"] > [class*="customify-col-7"],
[class*="customify-grid-"] > [class*="customify-col-7"],
[class*="customify-grid_"] > [class*="customify-col-7"] {
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[class~="customify-grid"] > [class*="customify-col-8"],
[class*="customify-grid-"] > [class*="customify-col-8"],
[class*="customify-grid_"] > [class*="customify-col-8"] {
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[class~="customify-grid"] > [class*="customify-col-9"],
[class*="customify-grid-"] > [class*="customify-col-9"],
[class*="customify-grid_"] > [class*="customify-col-9"] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
[class~="customify-grid"] > [class*="customify-col-10"],
[class*="customify-grid-"] > [class*="customify-col-10"],
[class*="customify-grid_"] > [class*="customify-col-10"] {
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[class~="customify-grid"] > [class*="customify-col-11"],
[class*="customify-grid-"] > [class*="customify-col-11"],
[class*="customify-grid_"] > [class*="customify-col-11"] {
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[class~="customify-grid"] > [class*="customify-col-12"],
[class*="customify-grid-"] > [class*="customify-col-12"],
[class*="customify-grid_"] > [class*="customify-col-12"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class~="customify-grid"] > [data-push-left*="off-0"],
[class*="customify-grid-"] > [data-push-left*="off-0"],
[class*="customify-grid_"] > [data-push-left*="off-0"] {
margin-left: 0;
}
[class~="customify-grid"] > [data-push-left*="off-1"],
[class*="customify-grid-"] > [data-push-left*="off-1"],
[class*="customify-grid_"] > [data-push-left*="off-1"] {
margin-left: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="off-2"],
[class*="customify-grid-"] > [data-push-left*="off-2"],
[class*="customify-grid_"] > [data-push-left*="off-2"] {
margin-left: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="off-3"],
[class*="customify-grid-"] > [data-push-left*="off-3"],
[class*="customify-grid_"] > [data-push-left*="off-3"] {
margin-left: 25%;
}
[class~="customify-grid"] > [data-push-left*="off-4"],
[class*="customify-grid-"] > [data-push-left*="off-4"],
[class*="customify-grid_"] > [data-push-left*="off-4"] {
margin-left: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="off-5"],
[class*="customify-grid-"] > [data-push-left*="off-5"],
[class*="customify-grid_"] > [data-push-left*="off-5"] {
margin-left: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="off-6"],
[class*="customify-grid-"] > [data-push-left*="off-6"],
[class*="customify-grid_"] > [data-push-left*="off-6"] {
margin-left: 50%;
}
[class~="customify-grid"] > [data-push-left*="off-7"],
[class*="customify-grid-"] > [data-push-left*="off-7"],
[class*="customify-grid_"] > [data-push-left*="off-7"] {
margin-left: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="off-8"],
[class*="customify-grid-"] > [data-push-left*="off-8"],
[class*="customify-grid_"] > [data-push-left*="off-8"] {
margin-left: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="off-9"],
[class*="customify-grid-"] > [data-push-left*="off-9"],
[class*="customify-grid_"] > [data-push-left*="off-9"] {
margin-left: 75%;
}
[class~="customify-grid"] > [data-push-left*="off-10"],
[class*="customify-grid-"] > [data-push-left*="off-10"],
[class*="customify-grid_"] > [data-push-left*="off-10"] {
margin-left: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="off-11"],
[class*="customify-grid-"] > [data-push-left*="off-11"],
[class*="customify-grid_"] > [data-push-left*="off-11"] {
margin-left: 91.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="off-0"],
[class*="customify-grid-"] > [data-push-right*="off-0"],
[class*="customify-grid_"] > [data-push-right*="off-0"] {
margin-right: 0;
}
[class~="customify-grid"] > [data-push-right*="off-1"],
[class*="customify-grid-"] > [data-push-right*="off-1"],
[class*="customify-grid_"] > [data-push-right*="off-1"] {
margin-right: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="off-2"],
[class*="customify-grid-"] > [data-push-right*="off-2"],
[class*="customify-grid_"] > [data-push-right*="off-2"] {
margin-right: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="off-3"],
[class*="customify-grid-"] > [data-push-right*="off-3"],
[class*="customify-grid_"] > [data-push-right*="off-3"] {
margin-right: 25%;
}
[class~="customify-grid"] > [data-push-right*="off-4"],
[class*="customify-grid-"] > [data-push-right*="off-4"],
[class*="customify-grid_"] > [data-push-right*="off-4"] {
margin-right: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="off-5"],
[class*="customify-grid-"] > [data-push-right*="off-5"],
[class*="customify-grid_"] > [data-push-right*="off-5"] {
margin-right: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="off-6"],
[class*="customify-grid-"] > [data-push-right*="off-6"],
[class*="customify-grid_"] > [data-push-right*="off-6"] {
margin-right: 50%;
}
[class~="customify-grid"] > [data-push-right*="off-7"],
[class*="customify-grid-"] > [data-push-right*="off-7"],
[class*="customify-grid_"] > [data-push-right*="off-7"] {
margin-right: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="off-8"],
[class*="customify-grid-"] > [data-push-right*="off-8"],
[class*="customify-grid_"] > [data-push-right*="off-8"] {
margin-right: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="off-9"],
[class*="customify-grid-"] > [data-push-right*="off-9"],
[class*="customify-grid_"] > [data-push-right*="off-9"] {
margin-right: 75%;
}
[class~="customify-grid"] > [data-push-right*="off-10"],
[class*="customify-grid-"] > [data-push-right*="off-10"],
[class*="customify-grid_"] > [data-push-right*="off-10"] {
margin-right: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="off-11"],
[class*="customify-grid-"] > [data-push-right*="off-11"],
[class*="customify-grid_"] > [data-push-right*="off-11"] {
margin-right: 91.6666666667%;
}
@media screen and (max-width: 80em) {
[class~="customify-grid"] > [class*="_lg-1"],
[class*="customify-grid-"] > [class*="_lg-1"],
[class*="customify-grid_"] > [class*="_lg-1"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[class~="customify-grid"] > [class*="_lg-2"],
[class*="customify-grid-"] > [class*="_lg-2"],
[class*="customify-grid_"] > [class*="_lg-2"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class~="customify-grid"] > [class*="_lg-3"],
[class*="customify-grid-"] > [class*="_lg-3"],
[class*="customify-grid_"] > [class*="_lg-3"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class~="customify-grid"] > [class*="_lg-4"],
[class*="customify-grid-"] > [class*="_lg-4"],
[class*="customify-grid_"] > [class*="_lg-4"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class~="customify-grid"] > [class*="_lg-5"],
[class*="customify-grid-"] > [class*="_lg-5"],
[class*="customify-grid_"] > [class*="_lg-5"] {
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[class~="customify-grid"] > [class*="_lg-6"],
[class*="customify-grid-"] > [class*="_lg-6"],
[class*="customify-grid_"] > [class*="_lg-6"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class~="customify-grid"] > [class*="_lg-7"],
[class*="customify-grid-"] > [class*="_lg-7"],
[class*="customify-grid_"] > [class*="_lg-7"] {
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[class~="customify-grid"] > [class*="_lg-8"],
[class*="customify-grid-"] > [class*="_lg-8"],
[class*="customify-grid_"] > [class*="_lg-8"] {
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[class~="customify-grid"] > [class*="_lg-9"],
[class*="customify-grid-"] > [class*="_lg-9"],
[class*="customify-grid_"] > [class*="_lg-9"] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
[class~="customify-grid"] > [class*="_lg-10"],
[class*="customify-grid-"] > [class*="_lg-10"],
[class*="customify-grid_"] > [class*="_lg-10"] {
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[class~="customify-grid"] > [class*="_lg-11"],
[class*="customify-grid-"] > [class*="_lg-11"],
[class*="customify-grid_"] > [class*="_lg-11"] {
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[class~="customify-grid"] > [class*="_lg-12"],
[class*="customify-grid-"] > [class*="_lg-12"],
[class*="customify-grid_"] > [class*="_lg-12"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class~="customify-grid"] > [data-push-left*="_lg-0"],
[class*="customify-grid-"] > [data-push-left*="_lg-0"],
[class*="customify-grid_"] > [data-push-left*="_lg-0"] {
margin-left: 0;
}
[class~="customify-grid"] > [data-push-left*="_lg-1"],
[class*="customify-grid-"] > [data-push-left*="_lg-1"],
[class*="customify-grid_"] > [data-push-left*="_lg-1"] {
margin-left: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_lg-2"],
[class*="customify-grid-"] > [data-push-left*="_lg-2"],
[class*="customify-grid_"] > [data-push-left*="_lg-2"] {
margin-left: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_lg-3"],
[class*="customify-grid-"] > [data-push-left*="_lg-3"],
[class*="customify-grid_"] > [data-push-left*="_lg-3"] {
margin-left: 25%;
}
[class~="customify-grid"] > [data-push-left*="_lg-4"],
[class*="customify-grid-"] > [data-push-left*="_lg-4"],
[class*="customify-grid_"] > [data-push-left*="_lg-4"] {
margin-left: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_lg-5"],
[class*="customify-grid-"] > [data-push-left*="_lg-5"],
[class*="customify-grid_"] > [data-push-left*="_lg-5"] {
margin-left: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_lg-6"],
[class*="customify-grid-"] > [data-push-left*="_lg-6"],
[class*="customify-grid_"] > [data-push-left*="_lg-6"] {
margin-left: 50%;
}
[class~="customify-grid"] > [data-push-left*="_lg-7"],
[class*="customify-grid-"] > [data-push-left*="_lg-7"],
[class*="customify-grid_"] > [data-push-left*="_lg-7"] {
margin-left: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_lg-8"],
[class*="customify-grid-"] > [data-push-left*="_lg-8"],
[class*="customify-grid_"] > [data-push-left*="_lg-8"] {
margin-left: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_lg-9"],
[class*="customify-grid-"] > [data-push-left*="_lg-9"],
[class*="customify-grid_"] > [data-push-left*="_lg-9"] {
margin-left: 75%;
}
[class~="customify-grid"] > [data-push-left*="_lg-10"],
[class*="customify-grid-"] > [data-push-left*="_lg-10"],
[class*="customify-grid_"] > [data-push-left*="_lg-10"] {
margin-left: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_lg-11"],
[class*="customify-grid-"] > [data-push-left*="_lg-11"],
[class*="customify-grid_"] > [data-push-left*="_lg-11"] {
margin-left: 91.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_lg-0"],
[class*="customify-grid-"] > [data-push-right*="_lg-0"],
[class*="customify-grid_"] > [data-push-right*="_lg-0"] {
margin-right: 0;
}
[class~="customify-grid"] > [data-push-right*="_lg-1"],
[class*="customify-grid-"] > [data-push-right*="_lg-1"],
[class*="customify-grid_"] > [data-push-right*="_lg-1"] {
margin-right: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_lg-2"],
[class*="customify-grid-"] > [data-push-right*="_lg-2"],
[class*="customify-grid_"] > [data-push-right*="_lg-2"] {
margin-right: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_lg-3"],
[class*="customify-grid-"] > [data-push-right*="_lg-3"],
[class*="customify-grid_"] > [data-push-right*="_lg-3"] {
margin-right: 25%;
}
[class~="customify-grid"] > [data-push-right*="_lg-4"],
[class*="customify-grid-"] > [data-push-right*="_lg-4"],
[class*="customify-grid_"] > [data-push-right*="_lg-4"] {
margin-right: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_lg-5"],
[class*="customify-grid-"] > [data-push-right*="_lg-5"],
[class*="customify-grid_"] > [data-push-right*="_lg-5"] {
margin-right: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_lg-6"],
[class*="customify-grid-"] > [data-push-right*="_lg-6"],
[class*="customify-grid_"] > [data-push-right*="_lg-6"] {
margin-right: 50%;
}
[class~="customify-grid"] > [data-push-right*="_lg-7"],
[class*="customify-grid-"] > [data-push-right*="_lg-7"],
[class*="customify-grid_"] > [data-push-right*="_lg-7"] {
margin-right: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_lg-8"],
[class*="customify-grid-"] > [data-push-right*="_lg-8"],
[class*="customify-grid_"] > [data-push-right*="_lg-8"] {
margin-right: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_lg-9"],
[class*="customify-grid-"] > [data-push-right*="_lg-9"],
[class*="customify-grid_"] > [data-push-right*="_lg-9"] {
margin-right: 75%;
}
[class~="customify-grid"] > [data-push-right*="_lg-10"],
[class*="customify-grid-"] > [data-push-right*="_lg-10"],
[class*="customify-grid_"] > [data-push-right*="_lg-10"] {
margin-right: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_lg-11"],
[class*="customify-grid-"] > [data-push-right*="_lg-11"],
[class*="customify-grid_"] > [data-push-right*="_lg-11"] {
margin-right: 91.6666666667%;
}
[class~="customify-grid"] [class*="_lg-first"],
[class*="customify-grid-"] [class*="_lg-first"],
[class*="customify-grid_"] [class*="_lg-first"] {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
}
[class~="customify-grid"] [class*="_lg-last"],
[class*="customify-grid-"] [class*="_lg-last"],
[class*="customify-grid_"] [class*="_lg-last"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
}
@media screen and (max-width: 64em) {
[class~="customify-grid"] > [class*="_md-1"],
[class*="customify-grid-"] > [class*="_md-1"],
[class*="customify-grid_"] > [class*="_md-1"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[class~="customify-grid"] > [class*="_md-2"],
[class*="customify-grid-"] > [class*="_md-2"],
[class*="customify-grid_"] > [class*="_md-2"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class~="customify-grid"] > [class*="_md-3"],
[class*="customify-grid-"] > [class*="_md-3"],
[class*="customify-grid_"] > [class*="_md-3"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class~="customify-grid"] > [class*="_md-4"],
[class*="customify-grid-"] > [class*="_md-4"],
[class*="customify-grid_"] > [class*="_md-4"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class~="customify-grid"] > [class*="_md-5"],
[class*="customify-grid-"] > [class*="_md-5"],
[class*="customify-grid_"] > [class*="_md-5"] {
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[class~="customify-grid"] > [class*="_md-6"],
[class*="customify-grid-"] > [class*="_md-6"],
[class*="customify-grid_"] > [class*="_md-6"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class~="customify-grid"] > [class*="_md-7"],
[class*="customify-grid-"] > [class*="_md-7"],
[class*="customify-grid_"] > [class*="_md-7"] {
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[class~="customify-grid"] > [class*="_md-8"],
[class*="customify-grid-"] > [class*="_md-8"],
[class*="customify-grid_"] > [class*="_md-8"] {
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[class~="customify-grid"] > [class*="_md-9"],
[class*="customify-grid-"] > [class*="_md-9"],
[class*="customify-grid_"] > [class*="_md-9"] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
[class~="customify-grid"] > [class*="_md-10"],
[class*="customify-grid-"] > [class*="_md-10"],
[class*="customify-grid_"] > [class*="_md-10"] {
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[class~="customify-grid"] > [class*="_md-11"],
[class*="customify-grid-"] > [class*="_md-11"],
[class*="customify-grid_"] > [class*="_md-11"] {
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[class~="customify-grid"] > [class*="_md-12"],
[class*="customify-grid-"] > [class*="_md-12"],
[class*="customify-grid_"] > [class*="_md-12"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class~="customify-grid"] > [data-push-left*="_md-0"],
[class*="customify-grid-"] > [data-push-left*="_md-0"],
[class*="customify-grid_"] > [data-push-left*="_md-0"] {
margin-left: 0;
}
[class~="customify-grid"] > [data-push-left*="_md-1"],
[class*="customify-grid-"] > [data-push-left*="_md-1"],
[class*="customify-grid_"] > [data-push-left*="_md-1"] {
margin-left: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_md-2"],
[class*="customify-grid-"] > [data-push-left*="_md-2"],
[class*="customify-grid_"] > [data-push-left*="_md-2"] {
margin-left: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_md-3"],
[class*="customify-grid-"] > [data-push-left*="_md-3"],
[class*="customify-grid_"] > [data-push-left*="_md-3"] {
margin-left: 25%;
}
[class~="customify-grid"] > [data-push-left*="_md-4"],
[class*="customify-grid-"] > [data-push-left*="_md-4"],
[class*="customify-grid_"] > [data-push-left*="_md-4"] {
margin-left: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_md-5"],
[class*="customify-grid-"] > [data-push-left*="_md-5"],
[class*="customify-grid_"] > [data-push-left*="_md-5"] {
margin-left: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_md-6"],
[class*="customify-grid-"] > [data-push-left*="_md-6"],
[class*="customify-grid_"] > [data-push-left*="_md-6"] {
margin-left: 50%;
}
[class~="customify-grid"] > [data-push-left*="_md-7"],
[class*="customify-grid-"] > [data-push-left*="_md-7"],
[class*="customify-grid_"] > [data-push-left*="_md-7"] {
margin-left: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_md-8"],
[class*="customify-grid-"] > [data-push-left*="_md-8"],
[class*="customify-grid_"] > [data-push-left*="_md-8"] {
margin-left: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_md-9"],
[class*="customify-grid-"] > [data-push-left*="_md-9"],
[class*="customify-grid_"] > [data-push-left*="_md-9"] {
margin-left: 75%;
}
[class~="customify-grid"] > [data-push-left*="_md-10"],
[class*="customify-grid-"] > [data-push-left*="_md-10"],
[class*="customify-grid_"] > [data-push-left*="_md-10"] {
margin-left: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_md-11"],
[class*="customify-grid-"] > [data-push-left*="_md-11"],
[class*="customify-grid_"] > [data-push-left*="_md-11"] {
margin-left: 91.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_md-0"],
[class*="customify-grid-"] > [data-push-right*="_md-0"],
[class*="customify-grid_"] > [data-push-right*="_md-0"] {
margin-right: 0;
}
[class~="customify-grid"] > [data-push-right*="_md-1"],
[class*="customify-grid-"] > [data-push-right*="_md-1"],
[class*="customify-grid_"] > [data-push-right*="_md-1"] {
margin-right: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_md-2"],
[class*="customify-grid-"] > [data-push-right*="_md-2"],
[class*="customify-grid_"] > [data-push-right*="_md-2"] {
margin-right: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_md-3"],
[class*="customify-grid-"] > [data-push-right*="_md-3"],
[class*="customify-grid_"] > [data-push-right*="_md-3"] {
margin-right: 25%;
}
[class~="customify-grid"] > [data-push-right*="_md-4"],
[class*="customify-grid-"] > [data-push-right*="_md-4"],
[class*="customify-grid_"] > [data-push-right*="_md-4"] {
margin-right: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_md-5"],
[class*="customify-grid-"] > [data-push-right*="_md-5"],
[class*="customify-grid_"] > [data-push-right*="_md-5"] {
margin-right: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_md-6"],
[class*="customify-grid-"] > [data-push-right*="_md-6"],
[class*="customify-grid_"] > [data-push-right*="_md-6"] {
margin-right: 50%;
}
[class~="customify-grid"] > [data-push-right*="_md-7"],
[class*="customify-grid-"] > [data-push-right*="_md-7"],
[class*="customify-grid_"] > [data-push-right*="_md-7"] {
margin-right: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_md-8"],
[class*="customify-grid-"] > [data-push-right*="_md-8"],
[class*="customify-grid_"] > [data-push-right*="_md-8"] {
margin-right: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_md-9"],
[class*="customify-grid-"] > [data-push-right*="_md-9"],
[class*="customify-grid_"] > [data-push-right*="_md-9"] {
margin-right: 75%;
}
[class~="customify-grid"] > [data-push-right*="_md-10"],
[class*="customify-grid-"] > [data-push-right*="_md-10"],
[class*="customify-grid_"] > [data-push-right*="_md-10"] {
margin-right: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_md-11"],
[class*="customify-grid-"] > [data-push-right*="_md-11"],
[class*="customify-grid_"] > [data-push-right*="_md-11"] {
margin-right: 91.6666666667%;
}
[class~="customify-grid"] [class*="_md-first"],
[class*="customify-grid-"] [class*="_md-first"],
[class*="customify-grid_"] [class*="_md-first"] {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
}
[class~="customify-grid"] [class*="_md-last"],
[class*="customify-grid-"] [class*="_md-last"],
[class*="customify-grid_"] [class*="_md-last"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
}
@media screen and (max-width: 48em) {
[class~="customify-grid"] > [class*="_sm-1"],
[class*="customify-grid-"] > [class*="_sm-1"],
[class*="customify-grid_"] > [class*="_sm-1"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[class~="customify-grid"] > [class*="_sm-2"],
[class*="customify-grid-"] > [class*="_sm-2"],
[class*="customify-grid_"] > [class*="_sm-2"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class~="customify-grid"] > [class*="_sm-3"],
[class*="customify-grid-"] > [class*="_sm-3"],
[class*="customify-grid_"] > [class*="_sm-3"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class~="customify-grid"] > [class*="_sm-4"],
[class*="customify-grid-"] > [class*="_sm-4"],
[class*="customify-grid_"] > [class*="_sm-4"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class~="customify-grid"] > [class*="_sm-5"],
[class*="customify-grid-"] > [class*="_sm-5"],
[class*="customify-grid_"] > [class*="_sm-5"] {
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[class~="customify-grid"] > [class*="_sm-6"],
[class*="customify-grid-"] > [class*="_sm-6"],
[class*="customify-grid_"] > [class*="_sm-6"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class~="customify-grid"] > [class*="_sm-7"],
[class*="customify-grid-"] > [class*="_sm-7"],
[class*="customify-grid_"] > [class*="_sm-7"] {
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[class~="customify-grid"] > [class*="_sm-8"],
[class*="customify-grid-"] > [class*="_sm-8"],
[class*="customify-grid_"] > [class*="_sm-8"] {
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[class~="customify-grid"] > [class*="_sm-9"],
[class*="customify-grid-"] > [class*="_sm-9"],
[class*="customify-grid_"] > [class*="_sm-9"] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
[class~="customify-grid"] > [class*="_sm-10"],
[class*="customify-grid-"] > [class*="_sm-10"],
[class*="customify-grid_"] > [class*="_sm-10"] {
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[class~="customify-grid"] > [class*="_sm-11"],
[class*="customify-grid-"] > [class*="_sm-11"],
[class*="customify-grid_"] > [class*="_sm-11"] {
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[class~="customify-grid"] > [class*="_sm-12"],
[class*="customify-grid-"] > [class*="_sm-12"],
[class*="customify-grid_"] > [class*="_sm-12"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class~="customify-grid"] > [data-push-left*="_sm-0"],
[class*="customify-grid-"] > [data-push-left*="_sm-0"],
[class*="customify-grid_"] > [data-push-left*="_sm-0"] {
margin-left: 0;
}
[class~="customify-grid"] > [data-push-left*="_sm-1"],
[class*="customify-grid-"] > [data-push-left*="_sm-1"],
[class*="customify-grid_"] > [data-push-left*="_sm-1"] {
margin-left: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_sm-2"],
[class*="customify-grid-"] > [data-push-left*="_sm-2"],
[class*="customify-grid_"] > [data-push-left*="_sm-2"] {
margin-left: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_sm-3"],
[class*="customify-grid-"] > [data-push-left*="_sm-3"],
[class*="customify-grid_"] > [data-push-left*="_sm-3"] {
margin-left: 25%;
}
[class~="customify-grid"] > [data-push-left*="_sm-4"],
[class*="customify-grid-"] > [data-push-left*="_sm-4"],
[class*="customify-grid_"] > [data-push-left*="_sm-4"] {
margin-left: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_sm-5"],
[class*="customify-grid-"] > [data-push-left*="_sm-5"],
[class*="customify-grid_"] > [data-push-left*="_sm-5"] {
margin-left: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_sm-6"],
[class*="customify-grid-"] > [data-push-left*="_sm-6"],
[class*="customify-grid_"] > [data-push-left*="_sm-6"] {
margin-left: 50%;
}
[class~="customify-grid"] > [data-push-left*="_sm-7"],
[class*="customify-grid-"] > [data-push-left*="_sm-7"],
[class*="customify-grid_"] > [data-push-left*="_sm-7"] {
margin-left: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_sm-8"],
[class*="customify-grid-"] > [data-push-left*="_sm-8"],
[class*="customify-grid_"] > [data-push-left*="_sm-8"] {
margin-left: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_sm-9"],
[class*="customify-grid-"] > [data-push-left*="_sm-9"],
[class*="customify-grid_"] > [data-push-left*="_sm-9"] {
margin-left: 75%;
}
[class~="customify-grid"] > [data-push-left*="_sm-10"],
[class*="customify-grid-"] > [data-push-left*="_sm-10"],
[class*="customify-grid_"] > [data-push-left*="_sm-10"] {
margin-left: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_sm-11"],
[class*="customify-grid-"] > [data-push-left*="_sm-11"],
[class*="customify-grid_"] > [data-push-left*="_sm-11"] {
margin-left: 91.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_sm-0"],
[class*="customify-grid-"] > [data-push-right*="_sm-0"],
[class*="customify-grid_"] > [data-push-right*="_sm-0"] {
margin-right: 0;
}
[class~="customify-grid"] > [data-push-right*="_sm-1"],
[class*="customify-grid-"] > [data-push-right*="_sm-1"],
[class*="customify-grid_"] > [data-push-right*="_sm-1"] {
margin-right: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_sm-2"],
[class*="customify-grid-"] > [data-push-right*="_sm-2"],
[class*="customify-grid_"] > [data-push-right*="_sm-2"] {
margin-right: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_sm-3"],
[class*="customify-grid-"] > [data-push-right*="_sm-3"],
[class*="customify-grid_"] > [data-push-right*="_sm-3"] {
margin-right: 25%;
}
[class~="customify-grid"] > [data-push-right*="_sm-4"],
[class*="customify-grid-"] > [data-push-right*="_sm-4"],
[class*="customify-grid_"] > [data-push-right*="_sm-4"] {
margin-right: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_sm-5"],
[class*="customify-grid-"] > [data-push-right*="_sm-5"],
[class*="customify-grid_"] > [data-push-right*="_sm-5"] {
margin-right: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_sm-6"],
[class*="customify-grid-"] > [data-push-right*="_sm-6"],
[class*="customify-grid_"] > [data-push-right*="_sm-6"] {
margin-right: 50%;
}
[class~="customify-grid"] > [data-push-right*="_sm-7"],
[class*="customify-grid-"] > [data-push-right*="_sm-7"],
[class*="customify-grid_"] > [data-push-right*="_sm-7"] {
margin-right: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_sm-8"],
[class*="customify-grid-"] > [data-push-right*="_sm-8"],
[class*="customify-grid_"] > [data-push-right*="_sm-8"] {
margin-right: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_sm-9"],
[class*="customify-grid-"] > [data-push-right*="_sm-9"],
[class*="customify-grid_"] > [data-push-right*="_sm-9"] {
margin-right: 75%;
}
[class~="customify-grid"] > [data-push-right*="_sm-10"],
[class*="customify-grid-"] > [data-push-right*="_sm-10"],
[class*="customify-grid_"] > [data-push-right*="_sm-10"] {
margin-right: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_sm-11"],
[class*="customify-grid-"] > [data-push-right*="_sm-11"],
[class*="customify-grid_"] > [data-push-right*="_sm-11"] {
margin-right: 91.6666666667%;
}
[class~="customify-grid"] [class*="_sm-first"],
[class*="customify-grid-"] [class*="_sm-first"],
[class*="customify-grid_"] [class*="_sm-first"] {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
}
[class~="customify-grid"] [class*="_sm-last"],
[class*="customify-grid-"] [class*="_sm-last"],
[class*="customify-grid_"] [class*="_sm-last"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
}
@media screen and (max-width: 35.5em) {
[class~="customify-grid"] > [class*="_xs-1"],
[class*="customify-grid-"] > [class*="_xs-1"],
[class*="customify-grid_"] > [class*="_xs-1"] {
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[class~="customify-grid"] > [class*="_xs-2"],
[class*="customify-grid-"] > [class*="_xs-2"],
[class*="customify-grid_"] > [class*="_xs-2"] {
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[class~="customify-grid"] > [class*="_xs-3"],
[class*="customify-grid-"] > [class*="_xs-3"],
[class*="customify-grid_"] > [class*="_xs-3"] {
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class~="customify-grid"] > [class*="_xs-4"],
[class*="customify-grid-"] > [class*="_xs-4"],
[class*="customify-grid_"] > [class*="_xs-4"] {
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[class~="customify-grid"] > [class*="_xs-5"],
[class*="customify-grid-"] > [class*="_xs-5"],
[class*="customify-grid_"] > [class*="_xs-5"] {
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[class~="customify-grid"] > [class*="_xs-6"],
[class*="customify-grid-"] > [class*="_xs-6"],
[class*="customify-grid_"] > [class*="_xs-6"] {
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class~="customify-grid"] > [class*="_xs-7"],
[class*="customify-grid-"] > [class*="_xs-7"],
[class*="customify-grid_"] > [class*="_xs-7"] {
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[class~="customify-grid"] > [class*="_xs-8"],
[class*="customify-grid-"] > [class*="_xs-8"],
[class*="customify-grid_"] > [class*="_xs-8"] {
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[class~="customify-grid"] > [class*="_xs-9"],
[class*="customify-grid-"] > [class*="_xs-9"],
[class*="customify-grid_"] > [class*="_xs-9"] {
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
[class~="customify-grid"] > [class*="_xs-10"],
[class*="customify-grid-"] > [class*="_xs-10"],
[class*="customify-grid_"] > [class*="_xs-10"] {
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[class~="customify-grid"] > [class*="_xs-11"],
[class*="customify-grid-"] > [class*="_xs-11"],
[class*="customify-grid_"] > [class*="_xs-11"] {
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[class~="customify-grid"] > [class*="_xs-12"],
[class*="customify-grid-"] > [class*="_xs-12"],
[class*="customify-grid_"] > [class*="_xs-12"] {
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class~="customify-grid"] > [data-push-left*="_xs-0"],
[class*="customify-grid-"] > [data-push-left*="_xs-0"],
[class*="customify-grid_"] > [data-push-left*="_xs-0"] {
margin-left: 0;
}
[class~="customify-grid"] > [data-push-left*="_xs-1"],
[class*="customify-grid-"] > [data-push-left*="_xs-1"],
[class*="customify-grid_"] > [data-push-left*="_xs-1"] {
margin-left: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_xs-2"],
[class*="customify-grid-"] > [data-push-left*="_xs-2"],
[class*="customify-grid_"] > [data-push-left*="_xs-2"] {
margin-left: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_xs-3"],
[class*="customify-grid-"] > [data-push-left*="_xs-3"],
[class*="customify-grid_"] > [data-push-left*="_xs-3"] {
margin-left: 25%;
}
[class~="customify-grid"] > [data-push-left*="_xs-4"],
[class*="customify-grid-"] > [data-push-left*="_xs-4"],
[class*="customify-grid_"] > [data-push-left*="_xs-4"] {
margin-left: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_xs-5"],
[class*="customify-grid-"] > [data-push-left*="_xs-5"],
[class*="customify-grid_"] > [data-push-left*="_xs-5"] {
margin-left: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_xs-6"],
[class*="customify-grid-"] > [data-push-left*="_xs-6"],
[class*="customify-grid_"] > [data-push-left*="_xs-6"] {
margin-left: 50%;
}
[class~="customify-grid"] > [data-push-left*="_xs-7"],
[class*="customify-grid-"] > [data-push-left*="_xs-7"],
[class*="customify-grid_"] > [data-push-left*="_xs-7"] {
margin-left: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_xs-8"],
[class*="customify-grid-"] > [data-push-left*="_xs-8"],
[class*="customify-grid_"] > [data-push-left*="_xs-8"] {
margin-left: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-left*="_xs-9"],
[class*="customify-grid-"] > [data-push-left*="_xs-9"],
[class*="customify-grid_"] > [data-push-left*="_xs-9"] {
margin-left: 75%;
}
[class~="customify-grid"] > [data-push-left*="_xs-10"],
[class*="customify-grid-"] > [data-push-left*="_xs-10"],
[class*="customify-grid_"] > [data-push-left*="_xs-10"] {
margin-left: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-left*="_xs-11"],
[class*="customify-grid-"] > [data-push-left*="_xs-11"],
[class*="customify-grid_"] > [data-push-left*="_xs-11"] {
margin-left: 91.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_xs-0"],
[class*="customify-grid-"] > [data-push-right*="_xs-0"],
[class*="customify-grid_"] > [data-push-right*="_xs-0"] {
margin-right: 0;
}
[class~="customify-grid"] > [data-push-right*="_xs-1"],
[class*="customify-grid-"] > [data-push-right*="_xs-1"],
[class*="customify-grid_"] > [data-push-right*="_xs-1"] {
margin-right: 8.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_xs-2"],
[class*="customify-grid-"] > [data-push-right*="_xs-2"],
[class*="customify-grid_"] > [data-push-right*="_xs-2"] {
margin-right: 16.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_xs-3"],
[class*="customify-grid-"] > [data-push-right*="_xs-3"],
[class*="customify-grid_"] > [data-push-right*="_xs-3"] {
margin-right: 25%;
}
[class~="customify-grid"] > [data-push-right*="_xs-4"],
[class*="customify-grid-"] > [data-push-right*="_xs-4"],
[class*="customify-grid_"] > [data-push-right*="_xs-4"] {
margin-right: 33.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_xs-5"],
[class*="customify-grid-"] > [data-push-right*="_xs-5"],
[class*="customify-grid_"] > [data-push-right*="_xs-5"] {
margin-right: 41.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_xs-6"],
[class*="customify-grid-"] > [data-push-right*="_xs-6"],
[class*="customify-grid_"] > [data-push-right*="_xs-6"] {
margin-right: 50%;
}
[class~="customify-grid"] > [data-push-right*="_xs-7"],
[class*="customify-grid-"] > [data-push-right*="_xs-7"],
[class*="customify-grid_"] > [data-push-right*="_xs-7"] {
margin-right: 58.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_xs-8"],
[class*="customify-grid-"] > [data-push-right*="_xs-8"],
[class*="customify-grid_"] > [data-push-right*="_xs-8"] {
margin-right: 66.6666666667%;
}
[class~="customify-grid"] > [data-push-right*="_xs-9"],
[class*="customify-grid-"] > [data-push-right*="_xs-9"],
[class*="customify-grid_"] > [data-push-right*="_xs-9"] {
margin-right: 75%;
}
[class~="customify-grid"] > [data-push-right*="_xs-10"],
[class*="customify-grid-"] > [data-push-right*="_xs-10"],
[class*="customify-grid_"] > [data-push-right*="_xs-10"] {
margin-right: 83.3333333333%;
}
[class~="customify-grid"] > [data-push-right*="_xs-11"],
[class*="customify-grid-"] > [data-push-right*="_xs-11"],
[class*="customify-grid_"] > [data-push-right*="_xs-11"] {
margin-right: 91.6666666667%;
}
[class~="customify-grid"] [class*="_xs-first"],
[class*="customify-grid-"] [class*="_xs-first"],
[class*="customify-grid_"] [class*="_xs-first"] {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
order: -1;
}
[class~="customify-grid"] [class*="_xs-last"],
[class*="customify-grid-"] [class*="_xs-last"],
[class*="customify-grid_"] [class*="_xs-last"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
}
}
/************************
HIDING COLS
*************************/
/*[class*="customify-col-"]:not([class*="customify-grid"]):not([class*="customify-col-0"]) {
display: block;
}
[class~="customify-grid"][class*="customify-col-"]:not([class*="customify-col-0"]) {
display: flex;
}*/
[class*="customify-col-"][class*="customify-col-0"] {
display: none;
}
@media screen and (max-width: 80em) {
[class~="customify-grid"],
[class*="customify-grid-"],
[class*="customify-grid_"] {
/*
&:not([class*="_lg-0"]) {
display: flex;
}*/
}
[class~="customify-grid"] > :not([class*="_lg-0"]),
[class*="customify-grid-"] > :not([class*="_lg-0"]),
[class*="customify-grid_"] > :not([class*="_lg-0"]) {
display: block;
}
[class~="customify-grid"] > [class*="_lg-0"],
[class*="customify-grid-"] > [class*="_lg-0"],
[class*="customify-grid_"] > [class*="_lg-0"] {
display: none;
}
}
@media screen and (max-width: 64em) {
[class~="customify-grid"],
[class*="customify-grid-"],
[class*="customify-grid_"] {
/*
&:not([class*="_md-0"]) {
display: flex;
}*/
}
[class~="customify-grid"] > :not([class*="_md-0"]),
[class*="customify-grid-"] > :not([class*="_md-0"]),
[class*="customify-grid_"] > :not([class*="_md-0"]) {
display: block;
}
[class~="customify-grid"] > [class*="_md-0"],
[class*="customify-grid-"] > [class*="_md-0"],
[class*="customify-grid_"] > [class*="_md-0"] {
display: none;
}
}
@media screen and (max-width: 48em) {
[class~="customify-grid"],
[class*="customify-grid-"],
[class*="customify-grid_"] {
/*
&:not([class*="_sm-0"]) {
display: flex;
}*/
}
[class~="customify-grid"] > :not([class*="_sm-0"]),
[class*="customify-grid-"] > :not([class*="_sm-0"]),
[class*="customify-grid_"] > :not([class*="_sm-0"]) {
display: block;
}
[class~="customify-grid"] > [class*="_sm-0"],
[class*="customify-grid-"] > [class*="_sm-0"],
[class*="customify-grid_"] > [class*="_sm-0"] {
display: none;
}
}
@media screen and (max-width: 35.5em) {
[class~="customify-grid"],
[class*="customify-grid-"],
[class*="customify-grid_"] {
/*
&:not([class*="_xs-0"]) {
display: flex;
}*/
}
[class~="customify-grid"] > :not([class*="_xs-0"]),
[class*="customify-grid-"] > :not([class*="_xs-0"]),
[class*="customify-grid_"] > :not([class*="_xs-0"]) {
display: block;
}
[class~="customify-grid"] > [class*="_xs-0"],
[class*="customify-grid-"] > [class*="_xs-0"],
[class*="customify-grid_"] > [class*="_xs-0"] {
display: none;
}
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Accessibility
# Alignments
# Clearings
# Media
# Media: Captions
# Media: Galleries
# Comments
# Helper
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
color: #686868;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
line-height: 1.618;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/* # Heading */
h1,
h2,
h3,
h4,
.comments-area .comment-reply-title,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
margin: 0 0 0.5407911001em;
color: #2b2b2b;
clear: both;
}
h1,
.h1 {
font-size: 2.42em;
line-height: 1.216;
}
@media screen and (max-width: 1024px) {
h1,
.h1 {
font-size: 2.1em;
}
}
@media screen and (max-width: 568px) {
h1,
.h1 {
font-size: 1.8em;
}
}
h2,
.h2 {
font-size: 2.1em;
line-height: 1.216;
}
h2 + h3,
.h2 + h3 {
border-top: 1px solid #eaecee;
padding-top: 0.5407911001em;
}
@media screen and (max-width: 1024px) {
h2,
.h2 {
font-size: 1.9em;
}
}
@media screen and (max-width: 568px) {
h2,
.h2 {
font-size: 1.7em;
}
}
h3,
.h3 {
font-size: 1.618em;
}
h4, .comments-area .comment-reply-title,
.h4 {
font-size: 1.41575em;
}
/* # Copy */
p {
margin: 0 0 1.41575em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 0px 1.41575em;
margin: 1.41575em 1.618em;
border-left: 3px solid #eaecee;
font-style: italic;
font-weight: 200;
font-size: 1.2em;
}
blockquote p:last-of-type {
margin-bottom: 0px;
}
address {
margin: 0 0 1.618em;
}
pre {
background: #f2f2f2;
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 2.2906835em;
padding: 1.618em;
overflow: auto;
max-width: 100%;
}
code,
kbd,
tt,
var {
background-color: rgba(0, 0, 0, 0.05);
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
padding: 0.15em 0.5407911001em;
border-radius: 2px;
}
abbr,
acronym {
border-bottom: 1px dotted #686868;
cursor: help;
}
mark,
ins {
background: transparent;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #ffffff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1.618em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}
/* Links */
a.plain_color {
color: currentColor;
}
a {
color: #1e4b75;
text-decoration: none;
-webkit-transition: all 0.14s ease-out;
transition: all 0.14s ease-out;
}
a:hover, a:focus {
color: #111111;
}
a:hover, a:active {
outline: 0;
}
/* # Lists */
ul,
ol {
margin: 0 0 1.618em 2.617924em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 2.617924em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1.618em;
}
/* # Table */
table {
width: 100%;
max-width: 100%;
margin-bottom: 2.2906835em;
border-spacing: 0;
border-collapse: separate;
}
table caption {
padding: 1.41575em;
font-weight: 600;
}
table th {
background: #f2f2f2;
font-weight: 500;
}
table th,
table td {
padding: 1em 1.618em;
vertical-align: top;
text-align: left;
font-size: 0.9em;
}
table thead th {
vertical-align: middle;
}
table tbody td {
background: #fafafa;
}
table tbody tr:nth-child(2n) td {
background: #f7f7f7;
}
/* Float + Clear */
.clearfix:before, .clearfix:after,
.clear:before,
.clear:after {
content: "";
display: table;
}
.clearfix:after,
.clear:after {
clear: both;
}
.pull-right {
float: right;
margin-right: 0px;
}
.pull-left {
float: left;
margin-left: 0px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
margin-bottom: 2em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea,
.select2-container .select2-selection--single {
color: #282828;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
padding: 0 0.75em;
height: 2.6em;
width: 100%;
max-width: 100%;
vertical-align: middle;
border-radius: 1px;
-moz-appearance: none;
-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus,
.select2-container .select2-selection--single:focus {
border-color: rgba(0, 0, 0, 0.1);
outline: none;
background-color: #f9f9f9;
}
select {
box-shadow: none;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-position: center right 8px;
background-repeat: no-repeat;
padding-right: 1.5em;
cursor: pointer;
}
.select2-container--default .select2-selection--single {
box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.4em;
min-height: 2.6em;
padding-left: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 46%;
right: 1px;
-webkit-transform: translateY(-38%);
-ms-transform: translateY(-38%);
transform: translateY(-38%);
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDkuOTk4LDBMMjcsMzYuNDk4bDQ2LDAuMDA0TDQ5Ljk5OCwweiBNNTAuMDA0LDEwMEw3Myw2My41MDJsLTQ2LTAuMDA0TDUwLjAwNCwxMDB6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-position: center right 8px;
background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-dropdown {
border: 1px solid #e5e5e5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
border: none;
cursor: pointer;
padding: 0px 1.3em;
line-height: 2.5em;
min-height: 2.6em;
max-width: 100%;
font-weight: bolder;
text-transform: uppercase;
-webkit-transition: border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s;
transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s, -webkit-transform 0.3s;
border-radius: 1px;
display: inline-block;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
button:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):hover {
box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
color: #ffffff;
outline: none;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button):active, .button:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
button:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
button:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):active,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus {
outline: none;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading {
position: relative;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i,
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg,
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label,
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading,
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading i,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading svg,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .icon-label,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .hide-on-loading,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading .button-label {
visibility: hidden;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
button:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button).loading:after {
content: "" !important;
height: 16px;
width: 16px;
-webkit-animation: spin 0.6s linear infinite;
animation: spin 0.6s linear infinite;
border: 2px solid rgba(0, 0, 0, 0.3);
border-left-color: currentColor;
border-radius: 50%;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
padding: 0px;
line-height: 0px;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
color: #ffffff;
background: #235787;
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="reset"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus,
input[type="submit"]:not(.components-button):not(.customize-partial-edit-shortcut-button):focus {
color: #ffffff;
}
.button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button[disabled]:not(.components-button):not(.customize-partial-edit-shortcut-button),
button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button),
.button.disabled:not(.components-button):not(.customize-partial-edit-shortcut-button) {
opacity: 0.5;
}
textarea {
padding: 0.575em 0.875em 0;
min-height: 130px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
fieldset {
border: none;
margin: 2.2906835em 0;
padding: 0;
}
fieldset legend {
margin-bottom: 0.5407911001em;
font-weight: 600;
}
label {
color: #252525;
}
/*--------------------------------------------------------------
# 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;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
display: block;
font-weight: bold;
height: auto;
left: 0px;
line-height: normal;
padding: 1em 2.2906835em;
text-decoration: none;
top: 0px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.41575em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.41575em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Media: Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.41575em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
padding: 1em 0;
font-size: 85%;
}
.wp-caption-text {
text-align: left;
font-style: italic;
color: #999999;
}
/*--------------------------------------------------------------
## Media: Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
margin-bottom: 1.41575em;
}
.gallery:before, .gallery:after {
content: "";
display: table;
}
.gallery:after {
clear: both;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.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-caption {
display: block;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area .comment-form-comment label,
.comments-area .comment-form-author label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.85em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article.comment {
margin-bottom: 0px;
}
.comment-list ul {
list-style: none;
margin: 0;
}
.comment-list .children li.comment {
padding-left: 30px;
}
@media screen and (min-width: 64em) {
.comment-list .children li.comment {
padding-left: 85px;
border-left: 1px solid #eaecee;
position: relative;
width: 100%;
}
.comment-list .children li.comment:after {
content: "";
display: block;
position: absolute;
float: left;
top: 1.618em;
left: 0;
width: 1.618em;
height: 1px;
background-color: #eaecee;
}
}
@media screen and (max-width: 48em) {
.comment-list .children li.comment li.comment li.comment li.comment {
padding-left: 0px;
}
}
article.comment {
padding: 1.618em 0;
margin-bottom: 1.618em;
}
article.comment .comment-content p:last-of-type {
margin-bottom: 0px;
}
article.comment .comment-image {
float: left;
}
article.comment .comment-wrap {
margin-left: 85px;
}
article.comment .comment-meta {
display: block;
margin: 12px 0px 12px;
padding-bottom: 4px;
border-bottom: 1px solid #eaecee;
}
article.comment .comment-meta .comment-edit-link {
margin-left: 10px;
}
article.comment .comment-author {
font-weight: 500;
text-transform: uppercase;
line-height: 1;
font-style: normal;
}
article.comment .comment-post-author {
background: #6d6d6d;
padding: 1px 6px 1px;
border-radius: 2px;
color: #ffffff;
position: relative;
top: -2px;
margin-left: 4px;
}
@media screen and (min-width: 64em) {
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 29.4117647059%;
margin-right: 5.8823529412%;
float: left;
}
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
width: 100%;
}
#respond .comment-form-url {
margin-right: 0px;
}
#respond .comment-form-cookies-consent #wp-comment-cookies-consent {
position: relative;
top: -1px;
margin-right: 5px;
}
/*--------------------------------------------------------------
## Helper
--------------------------------------------------------------*/
.nav-btn {
margin: auto;
width: 24px;
height: 24px;
min-height: 24px;
overflow: hidden;
fill: currentColor;
line-height: 1em;
font-size: 1em;
position: relative;
padding: 0px;
border-radius: 50%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
background-color: rgba(255, 255, 255, 0.5);
color: #888888;
opacity: 0.6;
display: inline-block;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.nav-btn.x2 {
width: 36px;
height: 36px;
min-height: 36px;
font-size: 1.1em;
}
.nav-btn svg {
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 50%;
fill: currentColor;
color: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nav-btn:hover, .nav-btn:focus {
color: #333;
opacity: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(0, 0, 0, 0.18);
background-color: rgba(255, 255, 255, 0.99);
}
.shape-rounded {
border-radius: 10%;
}
.shape-circle {
border-radius: 50%;
}
.text-xsmall {
font-size: 0.72em;
}
.text-small {
font-size: 0.875em;
}
.text-large {
font-size: 1.1em;
}
.text-uppercase {
text-transform: uppercase;
line-height: 1.2;
}
.text-uppercase.text-xsmall {
letter-spacing: 0.5px;
}
.link-meta,
.link-meta a {
color: #6d6d6d;
}
.link-meta a:hover {
color: #111111;
}
.color-meta {
color: #6d6d6d;
}
/* Customize Preview */
.customize-previewing {
overflow-x: hidden;
}
.customize-previewing .builder-item-focus.item--inner {
position: relative;
}
.customize-previewing .builder-item-focus.item--inner.has_menu {
position: initial;
}
.customize-previewing .builder-item-focus.item--inner.has_menu .item--preview-name {
left: auto;
}
.customize-previewing .builder-item-focus .item--preview-name {
position: absolute;
top: 100%;
left: 0px;
display: none;
background: #0073aa;
color: #fff;
padding: 5px 8px 6px;
font-size: 12px !important;
font-weight: 600;
line-height: 14px;
cursor: pointer;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.customize-previewing .builder-item-focus:hover.item--inner {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
outline: 1px solid #0073aa;
outline-offset: -1px;
}
.customize-previewing .builder-item-focus:hover.item--inner .item--preview-name {
display: block;
z-index: 9999999;
}
.customize-previewing .header--row .customize-partial-edit-shortcut,
.customize-previewing .header-menu-sidebar .customize-partial-edit-shortcut {
display: none;
}
.customize-previewing .footer--row .builder-item-focus:hover.item--inner {
outline: 1px dashed #ff472e;
outline-offset: -1px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area .comment-form-comment label,
.comments-area .comment-form-author label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label {
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.85em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article.comment {
margin-bottom: 0px;
}
.comment-list ul {
list-style: none;
margin: 0;
}
.comment-list .children li.comment {
padding-left: 30px;
}
@media screen and (min-width: 64em) {
.comment-list .children li.comment {
padding-left: 85px;
border-left: 1px solid #eaecee;
position: relative;
width: 100%;
}
.comment-list .children li.comment:after {
content: "";
display: block;
position: absolute;
float: left;
top: 1.618em;
left: 0;
width: 1.618em;
height: 1px;
background-color: #eaecee;
}
}
@media screen and (max-width: 48em) {
.comment-list .children li.comment li.comment li.comment li.comment {
padding-left: 0px;
}
}
article.comment {
padding: 1.618em 0;
margin-bottom: 1.618em;
}
article.comment .comment-content p:last-of-type {
margin-bottom: 0px;
}
article.comment .comment-image {
float: left;
}
article.comment .comment-wrap {
margin-left: 85px;
}
article.comment .comment-meta {
display: block;
margin: 12px 0px 12px;
padding-bottom: 4px;
border-bottom: 1px solid #eaecee;
}
article.comment .comment-meta .comment-edit-link {
margin-left: 10px;
}
article.comment .comment-author {
font-weight: 500;
text-transform: uppercase;
line-height: 1;
font-style: normal;
}
article.comment .comment-post-author {
background: #6d6d6d;
padding: 1px 6px 1px;
border-radius: 2px;
color: #ffffff;
position: relative;
top: -2px;
margin-left: 4px;
}
@media screen and (min-width: 64em) {
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 29.4117647059%;
margin-right: 5.8823529412%;
float: left;
}
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
width: 100%;
}
#respond .comment-form-url {
margin-right: 0px;
}
#respond .comment-form-cookies-consent #wp-comment-cookies-consent {
position: relative;
top: -1px;
margin-right: 5px;
}
.header--row .dark-mode {
color: rgba(255, 255, 255, 0.99);
background: rgba(0, 0, 0, 0.9);
}
.dark-mode .nav-menu-desktop.style-border-top .nav-menu > li > a:hover, .dark-mode .nav-menu-desktop.style-border-top .nav-menu > li > a:focus, .dark-mode .nav-menu-desktop.style-border-bottom .nav-menu > li > a:hover, .dark-mode .nav-menu-desktop.style-border-bottom .nav-menu > li > a:focus, .dark-mode .nav-menu-desktop.style-plain .nav-menu > li > a:hover, .dark-mode .nav-menu-desktop.style-plain .nav-menu > li > a:focus {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .nav-menu-desktop.style-border-top .nav-menu > li.current-menu-item > a, .dark-mode .nav-menu-desktop.style-border-top .nav-menu > li.current-menu-ancestor > a, .dark-mode .nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-item > a, .dark-mode .nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-ancestor > a, .dark-mode .nav-menu-desktop.style-plain .nav-menu > li.current-menu-item > a, .dark-mode .nav-menu-desktop.style-plain .nav-menu > li.current-menu-ancestor > a {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .site-title,
.dark-mode .site-title a {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .customify-builder-social-icons.color-custom li a,
.dark-mode .search-icon,
.dark-mode .menu-mobile-toggle,
.dark-mode .nav-menu > li > a,
.dark-mode .item--html a {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .customify-builder-social-icons.color-custom li a:hover,
.dark-mode .search-icon:hover,
.dark-mode .menu-mobile-toggle:hover,
.dark-mode .nav-menu > li > a:hover,
.dark-mode .item--html a:hover {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .cart-item-link {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .cart-item-link .cart-icon {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .cart-item-link:hover {
color: rgba(255, 255, 255, 0.99);
}
.dark-mode .header-search_box-item .search-form-fields {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-form-fields .search-field {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-form-fields .search-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-form-fields .search-field:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-form-fields .search-field::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-form-fields .search-field::placeholder {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-submit {
color: rgba(255, 255, 255, 0.79);
}
.dark-mode .header-search_box-item .search-submit:hover {
color: rgba(255, 255, 255, 0.99);
}
.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search_product_cats {
background-color: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.79);
}
.woo_bootster_search .dark-mode .header-search_box-item .header-search-form .search-field {
background-color: rgba(255, 255, 255, 0.03) !important;
border-color: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.79);
}
.header--row .light-mode {
color: rgba(0, 0, 0, 0.6);
background: rgba(255, 255, 255, 0.9);
}
.light-mode .nav-menu-desktop.style-border-top .nav-menu > li > a:hover, .light-mode .nav-menu-desktop.style-border-top .nav-menu > li > a:focus, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu > li > a:hover, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu > li > a:focus, .light-mode .nav-menu-desktop.style-plain .nav-menu > li > a:hover, .light-mode .nav-menu-desktop.style-plain .nav-menu > li > a:focus {
color: rgba(0, 0, 0, 0.8);
}
.light-mode .nav-menu-desktop.style-border-top .nav-menu > li.current-menu-item > a, .light-mode .nav-menu-desktop.style-border-top .nav-menu > li.current-menu-ancestor > a, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-item > a, .light-mode .nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-ancestor > a, .light-mode .nav-menu-desktop.style-plain .nav-menu > li.current-menu-item > a, .light-mode .nav-menu-desktop.style-plain .nav-menu > li.current-menu-ancestor > a {
color: rgba(0, 0, 0, 0.8);
}
.light-mode .site-title,
.light-mode .site-title a {
color: rgba(0, 0, 0, 0.8);
}
.light-mode .customify-builder-social-icons.color-custom li a,
.light-mode .search-icon,
.light-mode .menu-mobile-toggle,
.light-mode .item--html a,
.light-mode .nav-menu > li > a {
color: rgba(0, 0, 0, 0.55);
}
.light-mode .customify-builder-social-icons.color-custom li a:hover,
.light-mode .search-icon:hover,
.light-mode .menu-mobile-toggle:hover,
.light-mode .item--html a:hover,
.light-mode .nav-menu > li > a:hover {
color: rgba(0, 0, 0, 0.8);
}
.light-mode .cart-item-link {
color: rgba(0, 0, 0, 0.55);
}
.light-mode .cart-item-link .cart-icon {
color: rgba(0, 0, 0, 0.8);
}
.light-mode .cart-item-link:hover {
color: rgba(0, 0, 0, 0.8);
}
.single-post .content-inner {
margin-left: auto;
margin-right: auto;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
}
.entry-content .alignleft {
margin-right: 1.41575em;
}
.main-layout-content .entry-content > .alignwide {
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 1200px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: relative;
}
.main-layout-content .entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: relative;
}
.main-layout-content-sidebar.single-post .content-inner,
.main-layout-content-sidebar-sidebar.single-post .content-inner {
margin-left: 0px;
}
.main-layout-sidebar-content.single-post .content-inner,
.main-layout-sidebar-sidebar-content.single-post .content-inner {
margin-right: 0px;
}
.entry-content ul,
.entry-content ol {
margin: 1.5em auto;
list-style-position: outside;
}
.wp-block-video video {
max-width: 100%;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
.entry-content li {
margin-left: 2.5em;
margin-bottom: 6px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 0px;
margin-top: 0px;
margin-left: 2.5em;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-embed.is-type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.is-type-video > .wp-block-embed__wrapper iframe, .wp-block-embed.is-type-video > .wp-block-embed__wrapper > object {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote {
border-left-width: 4px;
border-left-color: currentColor;
}
.wp-block-quote.is-style-large {
padding: 0px;
}
.wp-block-quote.is-style-large cite {
font-size: 13px;
}
.wp-block-quote > * {
margin-left: 16px;
margin-right: 16px;
}
.wp-block-quote cite {
font-style: normal;
margin-top: 1em;
position: relative;
font-size: 13px;
}
.wp-block-pullquote {
border-bottom: 4px solid currentColor;
border-top: 4px solid currentColor;
margin-left: 0;
margin-right: 0;
padding: 3em 0;
text-align: center;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-pullquote cite {
font-size: 13px;
font-style: normal;
text-transform: uppercase;
}
.wp-block-pullquote blockquote {
border-left: 0px;
}
.wp-block-separator {
margin: 3em auto;
border: none;
border-bottom: 2px solid currentColor;
}
.wp-block-separator:not(.is-style-wide) {
max-width: 100px;
}
.wp-block-separator.is-style-dots {
border-bottom: none !important;
text-align: center;
}
.wp-block-separator.is-style-dots::before {
padding-left: 0px;
font-size: 30px;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
}
/*--------------------------------------------------------------
# Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
.header-top {
padding: 0;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
line-height: 13px;
}
.header-top .customify-grid .item--html {
font-size: 15px;
}
.header-top .item--html {
line-height: 1.3;
}
.header-top .light-mode {
background: #f0f0f0;
}
.header-top .dark-mode {
background: #235787;
}
.header-main {
padding: 0px;
}
.header-main .dark-mode {
background: #1a1a1a;
}
.header-main .light-mode {
box-shadow: 0 1px 2px 0 #e1e5ea;
background: #FFFFFF;
}
.header-bottom {
padding: 0px;
border-left: none;
border-right: none;
}
.header-bottom .light-mode {
background: #f0f0f0;
box-shadow: 0 1px 2px 0 #e1e5ea;
}
.header-bottom .dark-mode {
background: #303030;
}
/* Header Builder Common */
.site-header {
position: relative;
z-index: 10;
}
.site-header .customify-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.builder-item .item--inner {
display: inline-block;
vertical-align: middle;
}
.builder-item.builder-item--group .item--inner {
margin-right: 1em;
}
@media screen and (max-width: 1024px) {
.builder-item.builder-item--group .item--inner {
margin-right: 1em;
}
}
@media screen and (max-width: 568px) {
.builder-item.builder-item--group .item--inner {
margin-right: 0.4em;
}
}
.builder-item.builder-item--group .item--inner:last-child {
margin-right: 0px;
}
.layout-fullwidth .customify-container {
max-width: initial;
}
@media screen and (min-width: 1025px) {
.header--row .customify-grid {
margin: 0 -0.5em;
}
.header--row .customify-grid [class~="customify-col-"],
.header--row .customify-grid [class*="customify-col-"],
.header--row .customify-grid [class*="customify-col_"] {
padding-left: 0.5em;
padding-right: 0.5em;
}
}
.header--row.layout-full-contained .customify-container {
background: transparent !important;
}
.header--row.layout-full-contained .customify-container, .header--row.layout-fullwidth .customify-container {
border: 0 none !important;
box-shadow: none !important;
}
@media screen and (min-width: 1025px) {
.header--row.layout-contained {
background: transparent !important;
border: 0 none;
box-shadow: none !important;
}
}
.header--row.layout-fullwidth .customify-container {
box-shadow: none !important;
}
.page-titlebar {
padding: 21px 0px 22px;
border-bottom: 1px solid #eaecee;
word-break: break-word;
background: #f9f9f9;
}
@media screen and (max-width: 1024px) {
.page-titlebar {
padding: 19px 0px 20px;
}
}
@media screen and (max-width: 568px) {
.page-titlebar {
padding: 18px 0px 20px;
}
}
.page-titlebar .page-titlebar-inner {
width: 100%;
}
.page-titlebar .titlebar-title {
margin-bottom: 0px;
}
.page-titlebar .titlebar-tagline {
margin-top: 5px;
font-size: 0.875em;
}
.page-breadcrumb {
padding: 9px 0px 9px;
border-bottom: 1px solid #eaecee;
color: #6d6d6d;
line-height: 1.6;
background: #fff;
}
.page-breadcrumb .page-breadcrumb-inner {
width: 100%;
}
.page-breadcrumb-list {
list-style: none;
margin: 0px 1em;
padding: 0px;
}
.page-breadcrumb-list li {
display: inline-block;
position: relative;
padding-right: 10px;
}
.page-breadcrumb-list li:after {
border-top: 1px solid currentColor;
border-left: 1px solid currentColor;
content: "";
width: 5px;
height: 5px;
display: inline-block;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
left: auto;
position: relative;
top: -1px;
}
.page-breadcrumb-list li:last-child:after {
display: none;
}
.page-breadcrumb-list li a {
font-weight: 500;
margin-right: 10px;
}
.page-titlebar .customize-partial-edit-shortcut button,
.page-cover .customize-partial-edit-shortcut button {
left: 0px;
}
.page-titlebar .page-breadcrumb-inner,
.page-cover .page-breadcrumb-inner {
padding-left: 0;
padding-right: 0;
}
.page-titlebar .page-breadcrumb,
.page-cover .page-breadcrumb {
border-bottom: none;
padding-bottom: 0px;
background: transparent;
}
.page-cover {
position: relative;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.page-cover:before {
position: absolute;
content: "";
background-color: rgba(0, 0, 0, 0.3);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
z-index: 1;
}
.page-cover .page-cover-inner {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
z-index: 5;
padding: 1em 30px;
}
@media screen and (min-width: 1025px) {
.page-cover .page-cover-inner {
min-height: 300px;
}
}
@media screen and (max-width: 1024px) {
.page-cover .page-cover-inner {
min-height: 250px;
padding: 1em 15px;
}
}
@media screen and (max-width: 568px) {
.page-cover .page-cover-inner {
min-height: 200px;
}
}
.page-cover .page-breadcrumb-list {
color: rgba(255, 255, 255, 0.8);
}
.page-cover .page-breadcrumb-list a,
.page-cover .page-breadcrumb-list li:after {
color: inherit;
}
.page-cover .page-breadcrumb-list a:hover {
color: rgba(255, 255, 255, 0.8);
}
.page-cover-title {
margin-bottom: 0.5em;
}
.page-cover-tagline {
margin-bottom: 1.2em;
}
.page-cover-title,
.page-cover-tagline {
display: inline-block;
position: relative;
color: rgba(255, 255, 255, 0.99);
z-index: 5;
}
.page-cover-title p:last-child,
.page-cover-tagline p:last-child {
margin-bottom: 0px;
}
/* Customizer Shortcut */
#masthead .customize-partial-edit-shortcut,
#header-menu-sidebar .customize-partial-edit-shortcut {
display: none;
}
#masthead > .customize-partial-edit-shortcut.customize-partial-edit-shortcut-header_builder_panel {
display: none;
}
#masthead > .customize-partial-edit-shortcut button {
left: 0px;
}
/* Layout Builder V2 */
.row-v2 {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
}
.row-v2 .item--inner {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-left: 0.5em;
margin-right: 0.5em;
}
.row-v2 .col-v2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.row-v2 .col-v2.col-v2-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-left: 1em;
margin-right: 1em;
}
.row-v2 .col-v2.col-v2-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-right: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
flex: 1 1 0;
}
.row-v2 .col-v2.col-v2-right {
margin-left: auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
flex: 1 1 0;
}
.row-v2.no-left.no-right .col-v2.col-v2-center {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.row-v2.no-center .col-v2.col-v2-left {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
}
.row-v2.no-center .col-v2.col-v2-right {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
}
#masthead > .customize-partial-edit-shortcut.customize-partial-edit-shortcut-header_builder_panel {
display: none;
}
#masthead > .customize-partial-edit-shortcut button {
left: 0px;
}
/* Button */
.customify-builder-btn {
padding: 0.5407911001em 1em;
background: #c3512f;
color: #FFFFFF;
border-radius: 2px;
display: inline-block;
position: relative;
text-decoration: none;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}
.customify-builder-btn:hover {
box-shadow: inset 0 0 0 120px rgba(0, 0, 0, 0.18);
color: #ffffff;
}
.customify-builder-btn.is-icon-before i {
margin-right: 4px;
}
.customify-builder-btn.is-icon-after i {
margin-left: 5px;
}
/* HTML 1 */
.item--html p {
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
}
.item--html p:last-child {
margin-bottom: 0px;
}
/* Logo & Site Identity */
.site-branding {
display: -webkit-box;
display: -webkit-flex;
display: flex;
line-height: .9;
vertical-align: middle;
}
.site-branding a {
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 600;
}
.site-branding img {
display: block;
width: auto;
line-height: 1;
}
.site-branding .site-title {
font-size: 1.5em;
margin: 0;
font-weight: 600;
line-height: 1.216;
}
.site-branding .site-description {
margin: 5px 0px 7px 0px;
}
.site-branding.logo-left .logo-link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.site-branding.logo-left .site-name-desc {
margin-left: 7px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.site-branding.logo-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.site-branding.logo-right .logo-link {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.site-branding.logo-right .site-name-desc {
margin-right: 7px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.site-branding.logo-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.site-branding.logo-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.site-branding.logo-bottom .site-name-desc {
margin-top: 7px;
}
.item-button {
display: inline-block;
}
.site-header .cb-row--mobile .site-branding img {
max-width: 100%;
}
/* Navigation */
.nav-menu-mobile .menu-item .link-before, .nav-menu-desktop .menu-item .link-before {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.nav-menu-mobile .nav-icon-angle, .nav-menu-desktop .nav-icon-angle {
display: inline-block;
font-size: inherit;
text-rendering: auto;
text-decoration: none !important;
position: relative;
width: 6px;
height: 6px;
margin-top: 1px;
border-left: 1px solid currentColor;
border-top: 1px solid currentColor;
-webkit-transform: rotate(-135deg) translateY(50%);
-ms-transform: rotate(-135deg) translateY(50%);
transform: rotate(-135deg) translateY(50%);
}
.nav-menu-desktop .nav-icon-angle {
display: inline;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none !important;
}
.nav-menu-desktop.hide-arrow-active .nav-icon-angle {
display: none;
}
.nav-menu-desktop .menu {
list-style: none;
padding: 0px;
margin: 0px;
}
.nav-menu-desktop .menu li {
display: inline-block;
position: relative;
}
.nav-menu-desktop .menu li:last-child {
margin-right: 0px;
}
.nav-menu-desktop .menu li a {
display: inline-block;
-webkit-transition: all 0.14s ease-out;
transition: all 0.14s ease-out;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.nav-menu-desktop .menu li.current-menu-item > a {
color: rgba(0, 0, 0, 0.9);
}
.nav-menu-desktop .menu > li > a {
padding: 12px 13px 12px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-transform: uppercase;
font-weight: 600;
font-size: 0.85em;
line-height: 1;
}
.nav-menu-desktop .menu > li > a i {
line-height: 0;
}
.nav-menu-desktop .menu > li.menu-item-has-children > a .nav-icon-angle {
margin-left: 4px;
line-height: 0;
}
.nav-menu-desktop .menu .sub-menu li.menu-item-has-children > a {
position: relative;
}
.nav-menu-desktop .menu .sub-menu li.menu-item-has-children > a:before, .nav-menu-desktop .menu .sub-menu li.menu-item-has-children > a:after {
content: "";
display: table;
}
.nav-menu-desktop .menu .sub-menu li.menu-item-has-children > a:after {
clear: both;
}
.nav-menu-desktop .menu .sub-menu li.menu-item-has-children > a .nav-icon-angle {
margin-left: 5px;
float: right;
}
.nav-menu-desktop .sub-lv-0, .nav-menu-desktop .sub-menu {
position: absolute;
left: 0px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 99;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
display: block;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
top: 100%;
margin: 0px;
padding: 0px;
}
.nav-menu-desktop .sub-menu {
width: 14em;
background: #ffffff;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
text-align: left;
border-radius: 2px;
}
.nav-menu-desktop .sub-menu .link-before {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.nav-menu-desktop .sub-menu .nav-icon-angle {
-webkit-transform: rotate(135deg) translateY(0);
-ms-transform: rotate(135deg) translateY(0);
transform: rotate(135deg) translateY(0);
}
.nav-menu-desktop .sub-menu li {
display: block;
margin: 0px;
padding: 0px;
}
.nav-menu-desktop .sub-menu li a {
display: block;
width: 100%;
padding: 9px 15px;
-webkit-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
color: rgba(0, 0, 0, 0.55);
font-size: 0.9em;
line-height: 1.5;
}
.nav-menu-desktop .sub-menu li a:hover {
background: rgba(0, 0, 0, 0.015);
color: rgba(0, 0, 0, 0.8);
}
.nav-menu-desktop .sub-menu .sub-menu {
top: 0px;
left: 100%;
}
.nav-menu-desktop .menu-item:hover > .sub-menu, .nav-menu-desktop .menu-item:hover > .sub-lv-0, .nav-menu-desktop .menu-item:focus > .sub-menu, .nav-menu-desktop .menu-item:focus > .sub-lv-0, .nav-menu-desktop .menu-item.focus > .sub-menu, .nav-menu-desktop .menu-item.focus > .sub-lv-0 {
height: auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
overflow: initial;
visibility: visible;
opacity: 1;
}
.nav-menu-desktop.style-plain .nav-menu:before, .nav-menu-desktop.style-plain .nav-menu:after {
content: "";
display: table;
}
.nav-menu-desktop.style-plain .nav-menu:after {
clear: both;
}
.nav-menu-desktop.style-plain .nav-menu > li {
float: left;
}
.nav-menu-desktop.style-full-height .nav-menu:before, .nav-menu-desktop.style-full-height .nav-menu:after {
content: "";
display: table;
}
.nav-menu-desktop.style-full-height .nav-menu:after {
clear: both;
}
.nav-menu-desktop.style-full-height .nav-menu > li {
float: left;
}
.nav-menu-desktop.style-full-height .nav-menu > li > a {
background: transparent;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
vertical-align: middle;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.nav-menu-desktop.style-full-height .nav-menu > li > a:hover {
color: #FFFFFF;
background-color: #1e4b75;
}
.nav-menu-desktop.style-full-height .nav-menu > li.current-menu-item > a, .nav-menu-desktop.style-full-height .nav-menu > li.current-menu-ancestor > a {
color: #ffffff;
background-color: #1e4b75;
}
.nav-menu-desktop.style-border-bottom .nav-menu > li > a .link-before {
position: relative;
}
.nav-menu-desktop.style-border-bottom .nav-menu > li > a .link-before:before {
position: absolute;
bottom: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-menu-desktop.style-border-bottom .nav-menu > li:hover > a .link-before:before, .nav-menu-desktop.style-border-bottom .nav-menu > li:focus > a .link-before:before {
width: 100%;
background-color: currentColor;
}
.nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-item > a .link-before:before, .nav-menu-desktop.style-border-bottom .nav-menu > li.current-menu-ancestor > a .link-before:before {
width: 100%;
background-color: currentColor;
}
.nav-menu-desktop.style-border-top .nav-menu > li > a .link-before {
position: relative;
}
.nav-menu-desktop.style-border-top .nav-menu > li > a .link-before:before {
position: absolute;
top: -6px;
width: 1px;
left: 0px;
height: 2px;
background-color: transparent;
content: "";
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-menu-desktop.style-border-top .nav-menu > li:hover > a .link-before:before, .nav-menu-desktop.style-border-top .nav-menu > li:focus > a .link-before:before {
width: 100%;
background-color: currentColor;
}
.nav-menu-desktop.style-border-top .nav-menu > li.current-menu-item > a .link-before:before, .nav-menu-desktop.style-border-top .nav-menu > li.current-menu-ancestor > a .link-before:before {
width: 100%;
background-color: currentColor;
}
/* On Menu Sidebar */
.nav-menu-mobile .menu {
margin: 0px;
padding: 0px;
list-style: none;
}
.nav-menu-mobile .menu li:first-child > a {
border-top: none;
}
.nav-menu-mobile .menu .menu-item a > .link-before .nav-icon-angle {
display: none;
}
.nav-menu-mobile .menu li {
list-style: none;
position: relative;
border-bottom: 1px solid transparent;
}
.nav-menu-mobile .menu li:last-child {
border: none;
}
.nav-menu-mobile .menu li.menu-item-has-children > a {
padding-right: 45px !important;
}
.nav-menu-mobile .menu li a {
display: block;
padding: 0.55em 1.5em;
}
.nav-menu-mobile .menu li a:hover, .nav-menu-mobile .menu li a:focus {
background: rgba(0, 0, 0, 0.01);
}
.nav-menu-mobile .menu li .nav-toggle-icon {
display: block;
position: absolute;
top: 0px;
right: 0px;
text-align: center;
vertical-align: middle;
line-height: 1;
-webkit-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
padding: 0.88em 0.9em;
border-left: 1px solid rgba(255, 255, 255, 0.08);
background: transparent;
}
.nav-menu-mobile .menu li .nav-toggle-icon:hover {
box-shadow: none;
}
.nav-menu-mobile .menu li .nav-toggle-icon .nav-icon-angle {
-webkit-transform: rotate(-135deg) translateY(50%) translateX(50%);
-ms-transform: rotate(-135deg) translateY(50%) translateX(50%);
transform: rotate(-135deg) translateY(50%) translateX(50%);
}
.nav-menu-mobile .menu .sub-menu {
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
margin: 0px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.nav-menu-mobile .menu .sub-menu li a {
padding-left: 3em;
}
.nav-menu-mobile .menu .open-sub > a .nav-toggle-icon i {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-menu-mobile .menu .open-sub > .sub-menu {
display: block;
opacity: 1;
}
/* Search */
.builder-item--search_box {
max-width: 100%;
}
.item--search_icon {
line-height: 0px;
cursor: pointer;
}
.search-icon {
line-height: 0px;
display: inline-block;
position: relative;
box-shadow: none;
}
.search-icon:hover {
box-shadow: none;
color: currentColor;
}
.search-icon svg {
width: 18px;
height: 18px;
}
.search-icon .ic-close {
display: none;
}
.header-search_icon-item {
position: relative;
}
.header-search_icon-item.active .search-icon .ic-search {
display: none;
}
.header-search_icon-item.active .search-icon .ic-close {
display: inline-block;
}
.header-search_icon-item .header-search-modal-wrapper {
position: absolute;
top: 100%;
left: -0.9em;
height: 0px;
overflow: hidden;
display: block;
margin-top: -1px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
.header-search_icon-item.search-left .header-search-modal-wrapper {
left: auto;
right: -0.9em;
}
.header-search_icon-item.search-left .header-search-modal::before {
left: auto;
right: 15px;
}
.header-search_icon-item.active .header-search-modal-wrapper {
height: auto;
overflow: initial;
z-index: 26;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-search-form {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 0px;
width: 100%;
max-width: 100%;
}
.header-search-form label {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.header-search-form .search-form-fields {
border: 1px solid;
border-color: rgba(127, 127, 127, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-radius: 2px;
}
.header-search-form .search-field {
display: block;
width: 100%;
border-radius: 2px;
height: 2.4em;
}
.header-search-form .search-field:focus {
background-color: transparent;
}
.header-search-form button.search-submit {
overflow: hidden;
box-shadow: none;
margin-left: -40px;
background: transparent;
color: #6d6d6d;
line-height: 0px;
padding: 0px 0.7em;
min-height: auto;
}
.header-search-form button.search-submit:hover {
box-shadow: none;
background-color: transparent;
color: #686868;
}
.header-search-form button.search-submit svg {
width: 18px;
height: 18px;
}
.header-search-form input[type="submit"] {
min-height: auto;
}
.header-search_box-item .header-search-form .search-field {
border: 0;
box-shadow: none;
background-color: transparent;
}
.header-search-modal {
border: 1px solid #eaecee;
padding: 1.25em;
background: #fff;
width: 280px;
position: relative;
margin-top: 15px;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
}
@media screen and (max-width: 568px) {
.header-search-modal {
width: 220px;
}
}
.header-search-modal label {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.header-search-modal::before {
border-top: 1px solid #eaecee;
border-left: 1px solid #eaecee;
background: #fff;
content: "";
display: block;
position: absolute;
top: -8px;
left: 15px;
width: 15px;
height: 15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 27;
}
.woo_bootster_search .header-search_box-item .header-search-form {
margin-bottom: 0px;
width: 100%;
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
border: 1px solid;
border-color: rgba(127, 127, 127, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-radius: 2px;
height: 2.4em;
line-height: 2.4em;
overflow: hidden;
}
.woo_bootster_search .header-search_box-item .header-search-form .search-form-fields {
background-color: transparent;
min-height: auto;
-webkit-flex-basis: 100%;
flex-basis: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
border-style: none;
border: none;
box-shadow: none;
}
.woo_bootster_search .header-search_box-item .header-search-form .search-field {
border-color: transparent;
height: auto;
background-color: transparent;
border: 0;
border-style: none;
box-shadow: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
.woo_bootster_search .header-search_box-item .header-search-form .search-field:focus {
background: transparent;
}
.woo_bootster_search .header-search_box-item .header-search-form .search_product_cats {
height: auto;
border: 0;
background-color: transparent;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
padding-right: 2em;
position: relative;
border-right: 1px solid rgba(127, 127, 127, 0.2);
color: #6d6d6d;
border-top: 0 !important;
border-left: 0 !important;
border-bottom: 0 !important;
}
/* Social Icons */
.customify-builder-social-icons {
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
}
.customify-builder-social-icons li {
list-style: none;
display: inline-block;
margin: 0px 3px;
}
.customify-builder-social-icons li:last-child {
margin-right: 0px;
}
.customify-builder-social-icons li:first-child {
margin-left: 0px;
}
.customify-builder-social-icons.color-default a {
color: #fff;
}
.customify-builder-social-icons.color-default a:hover {
color: #fff;
}
.customify-builder-social-icons a {
color: currentColor;
text-align: center;
vertical-align: middle;
width: 100%;
padding: 0.4em;
display: inline-block;
line-height: 1;
font-size: 13px;
}
.customify-builder-social-icons a i {
width: 1em;
height: 1em;
position: relative;
display: block;
}
.customify-builder-social-icons a i:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.customify-builder-social-icons a:hover {
opacity: .9;
color: inherit;
}
.customify-builder-social-icons [class*="social-icon-apple"] {
background-color: #999999;
}
.customify-builder-social-icons [class*="social-icon-apple"].shape-none {
background-color: transparent;
color: #999999;
}
.customify-builder-social-icons [class*="social-icon-behance"] {
background-color: #1769ff;
}
.customify-builder-social-icons [class*="social-icon-behance"].shape-none {
background-color: transparent;
color: #1769ff;
}
.customify-builder-social-icons [class*="social-icon-bitbucket"] {
background-color: #205081;
}
.customify-builder-social-icons [class*="social-icon-bitbucket"].shape-none {
background-color: transparent;
color: #205081;
}
.customify-builder-social-icons [class*="social-icon-codepen"] {
background-color: #000000;
}
.customify-builder-social-icons [class*="social-icon-codepen"].shape-none {
background-color: transparent;
color: #000000;
}
.customify-builder-social-icons [class*="social-icon-delicious"] {
background-color: #3399ff;
}
.customify-builder-social-icons [class*="social-icon-delicious"].shape-none {
background-color: transparent;
color: #3399ff;
}
.customify-builder-social-icons [class*="social-icon-digg"] {
background-color: #005be2;
}
.customify-builder-social-icons [class*="social-icon-digg"].shape-none {
background-color: transparent;
color: #005be2;
}
.customify-builder-social-icons [class*="social-icon-dribbble"] {
background-color: #ea4c89;
}
.customify-builder-social-icons [class*="social-icon-dribbble"].shape-none {
background-color: transparent;
color: #ea4c89;
}
.customify-builder-social-icons [class*="social-icon-envelope"] {
background-color: #ea4335;
}
.customify-builder-social-icons [class*="social-icon-envelope"].shape-none {
background-color: transparent;
color: #ea4335;
}
.customify-builder-social-icons [class*="social-icon-facebook"] {
background-color: #3b5998;
}
.customify-builder-social-icons [class*="social-icon-facebook"].shape-none {
background-color: transparent;
color: #3b5998;
}
.customify-builder-social-icons [class*="social-icon-flickr"] {
background-color: #0063dc;
}
.customify-builder-social-icons [class*="social-icon-flickr"].shape-none {
background-color: transparent;
color: #0063dc;
}
.customify-builder-social-icons [class*="social-icon-foursquare"] {
background-color: #2d5be3;
}
.customify-builder-social-icons [class*="social-icon-foursquare"].shape-none {
background-color: transparent;
color: #2d5be3;
}
.customify-builder-social-icons [class*="social-icon-github"] {
background-color: #333333;
}
.customify-builder-social-icons [class*="social-icon-github"].shape-none {
background-color: transparent;
color: #333333;
}
.customify-builder-social-icons [class*="social-icon-google-plus"] {
background-color: #dd4b39;
}
.customify-builder-social-icons [class*="social-icon-google-plus"].shape-none {
background-color: transparent;
color: #dd4b39;
}
.customify-builder-social-icons [class*="social-icon-houzz"] {
background-color: #7ac142;
}
.customify-builder-social-icons [class*="social-icon-houzz"].shape-none {
background-color: transparent;
color: #7ac142;
}
.customify-builder-social-icons [class*="social-icon-instagram"] {
background-color: #262626;
}
.customify-builder-social-icons [class*="social-icon-instagram"].shape-none {
background-color: transparent;
color: #262626;
}
.customify-builder-social-icons [class*="social-icon-jsfiddle"] {
background-color: #487AA2;
}
.customify-builder-social-icons [class*="social-icon-jsfiddle"].shape-none {
background-color: transparent;
color: #487AA2;
}
.customify-builder-social-icons [class*="social-icon-linkedin"] {
background-color: #0077b5;
}
.customify-builder-social-icons [class*="social-icon-linkedin"].shape-none {
background-color: transparent;
color: #0077b5;
}
.customify-builder-social-icons [class*="social-icon-medium"] {
background-color: #00ab6b;
}
.customify-builder-social-icons [class*="social-icon-medium"].shape-none {
background-color: transparent;
color: #00ab6b;
}
.customify-builder-social-icons [class*="social-icon-odnoklassniki"] {
background-color: #F4731C;
}
.customify-builder-social-icons [class*="social-icon-odnoklassniki"].shape-none {
background-color: transparent;
color: #F4731C;
}
.customify-builder-social-icons [class*="social-icon-meetup"] {
background-color: #ec1c40;
}
.customify-builder-social-icons [class*="social-icon-meetup"].shape-none {
background-color: transparent;
color: #ec1c40;
}
.customify-builder-social-icons [class*="social-icon-pinterest"] {
background-color: #bd081c;
}
.customify-builder-social-icons [class*="social-icon-pinterest"].shape-none {
background-color: transparent;
color: #bd081c;
}
.customify-builder-social-icons [class*="social-icon-product-hunt"] {
background-color: #da552f;
}
.customify-builder-social-icons [class*="social-icon-product-hunt"].shape-none {
background-color: transparent;
color: #da552f;
}
.customify-builder-social-icons [class*="social-icon-reddit"] {
background-color: #ff4500;
}
.customify-builder-social-icons [class*="social-icon-reddit"].shape-none {
background-color: transparent;
color: #ff4500;
}
.customify-builder-social-icons [class*="social-icon-rss"] {
background-color: #f26522;
}
.customify-builder-social-icons [class*="social-icon-rss"].shape-none {
background-color: transparent;
color: #f26522;
}
.customify-builder-social-icons [class*="social-icon-shopping-cart"] {
background-color: #4CAF50;
}
.customify-builder-social-icons [class*="social-icon-shopping-cart"].shape-none {
background-color: transparent;
color: #4CAF50;
}
.customify-builder-social-icons [class*="social-icon-skype"] {
background-color: #00AFF0;
}
.customify-builder-social-icons [class*="social-icon-skype"].shape-none {
background-color: transparent;
color: #00AFF0;
}
.customify-builder-social-icons [class*="social-icon-slideshare"] {
background-color: #0077b5;
}
.customify-builder-social-icons [class*="social-icon-slideshare"].shape-none {
background-color: transparent;
color: #0077b5;
}
.customify-builder-social-icons [class*="social-icon-snapchat"] {
background-color: #fffc00;
}
.customify-builder-social-icons [class*="social-icon-snapchat"].shape-none {
background-color: transparent;
color: #fffc00;
}
.customify-builder-social-icons [class*="social-icon-soundcloud"] {
background-color: #ff8800;
}
.customify-builder-social-icons [class*="social-icon-soundcloud"].shape-none {
background-color: transparent;
color: #ff8800;
}
.customify-builder-social-icons [class*="social-icon-spotify"] {
background-color: #2ebd59;
}
.customify-builder-social-icons [class*="social-icon-spotify"].shape-none {
background-color: transparent;
color: #2ebd59;
}
.customify-builder-social-icons [class*="social-icon-stack-overflow"] {
background-color: #fe7a15;
}
.customify-builder-social-icons [class*="social-icon-stack-overflow"].shape-none {
background-color: transparent;
color: #fe7a15;
}
.customify-builder-social-icons [class*="social-icon-telegram"] {
background-color: #2CA5E0;
}
.customify-builder-social-icons [class*="social-icon-telegram"].shape-none {
background-color: transparent;
color: #2CA5E0;
}
.customify-builder-social-icons [class*="social-icon-tripadvisor"] {
background-color: #589442;
}
.customify-builder-social-icons [class*="social-icon-tripadvisor"].shape-none {
background-color: transparent;
color: #589442;
}
.customify-builder-social-icons [class*="social-icon-tumblr"] {
background-color: #35465c;
}
.customify-builder-social-icons [class*="social-icon-tumblr"].shape-none {
background-color: transparent;
color: #35465c;
}
.customify-builder-social-icons [class*="social-icon-twitch"] {
background-color: #6441A5;
}
.customify-builder-social-icons [class*="social-icon-twitch"].shape-none {
background-color: transparent;
color: #6441A5;
}
.customify-builder-social-icons [class*="social-icon-twitter"] {
background-color: #1DA1F2;
}
.customify-builder-social-icons [class*="social-icon-twitter"].shape-none {
background-color: transparent;
color: #1DA1F2;
}
.customify-builder-social-icons [class*="social-icon-vimeo"] {
background-color: #1ab7ea;
}
.customify-builder-social-icons [class*="social-icon-vimeo"].shape-none {
background-color: transparent;
color: #1ab7ea;
}
.customify-builder-social-icons [class*="social-icon-vk"] {
background-color: #45668e;
}
.customify-builder-social-icons [class*="social-icon-vk"].shape-none {
background-color: transparent;
color: #45668e;
}
.customify-builder-social-icons [class*="social-icon-weibo"] {
background-color: #df2029;
}
.customify-builder-social-icons [class*="social-icon-weibo"].shape-none {
background-color: transparent;
color: #df2029;
}
.customify-builder-social-icons [class*="social-icon-weixin"] {
background-color: #7bb32e;
}
.customify-builder-social-icons [class*="social-icon-weixin"].shape-none {
background-color: transparent;
color: #7bb32e;
}
.customify-builder-social-icons [class*="social-icon-whatsapp"] {
background-color: #25d366;
}
.customify-builder-social-icons [class*="social-icon-whatsapp"].shape-none {
background-color: transparent;
color: #25d366;
}
.customify-builder-social-icons [class*="social-icon-wordpress"] {
background-color: #21759b;
}
.customify-builder-social-icons [class*="social-icon-wordpress"].shape-none {
background-color: transparent;
color: #21759b;
}
.customify-builder-social-icons [class*="social-icon-xing"] {
background-color: #026466;
}
.customify-builder-social-icons [class*="social-icon-xing"].shape-none {
background-color: transparent;
color: #026466;
}
.customify-builder-social-icons [class*="social-icon-yelp"] {
background-color: #af0606;
}
.customify-builder-social-icons [class*="social-icon-yelp"].shape-none {
background-color: transparent;
color: #af0606;
}
.customify-builder-social-icons [class*="social-icon-youtube"] {
background-color: #cd201f;
}
.customify-builder-social-icons [class*="social-icon-youtube"].shape-none {
background-color: transparent;
color: #cd201f;
}
/* Nav Icon */
.menu-mobile-toggle {
cursor: pointer;
text-align: center;
background: transparent;
box-shadow: none;
color: currentColor;
-webkit-transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
}
.menu-mobile-toggle:hover {
box-shadow: none;
background: transparent;
}
.nav-icon--label {
background: none !important;
text-transform: uppercase;
font-size: 0.85em;
}
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
display: inline-block;
position: relative;
vertical-align: middle;
}
.hamburger-inner {
display: block;
top: 50%;
background-color: currentcolor;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
border-radius: 0px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
background-color: inherit;
}
.is-size-small .hamburger .hamburger-box {
margin-top: -2px;
width: 19px;
}
.is-size-small .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-small .hamburger .hamburger-inner, .is-size-small .hamburger .hamburger-inner::before, .is-size-small .hamburger .hamburger-inner::after {
width: 19px;
height: 2px;
}
.is-size-small .hamburger .hamburger-inner::before {
top: -6px;
}
.is-size-small .hamburger .hamburger-inner::after {
bottom: -6px;
}
.is-size-medium .hamburger .hamburger-box {
margin-top: -2px;
width: 22px;
}
.is-size-medium .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-medium .hamburger .hamburger-inner, .is-size-medium .hamburger .hamburger-inner::before, .is-size-medium .hamburger .hamburger-inner::after {
width: 22px;
height: 2px;
}
.is-size-medium .hamburger .hamburger-inner::before {
top: -7px;
}
.is-size-medium .hamburger .hamburger-inner::after {
bottom: -7px;
}
.is-size-large .hamburger .hamburger-box {
margin-top: -2px;
width: 31px;
}
.is-size-large .hamburger .hamburger-inner {
margin-top: -1.5px;
}
.is-size-large .hamburger .hamburger-inner, .is-size-large .hamburger .hamburger-inner::before, .is-size-large .hamburger .hamburger-inner::after {
width: 31px;
height: 3px;
}
.is-size-large .hamburger .hamburger-inner::before {
top: -9px;
}
.is-size-large .hamburger .hamburger-inner::after {
bottom: -9px;
}
@media screen and (min-width: 1025px) {
.is-size-desktop-small .hamburger .hamburger-box {
margin-top: -2px;
width: 19px;
}
.is-size-desktop-small .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-desktop-small .hamburger .hamburger-inner, .is-size-desktop-small .hamburger .hamburger-inner::before, .is-size-desktop-small .hamburger .hamburger-inner::after {
width: 19px;
height: 2px;
}
.is-size-desktop-small .hamburger .hamburger-inner::before {
top: -6px;
}
.is-size-desktop-small .hamburger .hamburger-inner::after {
bottom: -6px;
}
.is-size-desktop-medium .hamburger .hamburger-box {
margin-top: -2px;
width: 22px;
}
.is-size-desktop-medium .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-desktop-medium .hamburger .hamburger-inner, .is-size-desktop-medium .hamburger .hamburger-inner::before, .is-size-desktop-medium .hamburger .hamburger-inner::after {
width: 22px;
height: 2px;
}
.is-size-desktop-medium .hamburger .hamburger-inner::before {
top: -7px;
}
.is-size-desktop-medium .hamburger .hamburger-inner::after {
bottom: -7px;
}
.is-size-desktop-large .hamburger .hamburger-box {
margin-top: -2px;
width: 31px;
}
.is-size-desktop-large .hamburger .hamburger-inner {
margin-top: -1.5px;
}
.is-size-desktop-large .hamburger .hamburger-inner, .is-size-desktop-large .hamburger .hamburger-inner::before, .is-size-desktop-large .hamburger .hamburger-inner::after {
width: 31px;
height: 3px;
}
.is-size-desktop-large .hamburger .hamburger-inner::before {
top: -9px;
}
.is-size-desktop-large .hamburger .hamburger-inner::after {
bottom: -9px;
}
}
@media screen and (max-width: 1024px) {
.is-size-tablet-small .hamburger .hamburger-box {
margin-top: -2px;
width: 19px;
}
.is-size-tablet-small .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-tablet-small .hamburger .hamburger-inner, .is-size-tablet-small .hamburger .hamburger-inner::before, .is-size-tablet-small .hamburger .hamburger-inner::after {
width: 19px;
height: 2px;
}
.is-size-tablet-small .hamburger .hamburger-inner::before {
top: -6px;
}
.is-size-tablet-small .hamburger .hamburger-inner::after {
bottom: -6px;
}
.is-size-tablet-medium .hamburger .hamburger-box {
margin-top: -2px;
width: 22px;
}
.is-size-tablet-medium .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-tablet-medium .hamburger .hamburger-inner, .is-size-tablet-medium .hamburger .hamburger-inner::before, .is-size-tablet-medium .hamburger .hamburger-inner::after {
width: 22px;
height: 2px;
}
.is-size-tablet-medium .hamburger .hamburger-inner::before {
top: -7px;
}
.is-size-tablet-medium .hamburger .hamburger-inner::after {
bottom: -7px;
}
.is-size-tablet-large .hamburger .hamburger-box {
margin-top: -2px;
width: 31px;
}
.is-size-tablet-large .hamburger .hamburger-inner {
margin-top: -1.5px;
}
.is-size-tablet-large .hamburger .hamburger-inner, .is-size-tablet-large .hamburger .hamburger-inner::before, .is-size-tablet-large .hamburger .hamburger-inner::after {
width: 31px;
height: 3px;
}
.is-size-tablet-large .hamburger .hamburger-inner::before {
top: -9px;
}
.is-size-tablet-large .hamburger .hamburger-inner::after {
bottom: -9px;
}
}
@media screen and (max-width: 568px) {
.is-size-mobile-small .hamburger .hamburger-box {
margin-top: -2px;
width: 19px;
}
.is-size-mobile-small .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-mobile-small .hamburger .hamburger-inner, .is-size-mobile-small .hamburger .hamburger-inner::before, .is-size-mobile-small .hamburger .hamburger-inner::after {
width: 19px;
height: 2px;
}
.is-size-mobile-small .hamburger .hamburger-inner::before {
top: -6px;
}
.is-size-mobile-small .hamburger .hamburger-inner::after {
bottom: -6px;
}
.is-size-mobile-medium .hamburger .hamburger-box {
margin-top: -2px;
width: 22px;
}
.is-size-mobile-medium .hamburger .hamburger-inner {
margin-top: -1px;
}
.is-size-mobile-medium .hamburger .hamburger-inner, .is-size-mobile-medium .hamburger .hamburger-inner::before, .is-size-mobile-medium .hamburger .hamburger-inner::after {
width: 22px;
height: 2px;
}
.is-size-mobile-medium .hamburger .hamburger-inner::before {
top: -7px;
}
.is-size-mobile-medium .hamburger .hamburger-inner::after {
bottom: -7px;
}
.is-size-mobile-large .hamburger .hamburger-box {
margin-top: -2px;
width: 31px;
}
.is-size-mobile-large .hamburger .hamburger-inner {
margin-top: -1.5px;
}
.is-size-mobile-large .hamburger .hamburger-inner, .is-size-mobile-large .hamburger .hamburger-inner::before, .is-size-mobile-large .hamburger .hamburger-inner::after {
width: 31px;
height: 3px;
}
.is-size-mobile-large .hamburger .hamburger-inner::before {
top: -9px;
}
.is-size-mobile-large .hamburger .hamburger-inner::after {
bottom: -9px;
}
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Header mobile sidebar */
/* - General */
.body-y-hidden {
overflow: hidden !important;
}
#page {
-webkit-transition: -webkit-transform .7s ease;
transition: -webkit-transform .7s ease;
transition: transform .7s ease;
transition: transform .7s ease, -webkit-transform .7s ease;
}
body:before {
-webkit-transition: all .5s linear;
transition: all .5s linear;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
z-index: -1;
content: " ";
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
}
body.menu_sidebar_dropdown:before {
display: none;
}
.header-menu-sidebar {
padding: 0;
position: fixed;
width: 100%;
max-width: 100%;
top: 0;
z-index: 999900;
visibility: hidden;
}
.header-menu-sidebar .builder-item-sidebar {
padding: 1.4em 1.5em;
border-bottom: 1px solid transparent;
}
.header-menu-sidebar .builder-item-sidebar:last-of-type {
border-bottom: none;
}
.header-menu-sidebar .builder-item-sidebar.mobile-item--primary-menu, .header-menu-sidebar .builder-item-sidebar.mobile-item--secondary-menu, .header-menu-sidebar .builder-item-sidebar.mobile-item--menu {
padding: 0px;
}
.header-menu-sidebar .nav-menu-mobile .nav-toggle-icon {
color: currentColor;
}
.header-menu-sidebar .nav-menu-mobile .nav-toggle-icon:hover, .header-menu-sidebar .nav-menu-mobile .nav-toggle-icon:focus {
background: rgba(0, 0, 0, 0.01);
}
.header-menu-sidebar.light-mode .sub-menu a,
.header-menu-sidebar.light-mode .cart-item-link,
.header-menu-sidebar.light-mode .item--html a,
.header-menu-sidebar.light-mode .nav-menu a {
color: rgba(0, 0, 0, 0.55);
}
.header-menu-sidebar.light-mode .sub-menu a:hover,
.header-menu-sidebar.light-mode .cart-item-link:hover,
.header-menu-sidebar.light-mode .item--html a:hover,
.header-menu-sidebar.light-mode .nav-menu a:hover {
color: rgba(0, 0, 0, 0.8);
}
.header-menu-sidebar.light-mode .cart-icon {
color: rgba(0, 0, 0, 0.8);
}
.header-menu-sidebar.light-mode .builder-item-sidebar {
border-color: rgba(0, 0, 0, 0.08);
}
.header-menu-sidebar.light-mode .builder-item-sidebar:before {
background: rgba(0, 0, 0, 0.08);
}
.header-menu-sidebar.light-mode .header-menu-sidebar-bg:before {
background: rgba(255, 255, 255, 0.9);
}
.header-menu-sidebar.light-mode .nav-menu-mobile .menu li a, .header-menu-sidebar.light-mode .sub-menu, .header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon {
border-color: rgba(0, 0, 0, 0.08);
}
.header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon:hover, .header-menu-sidebar.light-mode .nav-menu-mobile .nav-toggle-icon:focus {
background: rgba(0, 0, 0, 0.01);
}
.header-menu-sidebar.light-mode .menu li {
border-color: rgba(0, 0, 0, 0.08);
}
.header-menu-sidebar.dark-mode .sub-menu a,
.header-menu-sidebar.dark-mode .cart-item-link,
.header-menu-sidebar.dark-mode .item--html a,
.header-menu-sidebar.dark-mode .nav-menu a, .header-menu-sidebar.dark-mode .nav-menu .nav-toggle-icon {
color: rgba(255, 255, 255, 0.79);
}
.header-menu-sidebar.dark-mode .sub-menu a:hover,
.header-menu-sidebar.dark-mode .cart-item-link:hover,
.header-menu-sidebar.dark-mode .item--html a:hover,
.header-menu-sidebar.dark-mode .nav-menu a:hover, .header-menu-sidebar.dark-mode .nav-menu .nav-toggle-icon:hover {
color: rgba(255, 255, 255, 0.99);
}
.header-menu-sidebar.dark-mode .cart-icon {
color: rgba(255, 255, 255, 0.99);
}
.header-menu-sidebar.dark-mode .builder-item-sidebar {
border-color: rgba(255, 255, 255, 0.08);
}
.header-menu-sidebar.dark-mode .builder-item-sidebar:before {
background: rgba(255, 255, 255, 0.08);
}
.header-menu-sidebar.dark-mode .header-menu-sidebar-bg:before {
background: rgba(0, 0, 0, 0.9);
}
.header-menu-sidebar.dark-mode .nav-menu-mobile .menu li a, .header-menu-sidebar.dark-mode .sub-menu, .header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon {
border-color: rgba(255, 255, 255, 0.08);
}
.header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon:hover, .header-menu-sidebar.dark-mode .nav-menu-mobile .nav-toggle-icon:focus {
background: rgba(0, 0, 0, 0.01);
}
.header-menu-sidebar.dark-mode .menu li {
border-color: rgba(255, 255, 255, 0.08);
}
.header-menu-sidebar-bg {
position: relative;
word-wrap: break-word;
min-height: 100%;
display: block;
}
.header-menu-sidebar-bg:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
min-height: 100%;
}
.header-menu-sidebar-inner {
position: relative;
word-wrap: break-word;
min-height: 100%;
display: block;
padding: 1.2em 0;
}
/* Type : Overlay */
.menu_sidebar_slide_overlay .header-menu-sidebar {
box-shadow: none;
-webkit-transition: all .5s linear;
transition: all .5s linear;
z-index: 0;
opacity: 0;
top: 0px;
width: 100%;
right: 0px;
bottom: 0px;
}
.menu_sidebar_slide_overlay .builder-item-sidebar {
text-align: center;
padding: 2em 1.5em;
border: none;
position: relative;
}
.menu_sidebar_slide_overlay .builder-item-sidebar:before {
content: "";
width: 8%;
height: 2px;
display: block;
background: rgba(255, 255, 255, 0.08);
position: absolute;
bottom: 0px;
left: 46%;
}
@media screen and (max-width: 64em) {
.menu_sidebar_slide_overlay .builder-item-sidebar:before {
width: 16%;
left: 42%;
}
}
.menu_sidebar_slide_overlay .builder-item-sidebar:last-child:before {
content: none;
}
.menu_sidebar_slide_overlay .builder-item-sidebar[class*="-menu"] {
padding: 2.5em 1.5em;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a {
border: none;
font-size: 140%;
text-transform: uppercase;
font-weight: 500;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .menu li a .nav-toggle-icon {
display: inline-block;
position: relative;
border: 0px none;
margin-right: -1.3em;
top: -2px;
padding: 0.28em 0.5em;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu {
border: none;
}
.menu_sidebar_slide_overlay .nav-menu-mobile .sub-menu li a {
text-transform: none;
padding: 0.35em 1.5em;
font-size: 100%;
}
.menu_sidebar_slide_overlay .header-menu-sidebar-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.menu_sidebar_slide_overlay .header-menu-sidebar-inner {
max-width: 48em;
margin: 3em auto;
padding: 0;
}
.menu_sidebar_slide_overlay .dark-mode .header-menu-sidebar-bg:before {
background: rgba(0, 0, 0, 0.9);
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner {
background: rgba(0, 0, 0, 0.6);
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner:before, .menu_sidebar_slide_overlay .light-mode.close-sidebar-panel .hamburger-inner::after {
background: inherit;
}
.menu_sidebar_slide_overlay .light-mode.close-sidebar-panel:hover .hamburger-inner {
background: rgba(0, 0, 0, 0.8);
}
/* Type: Slide from left */
.menu_sidebar_slide_left .header-menu-sidebar {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
width: 360px;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
@media screen and (max-width: 35.5em) {
.menu_sidebar_slide_left .header-menu-sidebar {
width: auto;
right: 45px;
}
}
/* Type: Slide from right */
.menu_sidebar_slide_right .header-menu-sidebar {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
width: 360px;
right: 0;
}
@media screen and (max-width: 35.5em) {
.menu_sidebar_slide_right .header-menu-sidebar {
width: auto;
left: 45px;
}
}
/* Type: Toggle dropdown */
.menu_sidebar_dropdown .header-menu-sidebar {
position: relative;
height: 0px;
display: block;
visibility: visible;
z-index: 999900;
overflow: hidden;
}
.menu_sidebar_dropdown .header-menu-sidebar-inner {
max-width: 48em;
margin: 0 auto;
}
.menu_sidebar_dropdown .header-menu-sidebar-bg:before {
box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
/* Hiding Menu Sidebar animation. */
.hiding-header-menu-sidebar {
overflow-x: hidden;
position: relative;
width: 100%;
display: block;
}
.hiding-header-menu-sidebar.menu_sidebar_slide_overlay .header-menu-sidebar {
z-index: 0;
opacity: 0;
height: 100%;
}
.hiding-header-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar {
height: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.hiding-header-menu-sidebar .header-menu-sidebar {
visibility: visible;
}
.hiding-header-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
height: 100%;
}
/* Showing Menu Sidebar animation. */
.is-menu-sidebar, .is-mobile-form-panel {
overflow-x: hidden;
}
.is-menu-sidebar .header-menu-sidebar {
overflow: auto;
}
.is-menu-sidebar.menu_sidebar_slide_overlay {
overflow: initial;
position: relative;
width: 100%;
display: block;
}
.is-menu-sidebar.menu_sidebar_slide_overlay .header-menu-sidebar {
z-index: 999900;
opacity: 1;
visibility: visible;
}
.is-menu-sidebar.menu_sidebar_slide_overlay .menu-mobile-toggle {
opacity: 0;
}
.is-menu-sidebar.menu_sidebar_slide_left {
overflow: initial;
position: relative;
width: 100%;
display: block;
}
.is-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar {
z-index: 999900;
height: 100vh;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
visibility: visible;
}
.is-menu-sidebar.menu_sidebar_slide_left .menu-mobile-toggle {
opacity: 0;
}
.is-menu-sidebar.menu_sidebar_slide_right {
overflow: initial;
position: relative;
width: 100%;
display: block;
}
.is-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar {
z-index: 999900;
height: 100vh;
max-width: 100vw;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
right: 0;
visibility: visible;
}
.is-menu-sidebar.menu_sidebar_slide_right .menu-mobile-toggle {
opacity: 0;
}
.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar {
z-index: 10;
visibility: visible;
}
/* Close Button */
.close-sidebar-panel {
display: none;
z-index: 999910;
cursor: pointer;
position: fixed;
top: 10px;
right: 12px;
}
.close-sidebar-panel .hamburger-inner {
background: rgba(255, 255, 255, 0.99);
}
.close-sidebar-panel .hamburger-inner:before, .close-sidebar-panel .hamburger-inner::after {
background: inherit;
}
.close-sidebar-panel:hover .hamburger-inner {
background: rgba(255, 255, 255, 0.99);
}
.menu_sidebar_slide_right .close-sidebar-panel {
top: 10px;
right: auto;
left: 12px;
}
.menu_sidebar_dropdown .close-sidebar-panel {
display: none !important;
}
.is-menu-sidebar:before, .is-mobile-form-panel:before {
z-index: 999897;
visibility: visible;
opacity: 1;
}
.is-menu-sidebar .close-sidebar-panel, .is-mobile-form-panel .close-sidebar-panel {
display: inline-block;
}
/* - Item showing animation */
.header-menu-sidebar .item--inner {
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s;
-webkit-transform: translateY(45px);
-ms-transform: translateY(45px);
transform: translateY(45px);
opacity: 0;
}
.is-menu-sidebar .header-menu-sidebar .item--inner, .is-mobile-form-panel .header-menu-sidebar .item--inner {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mobile-item--search_box .search-form-fields {
width: 100%;
}
.cb-row--mobile {
padding: 0 0.5em 0;
}
.cb-row--mobile [class~="customify-col"], .cb-row--mobile [class*="customify-col-"], .cb-row--mobile [class*="customify-col_"] {
padding: 0 0.5em 0;
}
.header-v2 .cb-row--mobile {
padding-left: 1em;
padding-right: 1em;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layouts Helper
# Layout: content-sidebar
# Layout: sidebar-content
# Layout: sidebar-sidebar-content
# Layout: content-sidebar-sidebar
# Layout: sidebar-content-sidebar
*/
/************************
HIDING COLS FOR DEVICES
*************************/
@media screen and (min-width: 1025px) {
.hide-on-desktop,
.customify-grid .hide-on-desktop {
display: none;
}
.align-left-desktop {
text-align: left;
}
.align-center-desktop {
text-align: center;
}
.align-right-desktop {
text-align: right;
}
}
@media screen and (max-width: 1024px) {
.hide-on-tablet,
.customify-grid .hide-on-tablet {
display: none;
}
.align-left-tablet {
text-align: left;
}
.align-center-tablet {
text-align: center;
}
.align-right-tablet {
text-align: right;
}
}
@media screen and (max-width: 568px) {
.hide-on-mobile,
.customify-grid .hide-on-mobile {
display: none;
}
.align-left-mobile {
text-align: left;
}
.align-center-mobile {
text-align: center;
}
.align-right-mobile {
text-align: right;
}
}
#page {
position: relative;
}
.no-box-shadow {
box-shadow: none !important;
}
.site-boxed .site, .site-framed .site {
max-width: 1248px;
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
margin: 0 auto;
}
.site-framed .site {
margin-top: 30px;
margin-bottom: 30px;
}
.customify-container {
position: relative;
padding-left: 2em;
padding-right: 2em;
}
.customify-container:before, .customify-container:after {
content: "";
display: table;
}
.customify-container:after {
clear: both;
}
@media screen and (max-width: 48em) {
.customify-container {
padding-left: 1em;
padding-right: 1em;
}
}
.customify-container, .layout-contained {
max-width: 1248px;
margin: 0 auto;
}
.site-content {
background: #fff;
}
.site-content.content-full-width .customify-container {
max-width: 100%;
}
.site-content.content-boxed {
max-width: 1200px;
margin: 0 auto;
}
.site-content.content-full-stretched .customify-container {
max-width: 100%;
}
.site-content.content-full-stretched > .customify-container {
padding-left: 0px;
padding-right: 0px;
}
.site-content.content-full-stretched > .customify-container .customify-grid {
margin: 0px;
}
.site-content.content-full-stretched > .customify-container .content-area.customify-col-12 {
margin-right: 0px;
margin-left: 0px;
}
.site-content.content-full-stretched #main.customify-col-12 {
padding: 0;
}
#sidebar-secondary, #sidebar-primary, #main {
padding-top: 2.617924em;
padding-bottom: 2.617924em;
}
@media screen and (max-width: 1024px) {
.sidebar-content-sidebar #main {
border-left: 0px none;
}
}
@media screen and (max-width: 1024px) {
.sidebar-content-sidebar #sidebar-secondary {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
order: 5;
display: none;
}
}
/*-- Layout: content-sidebar --*/
@media screen and (min-width: 48em) {
.content-sidebar .content-inner {
padding-right: 1em;
}
.content-sidebar.sidebar_vertical_border .content-area {
border-right: 1px solid #eaecee;
}
.content-sidebar.sidebar_vertical_border .content-inner {
padding-right: 1em;
}
.content-sidebar.sidebar_vertical_border .sidebar-primary-inner {
padding-left: 1em;
}
}
/*-- Layout: sidebar-content --*/
@media screen and (min-width: 48em) {
.sidebar-content .content-inner {
padding-left: 1em;
}
.sidebar-content.sidebar_vertical_border .content-area {
border-left: 1px solid #eaecee;
}
.sidebar-content.sidebar_vertical_border .content-inner {
padding-left: 1em;
}
.sidebar-content.sidebar_vertical_border .sidebar-primary-inner {
padding-right: 1em;
}
}
/*-- Layout: sidebar-sidebar-content --*/
@media screen and (min-width: 48em) {
.sidebar-sidebar-content .content-inner {
padding-left: 1em;
}
.sidebar-sidebar-content.sidebar_vertical_border .sidebar-primary {
border-right: 1px solid #eaecee;
}
.sidebar-sidebar-content.sidebar_vertical_border .sidebar-secondary {
border-right: 1px solid #eaecee;
}
.sidebar-sidebar-content.sidebar_vertical_border .content-inner {
padding-left: 1em;
}
.sidebar-sidebar-content.sidebar_vertical_border .sidebar-primary-inner {
padding-right: 1em;
}
.sidebar-sidebar-content.sidebar_vertical_border .sidebar-secondary-inner {
padding-left: 1em;
padding-right: 1em;
}
}
/*-- Layout: content-sidebar-sidebar --*/
@media screen and (min-width: 48em) {
.content-sidebar-sidebar .content-inner {
padding-right: 1em;
}
.content-sidebar-sidebar.sidebar_vertical_border .sidebar-primary {
border-left: 1px solid #eaecee;
}
.content-sidebar-sidebar.sidebar_vertical_border .sidebar-secondary {
border-left: 1px solid #eaecee;
}
.content-sidebar-sidebar.sidebar_vertical_border .content-inner {
padding-right: 1em;
}
.content-sidebar-sidebar.sidebar_vertical_border .sidebar-primary-inner {
padding-left: 1em;
padding-right: 1em;
}
.content-sidebar-sidebar.sidebar_vertical_border .sidebar-secondary-inner {
padding-left: 1em;
}
}
/*-- Layout: sidebar-content-sidebar --*/
@media screen and (min-width: 48em) {
.sidebar-content-sidebar .content-inner {
padding-left: 1em;
padding-right: 1em;
}
.sidebar-content-sidebar.sidebar_vertical_border .content-area {
border-left: 1px solid #eaecee;
border-right: 1px solid #eaecee;
}
.sidebar-content-sidebar.sidebar_vertical_border .content-inner {
padding-left: 1em;
padding-right: 1em;
}
.sidebar-content-sidebar.sidebar_vertical_border .sidebar-primary-inner {
padding-left: 1em;
}
.sidebar-content-sidebar.sidebar_vertical_border .sidebar-secondary-inner {
padding-right: 1em;
}
}
@media screen and (max-width: 64em) {
.sidebar-content-sidebar.sidebar_vertical_border .content-inner {
padding-left: 0;
}
}
.skip-grid--column .builder-item {
display: inline-block;
}
.bypostauthor {
display: inline-block;
}
.entry-title {
word-wrap: break-word;
}
.entry-meta > span {
display: inline-block;
padding: 5px 0;
}
.entry-meta .sep {
margin-left: 8px;
margin-right: 8px;
}
.entry-meta .author img {
vertical-align: middle;
overflow: hidden;
border-radius: 50%;
margin-right: 5px;
}
.posts-layout .entry {
margin-bottom: 2em;
}
.posts-layout .entry--item {
margin-bottom: 15px;
}
.posts-layout .entry--item:last-child {
margin-bottom: 0px;
}
.posts-layout .entry-inner {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
width: 100%;
border-bottom: 1px solid #eaecee;
padding-bottom: 2em;
}
@media screen and (max-width: 568px) {
.posts-layout .entry-inner {
display: block;
}
}
.posts-layout .entry-media {
position: relative;
max-width: 100%;
-webkit-flex-basis: 40%;
flex-basis: 40%;
padding-top: 0;
overflow: hidden;
}
@media screen and (max-width: 568px) {
.posts-layout .entry-media {
margin-bottom: 1em;
width: 100% !important;
padding-top: 56.25%;
}
}
.posts-layout .entry-thumbnail {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
line-height: 0;
background-color: #d5d5d5;
}
.posts-layout .entry-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
}
.posts-layout .entry-thumbnail a {
position: absolute;
top: 0px;
top: 0px;
display: block;
}
.posts-layout .entry-title {
font-size: 1.5em;
font-weight: 500;
word-wrap: break-word;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.posts-layout .entry-title a {
text-align: inherit;
display: block;
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
.posts-layout .entry-excerpt p:last-child {
margin-bottom: 0px;
}
.posts-layout .entry-media-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 30;
}
.posts-layout .entry-content-data {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
word-wrap: break-word;
max-width: 100%;
}
.posts-layout .entry-readmore {
margin-top: 1em;
}
.posts-layout .entry-cat {
top: 0;
display: block;
}
.posts-layout .entry-cat a {
color: inherit;
}
.posts-layout .entry-cat a:hover {
color: inherit;
}
.posts-layout .readmore-button {
display: inline-block;
line-height: 1;
border: 1px solid #235787;
color: #235787;
border-radius: 2px;
cursor: pointer;
padding: 7px 17px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
-webkit-transition: border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
transition: border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s;
transition: transform .18s, border .18s, background .18s, box-shadow .18s, opacity .18s, color .18s, -webkit-transform .18s;
font-weight: 500;
}
.posts-layout .readmore-button:hover {
background: #235787;
color: #FFFFFF;
border-color: #235787;
}
.posts-layout .entry-content-data {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.posts-layout .entry-article-part {
position: relative;
width: 100%;
margin-bottom: 15px;
}
.posts-layout .entry-article-part:first-child {
margin-top: 0;
}
.posts-layout .entry-article-part.entry-article-media {
-webkit-box-flex: 0;
-webkit-flex: none;
flex: none;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
.posts-layout .entry-article-part.entry-article-footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-top: auto;
margin-bottom: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.posts-layout .entry-article-part.entry-article-footer.only-more .entry-readmore {
width: 100%;
}
.posts-layout .entry-article-footer {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.posts-layout .entry-article-footer > *, .posts-layout .entry-article-footer .entry-meta {
margin-bottom: 0px;
margin-top: 0px;
display: inline-block;
}
.posts-layout .entry-thumbnail {
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.posts-layout .entry-thumbnail img {
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.posts-layout .entry-thumbnail:before {
-webkit-transition: all .3s linear;
transition: all .3s linear;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 2;
}
.posts-layout .entry-article-media {
z-index: 5;
}
.posts-layout .mc-bottom .media-content-inner {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
display: block;
}
.posts-layout .mc-top .media-content-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
display: block;
}
.posts-layout .mc-center .media-content-inner {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.posts-layout.layout--blog_column .entry-inner, .posts-layout.layout--blog_boxed .entry-inner {
display: block;
}
.posts-layout.layout--blog_column .entry-inner .entry-content-data, .posts-layout.layout--blog_column .entry-inner .entry-article-header, .posts-layout.layout--blog_boxed .entry-inner .entry-content-data, .posts-layout.layout--blog_boxed .entry-inner .entry-article-header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.posts-layout.layout--blog_classic .entry-media {
margin-right: 2em;
}
@media screen and (max-width: 568px) {
.posts-layout.layout--blog_classic .entry-media {
margin-right: 0px;
}
}
.posts-layout.layout--blog_column .entry-media, .posts-layout.layout--blog_boxed .entry-media {
padding-top: 40%;
}
.posts-layout.layout--blog_column .entry, .posts-layout.layout--blog_boxed .entry {
display: block;
}
.posts-layout.layout--blog_column .sticky .entry-content-data, .posts-layout.layout--blog_boxed .sticky .entry-content-data {
background-color: #fcf8e3;
border: 1px solid #faf2cc;
border-top: 0px none;
color: #8a6d3b;
padding: 1em;
}
.posts-layout.layout--blog_column .entry-media, .posts-layout.layout--blog_boxed .entry-media {
margin-bottom: 1em;
display: block;
position: relative;
}
.posts-layout.layout--blog_boxed .entry-content-data {
padding: 1em;
}
.pagination {
margin: 30px auto;
display: block;
}
.pagination .nav-links > * {
border: 1px solid #eaecee;
color: #6d6d6d;
padding: 4px 12px 4px;
border-radius: 1px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
display: inline-block;
}
.pagination .nav-links > *:hover {
border-color: #235787;
background: #235787;
color: #FFFFFF;
}
.pagination .nav-links span {
border-color: #235787;
background: #235787;
color: #FFFFFF;
}
.single .entry-meta {
margin-bottom: 1.41575em;
}
.single .entry-footer {
margin-bottom: 1.618em;
}
.entry-content .page-links {
display: block;
margin: 5px 0px 20px;
font-weight: 500;
}
.entry-content .page-links a {
border: 1px solid #eaecee;
padding: 5px 12px 5px;
text-transform: uppercase;
color: #686868;
margin: 0px 2px;
}
.entry-content .table-wrapper {
max-width: 100%;
overflow: auto;
}
.single-post .entry-content a:hover {
text-decoration: underline;
}
.entry-single .entry--item:not(.entry-title), .entry-single .entry-thumbnail {
margin-bottom: 1.41575em;
}
.entry-single .entry--item:not(.entry-title):last-child, .entry-single .entry-thumbnail:last-child {
margin-bottom: 0px;
}
.entry-single .entry--item.entry-related {
margin-bottom: 0.41575em;
}
.entry-single .tags-links:before, .entry-single .cats-links:before {
font: normal normal normal 16px/1 FontAwesome;
text-decoration: inherit;
text-transform: none;
position: relative;
margin-right: 5px;
color: #6d6d6d;
}
.entry-single .cats-links:before {
content: "\f115";
}
.entry-single .tags-links:before {
content: "\f02c";
}
.entry-single .edit-link {
display: block;
width: 100%;
margin-top: 0.5407911001em;
}
.entry-single .edit-link a {
text-transform: uppercase;
font-weight: 500;
font-size: 80%;
letter-spacing: 0.5px;
}
.author-bio {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.author-bio .avatar {
-webkit-flex-basis: 90px;
flex-basis: 90px;
}
@media screen and (max-width: 568px) {
.author-bio .avatar {
-webkit-flex-basis: 90px;
flex-basis: 90px;
}
}
.author-bio .author-bio-details {
-webkit-flex-basis: calc( 100% - 90px );
flex-basis: calc( 100% - 90px );
margin-left: 1.5em;
}
@media screen and (max-width: 568px) {
.author-bio .author-bio-details {
-webkit-flex-basis: calc( 100% - 50px );
flex-basis: calc( 100% - 50px );
}
}
.author-bio .author-bio-desc p:last-child {
margin-bottom: 0.72em;
}
.post-navigation .nav-links {
padding: 16px 0px 15px;
border-top: 1px solid #eaecee;
border-bottom: 1px solid #eaecee;
}
.post-navigation .nav-links:before, .post-navigation .nav-links:after {
content: "";
display: table;
}
.post-navigation .nav-links:after {
clear: both;
}
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
width: 49%;
}
.post-navigation .nav-links .nav-previous a span.meta-nav, .post-navigation .nav-links .nav-next a span.meta-nav {
display: block;
margin-bottom: 5px;
}
.post-navigation .nav-links .nav-previous {
float: left;
text-align: left;
}
.post-navigation .nav-links .nav-next {
float: right;
text-align: right;
}
.related-post-title {
margin-bottom: 0.41575em;
}
@media screen and (max-width: 568px) {
.related-post-title {
margin-bottom: 0;
}
}
.related-post {
margin-bottom: 1em;
}
.related-post .entry-title {
font-size: 1.1em;
line-height: 1.3;
}
.related-thumbnail a {
display: block;
line-height: 0px;
position: relative;
}
.img-pos-left .related-post, .img-pos-right .related-post {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 568px) {
.img-pos-left .related-post, .img-pos-right .related-post {
display: block;
}
}
.img-pos-left .related-thumbnail, .img-pos-right .related-thumbnail {
-webkit-flex-basis: 160px;
flex-basis: 160px;
position: relative;
}
@media screen and (max-width: 568px) {
.img-pos-left .related-thumbnail, .img-pos-right .related-thumbnail {
margin-bottom: 1em;
}
}
.img-pos-left .related-thumbnail img, .img-pos-right .related-thumbnail img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.img-pos-left .related-body, .img-pos-right .related-body {
-webkit-flex-basis: calc( 100% - 160px );
flex-basis: calc( 100% - 160px );
}
.img-pos-left .related-body p, .img-pos-right .related-body p {
margin-bottom: 0px;
}
.img-pos-left .related-body {
padding-left: 1em;
}
@media screen and (max-width: 568px) {
.img-pos-left .related-body {
padding-left: 0em;
}
}
.img-pos-right .related-body {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
order: 1;
padding-right: 1em;
}
@media screen and (max-width: 568px) {
.img-pos-right .related-body {
padding-right: 0em;
}
}
.img-pos-right .related-thumbnail {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
order: 2;
}
.img-pos-top .related-thumbnail {
margin-bottom: 0.5em;
}
.img-pos-top .related-thumbnail img {
width: 100%;
}
/* Page Mics */
.archive .page-title, .search .page-title {
margin-bottom: 35px;
padding-bottom: 20px;
border-bottom: 1px solid #eaecee;
}
/* Search Page */
.search .content-area .entry-summary p:last-child {
margin-bottom: 0px;
}
/* 404 Page */
/* Widget Common */
.widget-title {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
color: currentColor;
margin-bottom: 20px;
}
.widget-area .widget {
margin-bottom: 2em;
}
@media screen and (min-width: 1025px) {
.widget-area .widget:last-of-type {
margin-bottom: 0;
}
}
.widget-area .widget ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.widget-area .widget ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.widget-area .widget ul li {
margin: 0px 0px 0.6em;
}
.widget-area .widget ul li.cat-item, .widget-area .widget ul li.woocommerce-widget-layered-nav-list__item {
position: relative;
}
.widget-area .widget ul li.cat-item .count, .widget-area .widget ul li.woocommerce-widget-layered-nav-list__item .count {
right: 0;
background: #eaecee;
color: #999999;
padding: 0px 0.5em;
border-radius: 0.9em;
font-size: 12px;
position: absolute;
top: 4px;
}
.widget-area .widget ul li.cat-item:after:before, .widget-area .widget ul li.cat-item:after:after, .widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:before, .widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:after {
content: "";
display: table;
}
.widget-area .widget ul li.cat-item:after:after, .widget-area .widget ul li.woocommerce-widget-layered-nav-list__item:after:after {
clear: both;
}
.widget-area .widget a.button:hover {
text-decoration: none;
}
.widget-area .widget select {
max-width: 100%;
}
.widget-area .widget table {
font-size: 85%;
}
.widget-area .widget table th, .widget-area .widget table td {
padding: 0.2360828548em;
text-align: center;
}
.widget-area .widget table tfoot td {
text-align: left;
}
.widget-area .widget *:last-child {
margin-bottom: 0px;
}
.widget-area .widget .sidebar-search-form {
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
max-width: 100%;
}
.widget-area .widget .sidebar-search-form label {
width: 100%;
}
.widget-area .widget .sidebar-search-form .search-field {
width: 100%;
display: block;
}
.widget-area .widget .sidebar-search-form .search-submit {
padding: 9px 14px;
margin-left: -46px;
overflow: hidden;
box-shadow: none;
background: transparent;
color: #aaaaaa;
line-height: 0px;
}
.widget-area .widget .sidebar-search-form .search-submit:hover svg #svg-search {
fill: #444444;
}
.widget-area .widget .sidebar-search-form .search-submit svg {
width: 18px;
height: 18px;
}
.widget-area .widget_categories ul ul, .widget-area .widget_nav_menu ul ul, .widget-area .widget_pages ul ul, .widget-area .widget_product_categories ul ul {
margin-top: 0.3819820591em;
margin-left: 0;
margin-bottom: -0.3819820591em;
}
.widget-area .widget_categories .menu-item-has-children > a, .widget-area .widget_nav_menu .menu-item-has-children > a, .widget-area .widget_pages .menu-item-has-children > a, .widget-area .widget_product_categories .menu-item-has-children > a {
margin-bottom: 0px;
}
.widget-area .widget_pages li,
.widget-area .widget_categories li,
.widget-area .widget_archive li,
.widget-area .widget_meta li,
.widget-area .widget_nav_menu li,
.widget-area .widget_product_categories li,
.widget-area .widget_recent_entries li,
.widget-area .widget_rss li {
display: block;
position: relative;
}
.widget-area .widget_pages li:last-child,
.widget-area .widget_categories li:last-child,
.widget-area .widget_archive li:last-child,
.widget-area .widget_meta li:last-child,
.widget-area .widget_nav_menu li:last-child,
.widget-area .widget_product_categories li:last-child,
.widget-area .widget_recent_entries li:last-child,
.widget-area .widget_rss li:last-child {
border: none;
}
.widget-area .widget_pages li a,
.widget-area .widget_categories li a,
.widget-area .widget_archive li a,
.widget-area .widget_meta li a,
.widget-area .widget_nav_menu li a,
.widget-area .widget_product_categories li a,
.widget-area .widget_recent_entries li a,
.widget-area .widget_rss li a {
display: block;
width: 100%;
padding-bottom: 0.6em;
margin-bottom: 0.6em;
border-bottom: 1px solid #eaecee;
position: relative;
}
.widget-area .widget_pages li ul li::before,
.widget-area .widget_categories li ul li::before,
.widget-area .widget_archive li ul li::before,
.widget-area .widget_meta li ul li::before,
.widget-area .widget_nav_menu li ul li::before,
.widget-area .widget_product_categories li ul li::before,
.widget-area .widget_recent_entries li ul li::before,
.widget-area .widget_rss li ul li::before {
left: 15px;
}
.widget-area .widget_pages li ul a,
.widget-area .widget_categories li ul a,
.widget-area .widget_archive li ul a,
.widget-area .widget_meta li ul a,
.widget-area .widget_nav_menu li ul a,
.widget-area .widget_product_categories li ul a,
.widget-area .widget_recent_entries li ul a,
.widget-area .widget_rss li ul a {
padding-left: 20px;
}
.widget-area .widget_pages li ul ul li::before,
.widget-area .widget_categories li ul ul li::before,
.widget-area .widget_archive li ul ul li::before,
.widget-area .widget_meta li ul ul li::before,
.widget-area .widget_nav_menu li ul ul li::before,
.widget-area .widget_product_categories li ul ul li::before,
.widget-area .widget_recent_entries li ul ul li::before,
.widget-area .widget_rss li ul ul li::before {
left: 30px;
}
.widget-area .widget_pages li ul ul a,
.widget-area .widget_categories li ul ul a,
.widget-area .widget_archive li ul ul a,
.widget-area .widget_meta li ul ul a,
.widget-area .widget_nav_menu li ul ul a,
.widget-area .widget_product_categories li ul ul a,
.widget-area .widget_recent_entries li ul ul a,
.widget-area .widget_rss li ul ul a {
padding-left: 40px;
}
.widget-area .widget_recent_comments li {
padding-bottom: 0.6em;
border-bottom: 1px solid #eaecee;
position: relative;
}
.widget-area .widget_rss ul li {
margin-bottom: 1.41575em;
}
.widget-area .widget_rss ul li .rsswidget {
font-weight: 400;
font-size: 1.2em;
line-height: 1.28;
}
.widget-area .widget_rss ul li .rss-date {
display: block;
margin: 0.5407911001em 0px;
font-size: 85%;
}
.dark-mode .widget_pages li a,
.dark-mode .widget_categories li a,
.dark-mode .widget_archive li a,
.dark-mode .widget_meta li a,
.dark-mode .widget_nav_menu li a,
.dark-mode .widget_product_categories li a,
.dark-mode .widget_recent_entries li a,
.dark-mode .widget_rss li a {
border-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .widget_recent_comments li {
border-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .widget ul li.cat-item .count,
.dark-mode .widget ul li.woocommerce-widget-layered-nav-list__item .count {
background: rgba(0, 0, 0, 0.2);
}
.dark-mode .widget-area .widget select {
border-color: rgba(255, 255, 255, 0.08);
}
.site-content .widget-area .menu li {
margin: 0px;
}
.site-content .widget-area .menu li a {
display: block;
padding: 0.6em 0px 0.6em;
}
.site-content .widget-area .menu li ul {
margin: 0px;
}
.site-content .widget-area .menu li ul li a {
padding-left: 15px;
}
.site-content .widget-area .menu li ul li li a {
padding-left: 30px;
}
.site-content .widget-area .menu li.current-menu-item > a {
position: relative;
border: 1px solid #eaecee;
border-left: none;
border-right: none;
font-size: 110%;
}
.site-content .widget-area .menu li.current-menu-item > a:before {
border-bottom: 6px solid transparent;
border-left: 6px solid #eaecee;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 5px;
top: 13px;
}
.site-content .widget-area .menu li.current-menu-item > a:after {
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: 6px;
top: 13px;
}
/* Tagcloud widget */
.tagcloud a {
border: 1px solid currentColor;
border-radius: 2px;
display: inline-block;
font-size: 0.875em !important;
margin-bottom: 5px;
padding: 1px 10px 1px;
}
/* Site Footer */
.site-footer {
position: relative;
z-index: 10;
}
.site-footer .item--inner {
width: 100%;
max-width: 100%;
}
.footer-top .footer--row-inner {
padding-top: 2em;
padding-bottom: 2em;
}
.footer-top .light-mode {
background: #f0f0f0;
}
.footer-top .dark-mode {
background: #292929;
}
.footer-main .footer--row-inner {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.footer-main .light-mode {
background: #f9f9f9;
}
.footer-main .dark-mode {
background: #303030;
}
.footer-bottom .footer--row-inner {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
@media screen and (max-width: 568px) {
.footer-bottom .builder-item {
margin-bottom: 1em;
}
.footer-bottom .builder-item:last-child {
margin-bottom: 0;
}
}
.footer-bottom .light-mode {
background: #ededed;
}
.footer-bottom .dark-mode {
background: #1a1a1a;
}
.footer--row-inner.light-mode {
color: rgba(0, 0, 0, 0.6);
}
.footer--row-inner.light-mode .product_list_widget li {
border-color: rgba(0, 0, 0, 0.08);
}
.footer--row-inner.dark-mode {
color: rgba(255, 255, 255, 0.99);
}
.footer--row-inner.dark-mode a:not(.button) {
color: rgba(255, 255, 255, 0.79);
}
.footer--row-inner.dark-mode a:not(.button):hover {
color: rgba(255, 255, 255, 0.99);
}
.footer--row-inner.dark-mode .product_list_widget li {
border-color: rgba(255, 255, 255, 0.08);
}
.footer--row-inner.dark-mode table tbody td,
.footer--row-inner.dark-mode table th {
background: rgba(0, 0, 0, 0.08);
}
.footer--row.layout-fullwidth .customify-container {
max-width: initial;
}
.footer--row .builder-item--group {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.footer--row .builder-item--group .item--inner {
width: auto;
}
@media screen and (max-width: 1024px) {
.footer--row .builder-item--group .item--inner {
display: block;
margin-bottom: 2em;
}
.footer--row .builder-item--group .item--inner:last-child {
margin-bottom: 0px;
}
}
.footer-main .builder-item:last-child, .footer-top .builder-item:last-child, .footer-bottom .builder-item:last-child {
margin-bottom: 0;
}
.footer-main .builder-item .widget-area .widget:last-child, .footer-top .builder-item .widget-area .widget:last-child, .footer-bottom .builder-item .widget-area .widget:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 568px) {
.footer-main .builder-item--footer_copyright,
.footer-main .builder-item--footer-social-icons, .footer-top .builder-item--footer_copyright,
.footer-top .builder-item--footer-social-icons, .footer-bottom .builder-item--footer_copyright,
.footer-bottom .builder-item--footer-social-icons {
text-align: center;
}
}
@media screen and (max-width: 48em) {
.site-footer .builder-item {
margin-bottom: 2em;
}
}
.site-footer p:last-child {
margin-bottom: 0px;
}
.site-footer ul, .site-footer li {
list-style: none;
margin: 0px;
}
.site-footer ul ul {
margin-left: 2.617924em;
}
.footer-copyright {
font-size: 0.875em;
}
home/xbodynamge/crosstraining/wp-content/themes/twentynineteen/style.css 0000604 00000331524 15111736721 0023043 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://github.com/WordPress/twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: A new Gutenberg-ready theme.
Requires at least: WordPress 4.9.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
hyphens: auto;
word-break: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Arabic */
html[lang="ar"] .site *,
html[lang="ary"] .site *,
html[lang="azb"] .site *,
html[lang="ckb"] .site *,
html[lang="fa-IR"] .site *,
html[lang="haz"] .site *,
html[lang="ps"] .site * {
font-family: Tahoma, Arial, sans-serif !important;
}
/* Cyrillic */
html[lang="be"] .site *,
html[lang="bg-BG"] .site *,
html[lang="kk"] .site *,
html[lang="mk-MK"] .site *,
html[lang="mn"] .site *,
html[lang="ru-RU"] .site *,
html[lang="sah"] .site *,
html[lang="sr-RS"] .site *,
html[lang="tt-RU"] .site *,
html[lang="uk"] .site * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (Taiwan) */
html[lang="zh-TW"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (China) */
html[lang="zh-CN"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Devanagari */
html[lang="bn-BD"] .site *,
html[lang="hi-IN"] .site *,
html[lang="mr"] .site *,
html[lang="ne-NP"] .site * {
font-family: Arial, sans-serif !important;
}
/* Greek */
html[lang="el"] .site * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Gujarati */
html[lang="gu"] .site * {
font-family: Arial, sans-serif !important;
}
/* Hebrew */
html[lang="he-IL"] .site * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
/* Japanese */
html[lang="ja"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
/* Korean */
html[lang="ko-KR"] .site * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
/* Thai */
html[lang="th"] .site * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
/* Vietnamese */
html[lang="vi"] .site * {
font-family: 'Libre Franklin', sans-serif !important;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid #0073aa;
margin-left: 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover, a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: left;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-left: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-left: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-right: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-left: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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;
}
/* Alignments */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
position: relative;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-left: calc(10% + 60px);
margin-right: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-right: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-right: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-right: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
right: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
left: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-right: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-right: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
margin-left: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin: calc(2 * 1rem) 1rem;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
width: 100%;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: 0;
margin-right: 0;
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
padding-bottom: 0.75rem;
}
.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-left: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-left: 2px solid #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-left: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image img {
display: block;
}
.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
max-width: 100%;
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
margin-left: auto;
margin-right: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns.alignfull {
padding-left: 1rem;
padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > * {
margin-right: 1rem;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns.alignfull,
.entry .entry-content .wp-block-columns.alignfull .wp-block-column {
padding-left: calc(2 * 1rem);
padding-right: calc(2 * 1rem);
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color p,
.entry .entry-content .has-primary-background-color h1,
.entry .entry-content .has-primary-background-color h2,
.entry .entry-content .has-primary-background-color h3,
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
.entry .entry-content .has-primary-background-color a,
.entry .entry-content .has-secondary-background-color p,
.entry .entry-content .has-secondary-background-color h1,
.entry .entry-content .has-secondary-background-color h2,
.entry .entry-content .has-secondary-background-color h3,
.entry .entry-content .has-secondary-background-color h4,
.entry .entry-content .has-secondary-background-color h5,
.entry .entry-content .has-secondary-background-color h6,
.entry .entry-content .has-secondary-background-color a,
.entry .entry-content .has-dark-gray-background-color p,
.entry .entry-content .has-dark-gray-background-color h1,
.entry .entry-content .has-dark-gray-background-color h2,
.entry .entry-content .has-dark-gray-background-color h3,
.entry .entry-content .has-dark-gray-background-color h4,
.entry .entry-content .has-dark-gray-background-color h5,
.entry .entry-content .has-dark-gray-background-color h6,
.entry .entry-content .has-dark-gray-background-color a,
.entry .entry-content .has-light-gray-background-color p,
.entry .entry-content .has-light-gray-background-color h1,
.entry .entry-content .has-light-gray-background-color h2,
.entry .entry-content .has-light-gray-background-color h3,
.entry .entry-content .has-light-gray-background-color h4,
.entry .entry-content .has-light-gray-background-color h5,
.entry .entry-content .has-light-gray-background-color h6,
.entry .entry-content .has-light-gray-background-color a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color p,
.entry .entry-content .has-white-background-color h1,
.entry .entry-content .has-white-background-color h2,
.entry .entry-content .has-white-background-color h3,
.entry .entry-content .has-white-background-color h4,
.entry .entry-content .has-white-background-color h5,
.entry .entry-content .has-white-background-color h6,
.entry .entry-content .has-white-background-color a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/xbodynamge/lebauwcentre/wp-content/themes/integral/style.css 0000644 00000136553 15112023642 0021364 0 ustar 00 /*
Theme Name: Integral
Theme URI: https://www.themely.com/themes/integral/
Author: Themely
Author URI: https://www.themely.com/
Description: Build a professional website with Integral one-page business theme. Its strength lies in displaying content on a single page in a simple and elegant manner. It's super easy to customize and allows you to create a stunning website in minutes. It boasts a rich color scheme with light and dark sections and a clean, minimal, modern design with smooth parallax effect. Integral is built with Bootstrap, is responsive and integrates with popular plugins like Contact Form 7, Woocommerce. Integral is now compatible with Elementor & Beaver Builder page-builders. Perfect for professionals, agencies, small business, corporate business, startup, freelancer, development company, personal, portfolio, blog, real estate, lawyer, travel and photography websites.
Version: 1.4.5
Tags: one-column, two-columns, featured-images, custom-menu, custom-logo, featured-image-header, right-sidebar, full-width-template, theme-options, custom-colors, custom-background, translation-ready, rtl-language-support, threaded-comments, portfolio, photography, blog, custom-header
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: integral
*/
/* Table of Contents
==================================================
#Body
#Common
#Top Navigation
SECTIONS
#Hero
#Brands
#Features
#Slider
#Projects Grid
#Testimonials
#Services
#Pricing Tables
#Call to Action
#About
#Skills
#Team
#Newsletter
#Contact
#Copyright
#Inner page Content
#Alignments
#Comments
#Media
#Woocommerce
#Font Awesome Icons
#Page Builder
#Responsive (Media Queries)
#Custom CSS
/* Body
================================================== */
* {
outline: none!important;
}
html {
font-size: 14px;
}
body {
font-family: Open Sans;
line-height: 1.6;
letter-spacing: 0.3px;
}
body p {
margin-bottom: 25px;
}
body section {
padding: 66px 0;
}
a {
color: #00aded;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover,
a:focus {
color: #00aded;
text-decoration: underline;
}
/* Common
================================================== */
/* Headings */
.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
font-weight: 600;
letter-spacing: 1.25px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 50%;
}
h2.bigtitle {
font-weight: 600;
position: relative;
text-align: center;
font-size: 4.286rem;
text-transform: uppercase;
margin-bottom: 40px;
}
h2.bigtitle span {
background: #fff;
padding: 0 15px;
position: relative;
z-index: 1;
}
h2.bigtitle:before {
background: #ddd;
content: "";
display: block;
height: 1px;
position: absolute;
top: 45%;
width: 100%;
}
h2.bigtitle:before {
left: 0;
}
h2.bigtitle:after {
background: #ddd;
content: "";
display: block;
height: 1px;
position: absolute;
top: 55%;
width: 100%;
}
h2.bigtitle:after {
left: 0;
}
h2.smalltitle {
font-weight: 600;
position: relative;
text-align: center;
font-size: 2.571rem;
font-weight: 500;
margin-bottom: 50px;
}
h2.smalltitle span {
background: #00aded;
display: block;
height: 2px;
margin: 20px auto 0;
width: 100px;
}
h2.smalltitle:before {
left: 0;
}
h2.bigtitle_dark {
position: relative;
color: #fff;
text-align: center;
font-size: 4.286rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 40px;
}
h2.bigtitle_dark span {
background: #1c1c1c;
padding: 0 15px;
position: relative;
z-index: 1;
}
h2.bigtitle_dark:before {
background: #666;
content: "";
display: block;
height: 1px;
position: absolute;
top: 45%;
width: 100%;
}
h2.bigtitle_dark:before {
left: 0;
}
h2.bigtitle_dark:after {
background: #666;
content: "";
display: block;
height: 1px;
position: absolute;
top: 55%;
width: 100%;
}
h2.bigtitle_dark:after {
left: 0;
}
h2.smalltitle_dark {
position: relative;
color: #fff;
text-align: center;
font-size: 2.571rem;
font-weight: 500;
margin-bottom: 50px;
}
h2.smalltitle_dark span {
background: #fff;
display: block;
height: 2px;
margin: 20px auto 0;
width: 100px;
}
h2.smalltitle_dark:before {
left: 0;
}
.heading .fa {
width: 100%;
text-align: center;
font-size: 20px;
color: #00aded;
display: block;
}
.heading .subtitle {
width: 100%;
opacity: 0.75;
display: block;
font-weight: 300;
text-align: center;
margin-bottom: 40px;
margin-top: -20px;
font-size: 1.286rem;
}
.vertical-align {
display: flex;
align-items: center;
}
/* New Buttons */
.btn-secondary {
border-color: #e8e8e8;
color: #e8e8e8;
display: inline-block;
text-decoration: none;
}
.btn-secondary:hover {
color: #3a3a3a;
background: #e8e8e8;
}
.btn-primary,
.contact input[type="submit"],
#mc-embedded-subscribe-form .button,
.ctct-embed-signup .ctct-button {
background: #00aded;
border-color: #00aded;
}
.btn-primary:hover {
color: #3a3a3a;
background: #e8e8e8;
border-color: #e8e8e8;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus {
background: #00aded;
border-color: #00aded;
color: #fff;
}
.btn-primary:-moz-focus-inner,
input:-moz-focus-inner {
border: 0;
padding: 0;
}
.btn-lg {
letter-spacing: 2px;
border-width: 2px;
text-transform: uppercase;
}
.btn-inverse {
border-color: #00aded;
color: #00aded;
display: inline-block;
text-decoration: none;
}
.btn-inverse:hover {
color: #fff;
background-color: #00aded;
}
/* Old Buttons */
.btn-ot {
border: 2px solid #e8e8e8;
border-radius: 4px;
color: #e8e8e8;
display: inline-block;
font-size: 1.071rem;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
letter-spacing: 2px;
line-height: normal;
padding: 10px 16px;
}
.btn-ot:hover {
color: #3a3a3a;
background: #e8e8e8;
border: 2px solid #e8e8e8;
border-radius: 4px;
}
.btn-not,
.contact input[type="submit"],
#mc-embedded-subscribe-form .button,
.ctct-embed-signup .ctct-button {
background: #00aded;
border: 0;
color: #fff;
display: inline-block;
font-size: 1.071rem;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
letter-spacing: 2px;
padding: 12px 16px;
border-radius: 4px;
}
.btn-not:hover {
color: #3a3a3a;
background: #e8e8e8;
border: 0;
}
.btn-not:active {
color: #3a3a3a;
background: #e8e8e8;
border: 0;
}
.btn-not:-moz-focus-inner,
input:-moz-focus-inner {
border: 0;
padding: 0;
}
/* Dark Overlay */
.blacklayer {
background: rgba(0, 0, 0, 0.4) url('images/bg-strip.png') repeat scroll 0 0;
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* Section Backgrounds */
.dark {
background-color: #1c1c1c;
color: #888;
}
.lite {
background-color: #fff;
color: #333;
}
.dark .heading .fa {
color: #fff;
}
/* Other */
.variations label {
color: #333;
}
.spacer {
height: 70px;
}
/* Custom Classes */
.no-padding-left {
padding-left: 0px !important;
}
.no-padding-right {
padding-right: 0px !important;
}
.no-padding-bottom {
padding-bottom: 0px !important;
}
.no-padding-top {
padding-top: 0px !important;
}
.no-padding {
padding: 0px !important;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.margin-bottom-50 {
margin-bottom: 50px;
}
.margin-top-10 {
margin-top: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}
.margin-top-40 {
margin-top: 40px;
}
.margin-top-50 {
margin-top: 50px;
}
/* Boostrap image circle override for Chrome */
.img-circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-perspective: 1px;
}
/* Top Navigation
================================================== */
.navbar {
margin-bottom: 0px;
}
.navbar-fixed-top {
border-width: 0;
}
.admin-bar .navbar-fixed-top {
top: 28px;
}
.navbar-default .navbar-brand {
height: auto;
line-height: 1.3;
font-size: 28px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #13151a;
}
.navbar-default .site-title {
margin: 0;
}
.navbar-default {
background: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
height: auto;
width: 100%;
z-index: 1000;
}
.navbar-default li a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
color: #161616;
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
letter-spacing: 1px;
background: none;
transition: all 0.25s ease 0s;
border-bottom: 2px solid transparent;
}
.navbar-default li a:hover,
.navbar-default .navbar-nav > li > a:hover {
border-bottom: 2px solid;
border-bottom-color: #00aded;
}
.navbar-default li:last-child a,
.navbar-default .dropdown-menu li a {
margin-right: 0;
}
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
background: none;
text-decoration: none;
}
.navbar-default .navbar-nav > li > a {
padding: 0px;
}
.navbar-default .navbar-nav > li {
margin-left: 40px;
}
.navbar-default .navbar-nav > li.active a {
border-color: #00aded;
}
.navbar-default .navbar-nav {
padding-top: 23px;
}
.navbar-default .navbar-nav li.menu-item-has-children a {
margin-bottom: 23px;
}
.navbar-default .navbar-nav .dropdown li > a {
line-height: 28px;
border-bottom: none;
margin-bottom: 0px;
overflow-wrap: break-word;
white-space: none;
}
.navbar-default .navbar-toggle {
margin-top: 17px;
}
.navbar-default .navbar-nav .current_page_item:not(.active) a,
.navbar-default .navbar-nav .active .dropdown-menu li > a,
.navbar-default .navbar-nav li.current-menu-parent .dropdown-menu li > a,
.navbar-default .navbar-nav li.current_page_parent .dropdown-menu li > a,
.navbar-default .navbar-nav .dropdown-toggle {
border-bottom: 0 !important;
}
.navbar-default .navbar-nav ul.dropdown-menu li > ul.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.navbar-default .navbar-nav ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
display: block;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: none;
}
/* Hero (Welcome)
================================================== */
.hero {
background-size: cover;
position: relative;
-webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
padding: 210px 0 170px;
}
.hero h1 {
font-family: Montserrat;
font-size: 6.429rem;
letter-spacing: 1.25px;
color: #fff;
font-weight: 400;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
text-align: center;
margin: 0 0 20px;
padding: 0;
}
.hero h2 {
font-family: Montserrat;
font-size: 5rem;
letter-spacing: 1.25px;
color: #fff;
font-weight: 400;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
text-align: center;
margin: 0 0 50px;
}
.hero .lead {
color: #fff;
font-weight: 400;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
text-align: center;
display: inline-block;
width: 100%;
margin: 0 0 50px;
}
.hero .lead p {
margin-bottom: 5px;
}
/* Features
================================================== */
.features .feature {
padding-left: 50px;
margin-bottom: 20px;
}
.features .feature i {
left: 15px;
position: absolute;
top: 0;
display: inline-block;
color: #5cb85c;
font-size: 28px;
}
.features .feature h4 {
font-size: 1.286rem;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0px;
}
.features .feature p {
opacity: 0.75;
}
.features .feature .fimage {
margin-bottom: 15px;
max-width: 100%;
}
/* Work
================================================== */
/* Project Single
================================================== */
.project-single .project {
padding-bottom: 50px;
}
.project-single .project:last-child {
padding-bottom: 0px;
}
.project-single .flexslider {
margin-bottom: 40px !important;
-webkit-box-shadow: 0 8px 6px -6px grey;
-moz-box-shadow: 0 8px 6px -6px grey;
box-shadow: 0 8px 6px -6px grey;
}
.project-single .description {
position: relative;
}
.project-single .description .details {
font-weight: bold;
background: #F3F3F3;
padding: 25px 30px;
margin-bottom: 25px;
}
.project-single .description .details span {
font-weight: normal;
font-style: italic;
opacity: 0.7;
}
.project-single .description .details p {
margin-bottom: 20px;
}
.project-single .description .details p:last-child {
margin-bottom: 0px;
}
/* Clients
================================================== */
.clients img {
padding: 10px;
}
/* Testimonials
================================================== */
.testimonials {
background-size: cover;
position: relative;
-webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
padding: 100px 0 110px 0;
z-index: 200;
}
.testimonials h2 {
color: #fff;
text-shadow: 1px 1px 2px #333;
text-align: center;
letter-spacing: 2.5px;
}
.testimonials blockquote {
font-size: 24px;
line-height: 32px;
color: #fff;
font-weight: 300;
text-shadow: 1px 1px 2px #333;
text-align: center;
display: inline-block;
width: 100%;
margin: 20px 0;
padding: 0 80px;
position: relative;
border: 0;
}
.testimonials small {
font-size: 1.143rem;
color: #fff;
font-weight: 400;
text-shadow: 1px 1px 2px #333;
text-align: center;
display: inline-block;
width: 100%;
}
.testimonials .flex-control-nav {
position: relative;
margin-top: 30px;
}
.testimonials .flex-direction-nav {
display: none;
}
.testimonials blockquote:before,
.testimonials blockquote:after {
position: absolute;
font-weight: 300;
font-size: 4em;
font-family: Georgia, serif;
color: #ccc;
top: 60%;
}
.testimonials blockquote:after {
content: '”';
font-family: fontawesome;
right: 30px;
}
.testimonials blockquote:before {
content: '“';
left: 30px;
}
/* Services
================================================== */
.services h3 {
padding-bottom: 20px;
text-transform: uppercase;
font-size: 24px;
color: #fff;
}
.services .feature {
text-align: center;
margin: 20px 0 20px 0;
}
.services .feature h2 {
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
color: #fff;
}
.services .feature span {
display: inline-block;
font-size: 80px;
margin-bottom: 30px;
color: #fff;
}
.services .feature .fimage {
margin-bottom: 30px;
max-width: 100%;
}
/* Call to Action
================================================== */
.calltoaction {
background-size: cover;
padding: 80px 0 90px 0;
position: relative;
-webkit-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.4);
}
.calltoaction h2 {
color: #fff;
text-shadow: 1px 1px 2px #333;
text-align: center;
letter-spacing: 2.5px;
}
.calltoaction p {
font-size: 1.286rem;
color: #fff;
font-weight: 400;
text-shadow: 1px 1px 2px #333;
text-align: center;
display: inline-block;
width: 100%;
padding: 10px 0 0 0;
}
.calltoaction small {
font-size: 1.143rem;
color: #fff;
font-weight: 400;
text-shadow: 1px 1px 2px #333;
text-align: center;
display: inline-block;
width: 100%;
}
/* About
================================================== */
/* Skills
================================================== */
.skills .progress {
border-radius: 0;
height: 32px;
}
/* Team
================================================== */
.team .t-name {
text-transform: uppercase;
font-size: 20px;
text-align: center;
font-weight: normal;
margin: 0px;
padding: 20px 0 10px;
font-weight: 600;
}
.team .t-type {
font-size: 1.143rem;
color: #00aded;
text-align: center;
padding: 0 0 5px;
font-style: italic;
}
.team ul.socials {
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.team ul.socials li {
list-style: none;
display: inline-block;
}
.team ul.socials li a {
display: inline-block;
width: 28px;
height: 28px;
line-height: 24px;
text-align: center;
color: #414141;
}
.team ul.socials li a:hover {
opacity: 0.75;
}
.team p {
text-align: center;
}
.team .img-circle, .team .img-square {
max-height: 230px;
max-width: 230px;
}
/* Blog
================================================== */
.home-blog-entry-text h3 > a {
color: #1b1b1b;
font-weight: 600;
font-size: 1.286rem;
letter-spacing: 0.25px;
}
.home-blog-entry-date .pagemeta {
padding: 0;
}
.home-blog-entry-date .pagemeta li {
color: #b5b8bf;
display: inline-block;
font-size: 1rem;
margin: 0 10px 0 0;
}
/* Newsletter
================================================== */
.newsletter {
background-size: cover;
padding: 100px 0 110px 0;
position: relative;
box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.4) inset;
}
.newsletter h2 {
font-weight: 600;
color: #fff;
text-shadow: 1px 1px 2px #333;
text-align: center;
letter-spacing: 2.5px;
}
.newsletter p {
color: #fff;
display: inline-block;
font-size: 1.286rem;
font-weight: 400;
padding: 10px 0;
text-align: center;
text-shadow: 1px 1px 2px #333;
width: 100%;
text-align: center;
margin;
0;
}
/*Mailchimp & ConstantContact Form Styles*/
#mc-embedded-subscribe-form,
.ctct-embed-signup form {
background: transparent !important;
color: #fff;
text-align: center;
}
#mc-embedded-subscribe-form .mc-field-group {
width: 100% !important;
}
#mc-embedded-subscribe-form label,
.ctct-embed-signup form label {
color: #fff;
}
#mc-embedded-subscribe-form .mc-field-group .email,
#mc-embedded-subscribe-form input[type="text"],
.ctct-embed-signup form input[type="text"] {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 1rem;
height: 42px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 60%;
margin: 0 auto 20px auto;
letter-spacing: 1px;
}
#mc-embedded-subscribe-form .mc-field-group .email:focus,
#mc-embedded-subscribe-form input[type="text"]:focus,
.ctct-embed-signup form input[type="text"]:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
#mc-embedded-subscribe-form input[type="submit"],
.ctct-embed-signup .ctct-button {
background-color: #00aded;
border: 0;
color: #fff;
display: inline-block;
font-size: 1.071rem;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
letter-spacing: 2px;
border-radius: 4px;
}
#mc-embedded-subscribe-form input[type="submit"]:hover,
.ctct-embed-signup .ctct-button:hover {
color: #333;
background-color: #fff;
}
#mce-responses,
.ctct-embed-signup #success_message {
color: #fff !important;
width: 100% !important;
}
.ctct-embed-signup #success_message {
margin: 20px 0;
display: block;
border: 1px solid #fff;
padding: 5px;
}
/* Contact
================================================== */
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea {
width: 100%;
}
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
display: block;
font-size: 1rem;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.contact textarea {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
height: 130px;
padding: 10px;
}
.contact h3 {
margin-top: 0;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 1.714rem;
color: #fff;
}
.contact .info span {
padding-right: 6px;
display: inline-block;
}
.contact .info {
padding-bottom: 20px;
}
.contact ul.socials {
margin: 0;
padding: 10px 0 10px 0;
}
.contact ul.socials li {
list-style: none;
display: inline-block;
margin-right: 3px;
}
.contact ul.socials li a {
display: inline-block;
width: 28px;
height: 28px;
line-height: 24px;
color: #fff;
text-align: center;
}
.contact ul.socials li a:hover {
opacity: 0.75;
}
.contact label {
font-weight: normal;
}
.contact input[type="submit"] {
background-color: #f1f1f1;
color: #555555;
font-size: 1rem;
font-weight: normal;
margin-left: 0;
border-radius: 4px;
}
.contact .wpcf7-not-valid-tip {
color: inherit;
font-size: 80%;
}
.contact .wpcf7-validation-errors {
border-color: inherit;
}
.contact .wpcf7-response-output {
margin: 0;
}
.contact span.wpcf7-list-item.first {
margin: 0;
}
/* Copyright
================================================== */
.copyright {
background: #111;
padding: 30px 0;
text-align: center;
}
.copyrightinfo {
font-size: 1rem;
color: #888888;
}
.copyright a {
color: #858585;
text-decoration: underline;
}
.copyright p {
margin-bottom: 0px;
}
.copyright .scroll-top {
float: right;
}
/* Inner Page Content
================================================== */
.content {
padding: 70px 0 50px 0;
}
.content .post-image {
margin-bottom: 20px;
}
.content .entry-title {
letter-spacing: 0px;
padding-bottom: 10px;
margin-top: 0;
}
.content .entry-title:after {
background: #00aded none repeat scroll 0 0;
content: "";
display: block;
height: 2px;
margin-top: 20px;
width: 25px;
}
.content .entry-title a {
color: #1c1c1c;
}
.content .entry-title a:hover {
text-decoration: none;
}
.content .pagemeta {
display: block;
list-style: outside none none;
padding: 0 0 5px;
margin-bottom: 20px;
}
.content .pagemeta li {
color: #b5b8bf;
display: inline-block;
font-size: 1rem;
margin: 0 10px 0 0;
text-transform: uppercase;
}
.content .pagemeta li a {
color: #b5b8bf;
}
.content .pagemeta li i {
margin-right: 5px;
}
.content ul,
.content li,
.content blockquote {
font-size: 1.143rem;
line-height: 24px;
}
.content .alignleft {
float: left;
margin-right: 20px;
margin-top: 5px;
}
.content .aligncenter {
float: none;
margin: auto;
display: block;
}
.content .alignright {
float: right;
margin-left: 20px;
margin-top: 5px;
}
.content .post {
margin-bottom: 40px;
padding-bottom: 10px;
}
.content .page-header {
margin-top: 0px;
border-bottom: 0;
}
.content .page-header h1 {
margin-top: 0px;
}
.content .page-header h2 {
color: #b5b8bf;
font-size: 1.143rem;
}
.content .page-header h2:after {
background: none;
margin: 0;
padding: 0;
height: 0;
}
/* Sidebar */
.sidebar {
margin: 70px 0 50px 0;
border-left: 1px solid #efefef;
padding-left: 25px;
}
.sidebar .widget {
margin-bottom: 25px;
}
.sidebar li {
list-style: none;
}
.sidebar li ul {
padding-left: 0;
}
.sidebar li ul li {
padding: 4px 0 4px 22px;
background: url(images/bullet.png) no-repeat 0 9px;
}
.sidebar li ul li a {
color: #666;
font-size: 1rem;
}
.sidebar li ul li a:hover {
color: #333;
}
.sidebar h2 {
font-size: 1rem;
font-weight: 700;
line-height: 22px;
margin: 0 0 18px;
text-transform: uppercase;
}
.sidebar h2:after {
background: #00aded none repeat scroll 0 0;
content: "";
display: block;
height: 2px;
margin-top: 10px;
width: 25px;
}
.sidebar .textwidget {
color: #666;
font-size: 1rem;
}
/* Calendar Widget */
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
text-align: right;
color: #333;
font-size: 0.8571rem;
margin-top: 10px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 1rem;
}
#wp-calendar thead th {
padding: 0 15px 10px 15px;
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
text-align: center;
padding: 8px;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 0.7143rem;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 0.7143rem;
text-transform: uppercase;
padding-top: 10px;
}
/* Pagination */
.nav-links span,
.nav-links a {
display: inline-block;
border: 1px solid #ccc;
padding: 3px 8px;
font-size: 0.8571rem;
border-radius: 3px;
}
.nav-links span {
background-color: #ddd;
color: #666;
}
/* Comments */
.comment-list {
padding-left: 0;
}
.comment-list,
.comment-list li {
list-style: none;
}
.bypostauthor {}
/* Media */
.wp-caption {} .wp-caption-text {} .gallery-caption {}
/* Accessibility - Text meant only for screen readers */
.screen-reader-text {} .screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {}
/* Other */
.sticky {}
/* Author Info */
#author-info {
border-top: 1px solid #efefef;
display: block;
margin: 0 0 60px;
padding: 60px 0 0;
}
#author-info p {
margin: 0;
}
#author-info .author-image {
border-radius: 4px;
float: left;
height: 80px;
margin: 2px 30px 0 0;
overflow: hidden;
width: 80px;
}
#author-info .author-image img {
display: block;
height: 80px;
width: 80px;
}
#author-info .author-bio {
overflow: hidden;
}
#author-info .author-bio h4 {
color: #666666;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
padding: 0 0 10px;
text-transform: uppercase;
}
.author-archive #author-info {
background: #f9f9f9 none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
margin: 0 0 60px;
padding: 30px;
}
/* Comments */
.comments-area {
border-top: 1px solid #efefef;
margin: 0;
padding: 60px 0 0;
}
/* Alignments
================================================== */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li,
margin-bottom: 30px;
}
.comment-list li:before {
display: none;
}
.comment-list ul.children {
margin-top: 30px;
}
.comments-area {
border-top: 1px solid #efefef;
margin: 0;
padding: 60px 0 0;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
}
.comment-metadata a.comment-edit-link {
margin-left: 1em;
}
.comment-body
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
/* Media
================================================== */
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 0;
max-width: 100%;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Woocommerce
================================================== */
.woocommerce-page .woocommerce {
margin-top: 30px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #review_form #submit {} .woocommerce .product {
margin-top: 20px;
}
.woocommerce h2 {
font-size: 1rem;
font-weight: 700;
line-height: 22px;
margin: 0 0 18px;
text-transform: uppercase;
}
.woocommerce h2:after {
background: #00aded none repeat scroll 0 0;
content: "";
display: block;
height: 2px;
margin-top: 10px;
width: 25px;
}
.woocommerce .textwidget {
color: #666;
font-size: 1rem;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-weight: normal;
padding: 0.518em 1em 0.618em 1em;
}
.woocommerce #reviews h3 {
margin-bottom: 10px;
}
.woocommerce span.onsale {
line-height: 2.85em;
}
.woocommerce .input-text {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 1rem;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.woocommerce .input-text:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border-top: none;
}
/* Page Builder
================================================== */
.page-template-template_pagebuilder .navbar-fixed-top {position: relative;}
body .elementor-section {padding: 0;}
/* Font Awesome Icons
/* Override the default properties for all 600+ icons.
/* Make sure to add "!important" to your styles if you have set a color in theme options panel.
================================================== */
.fa-adjust {} .fa-adn {} .fa-align-center {} .fa-align-justify {} .fa-align-left {} .fa-align-right {} .fa-ambulance {} .fa-anchor {} .fa-android {} .fa-angellist {} .fa-angle-double-down {} .fa-angle-double-left {} .fa-angle-double-right {} .fa-angle-double-up {} .fa-angle-down {} .fa-angle-left {} .fa-angle-right {} .fa-angle-up {} .fa-apple {} .fa-archive {} .fa-area-chart {} .fa-arrow-circle-down {} .fa-arrow-circle-left {} .fa-arrow-circle-o-down {} .fa-arrow-circle-o-left {} .fa-arrow-circle-o-right {} .fa-arrow-circle-o-up {} .fa-arrow-circle-right {} .fa-arrow-circle-up {} .fa-arrow-down {} .fa-arrow-left {} .fa-arrow-right {} .fa-arrows {} .fa-arrows-alt {} .fa-arrows-h {} .fa-arrows-v {} .fa-arrow-up {} .fa-asterisk {} .fa-at {} .fa-backward {} .fa-ban {} .fa-bar-chart {} .fa-barcode {} .fa-bars {} .fa-bed {} .fa-beer {} .fa-behance {} .fa-behance-square {} .fa-bell {} .fa-bell-o {} .fa-bell-slash {} .fa-bell-slash-o {} .fa-bicycle {} .fa-binoculars {} .fa-birthday-cake {} .fa-bitbucket {} .fa-bitbucket-square {} .fa-bold {} .fa-bolt {} .fa-bomb {} .fa-book {} .fa-bookmark {} .fa-bookmark-o {} .fa-briefcase {} .fa-btc {} .fa-bug {} .fa-building {} .fa-building-o {} .fa-bullhorn {} .fa-bullseye {} .fa-bus {} .fa-buysellads {} .fa-calculator {} .fa-calendar {} .fa-calendar-o {} .fa-camera {} .fa-camera-retro {} .fa-car {} .fa-caret-down {} .fa-caret-left {} .fa-caret-right {} .fa-caret-square-o-down {} .fa-caret-square-o-left {} .fa-caret-square-o-right {} .fa-caret-square-o-up {} .fa-caret-up {} .fa-cart-arrow-down {} .fa-cart-plus {} .fa-cc {} .fa-cc-amex {} .fa-cc-discover {} .fa-cc-mastercard {} .fa-cc-paypal {} .fa-cc-stripe {} .fa-cc-visa {} .fa-certificate {} .fa-chain-broken {} .fa-check {} .fa-check-circle {} .fa-check-circle-o {} .fa-check-square {} .fa-check-square-o {} .fa-chevron-circle-down {} .fa-chevron-circle-left {} .fa-chevron-circle-right {} .fa-chevron-circle-up {} .fa-chevron-down {} .fa-chevron-left {} .fa-chevron-right {} .fa-chevron-up {} .fa-child {} .fa-circle {} .fa-circle-o {} .fa-circle-o-notch {} .fa-circle-thin {} .fa-clipboard {} .fa-clock-o {} .fa-cloud {} .fa-cloud-download {} .fa-cloud-upload {} .fa-code {} .fa-code-fork {} .fa-codepen {} .fa-coffee {} .fa-cog {} .fa-cogs {} .fa-columns {} .fa-comment {} .fa-comment-o {} .fa-comments {} .fa-comments-o {} .fa-compass {} .fa-compress {} .fa-connectdevelop {} .fa-copyright {} .fa-credit-card {} .fa-crop {} .fa-crosshairs {} .fa-css3 {} .fa-cube {} .fa-cubes {} .fa-cutlery {} .fa-dashcube {} .fa-database {} .fa-delicious {} .fa-desktop {} .fa-deviantart {} .fa-diamond {} .fa-digg {} .fa-dot-circle-o {} .fa-download {} .fa-dribbble {} .fa-dropbox {} .fa-drupal {} .fa-eject {} .fa-ellipsis-h {} .fa-ellipsis-v {} .fa-empire {} .fa-envelope {} .fa-envelope-o {} .fa-envelope-square {} .fa-eraser {} .fa-eur {} .fa-exchange {} .fa-exclamation {} .fa-exclamation-circle {} .fa-exclamation-triangle {} .fa-expand {} .fa-external-link {} .fa-external-link-square {} .fa-eye {} .fa-eyedropper {} .fa-eye-slash {} .fa-facebook {} .fa-facebook-official {} .fa-facebook-square {} .fa-fast-backward {} .fa-fast-forward {} .fa-fax {} .fa-female {} .fa-fighter-jet {} .fa-file {} .fa-file-archive-o {} .fa-file-audio-o {} .fa-file-code-o {} .fa-file-excel-o {} .fa-file-image-o {} .fa-file-o {} .fa-file-pdf-o {} .fa-file-powerpoint-o {} .fa-files-o {} .fa-file-text {} .fa-file-text-o {} .fa-file-video-o {} .fa-file-word-o {} .fa-film {} .fa-filter {} .fa-fire {} .fa-fire-extinguisher {} .fa-flag {} .fa-flag-checkered {} .fa-flag-o {} .fa-flask {} .fa-flickr {} .fa-floppy-o {} .fa-folder {} .fa-folder-o {} .fa-folder-open {} .fa-folder-open-o {} .fa-font {} .fa-forumbee {} .fa-forward {} .fa-foursquare {} .fa-frown-o {} .fa-futbol-o {} .fa-gamepad {} .fa-gavel {} .fa-gbp {} .fa-gears {} .fa-gift {} .fa-git {} .fa-github {} .fa-github-alt {} .fa-github-square {} .fa-git-square {} .fa-glass {} .fa-globe {} .fa-google {} .fa-google-plus {} .fa-google-plus-square {} .fa-google-wallet {} .fa-graduation-cap {} .fa-gratipay {} .fa-hacker-news {} .fa-hand-o-down {} .fa-hand-o-left {} .fa-hand-o-right {} .fa-hand-o-up {} .fa-hdd-o {} .fa-header {} .fa-headphones {} .fa-heart {} .fa-heartbeat {} .fa-heart-o {} .fa-history {} .fa-home {} .fa-hospital-o {} .fa-h-square {} .fa-html5 {} .fa-ils {} .fa-image {} .fa-inbox {} .fa-indent {} .fa-info {} .fa-info-circle {} .fa-inr {} .fa-instagram {} .fa-ioxhost {} .fa-italic {} .fa-joomla {} .fa-jpy {} .fa-jsfiddle {} .fa-key {} .fa-keyboard-o {} .fa-krw {} .fa-language {} .fa-laptop {} .fa-lastfm {} .fa-lastfm-square {} .fa-leaf {} .fa-leanpub {} .fa-lemon-o {} .fa-level-down {} .fa-level-up {} .fa-life-ring {} .fa-lightbulb-o {} .fa-line-chart {} .fa-link {} .fa-linkedin {} .fa-linkedin-square {} .fa-linux {} .fa-list {} .fa-list-alt {} .fa-list-ol {} .fa-list-ul {} .fa-location-arrow {} .fa-lock {} .fa-long-arrow-down {} .fa-long-arrow-left {} .fa-long-arrow-right {} .fa-long-arrow-up {} .fa-magic {} .fa-magnet {} .fa-male {} .fa-map-marker {} .fa-mars {} .fa-mars-double {} .fa-mars-stroke {} .fa-mars-stroke-h {} .fa-mars-stroke-v {} .fa-maxcdn {} .fa-meanpath {} .fa-medium {} .fa-medkit {} .fa-meh-o {} .fa-mercury {} .fa-microphone {} .fa-microphone-slash {} .fa-minus {} .fa-minus-circle {} .fa-minus-square {} .fa-minus-square-o {} .fa-mobile {} .fa-money {} .fa-moon-o {} .fa-motorcycle {} .fa-music {} .fa-neuter {} .fa-newspaper-o {} .fa-openid {} .fa-outdent {} .fa-pagelines {} .fa-paint-brush {} .fa-paperclip {} .fa-paper-plane {} .fa-paper-plane-o {} .fa-paragraph {} .fa-pause {} .fa-paw {} .fa-paypal {} .fa-pencil {} .fa-pencil-square {} .fa-pencil-square-o {} .fa-phone {} .fa-phone-square {} .fa-picture-o {} .fa-pie-chart {} .fa-pied-piper {} .fa-pied-piper-alt {} .fa-pinterest {} .fa-pinterest-p {} .fa-pinterest-square {} .fa-plane {} .fa-play {} .fa-play-circle {} .fa-play-circle-o {} .fa-plug {} .fa-plus {} .fa-plus-circle {} .fa-plus-square {} .fa-plus-square-o {} .fa-power-off {} .fa-print {} .fa-puzzle-piece {} .fa-qq {} .fa-qrcode {} .fa-question {} .fa-question-circle {} .fa-quote-left {} .fa-quote-right {} .fa-random {} .fa-rebel {} .fa-recycle {} .fa-reddit {} .fa-reddit-square {} .fa-refresh {} .fa-renren {} .fa-repeat {} .fa-reply {} .fa-reply-all {} .fa-retweet {} .fa-road {} .fa-rocket {} .fa-rss {} .fa-rss-square {} .fa-rub {} .fa-scissors {} .fa-search {} .fa-search-minus {} .fa-search-plus {} .fa-sellsy {} .fa-server {} .fa-share {} .fa-share-alt {} .fa-share-alt-square {} .fa-share-square {} .fa-share-square-o {} .fa-shield {} .fa-ship {} .fa-shirtsinbulk {} .fa-shopping-cart {} .fa-signal {} .fa-sign-in {} .fa-sign-out {} .fa-simplybuilt {} .fa-sitemap {} .fa-skyatlas {} .fa-skype {} .fa-slack {} .fa-sliders {} .fa-slideshare {} .fa-smile-o {} .fa-sort {} .fa-sort-alpha-asc {} .fa-sort-alpha-desc {} .fa-sort-amount-asc {} .fa-sort-amount-desc {} .fa-sort-asc {} .fa-sort-desc {} .fa-sort-numeric-asc {} .fa-sort-numeric-desc {} .fa-soundcloud {} .fa-space-shuttle {} .fa-spinner {} .fa-spoon {} .fa-spotify {} .fa-square {} .fa-square-o {} .fa-stack-exchange {} .fa-stack-overflow {} .fa-star {} .fa-star-half {} .fa-star-half-o {} .fa-star-o {} .fa-steam {} .fa-steam-square {} .fa-step-backward {} .fa-step-forward {} .fa-stethoscope {} .fa-stop {} .fa-street-view {} .fa-strikethrough {} .fa-stumbleupon {} .fa-stumbleupon-circle {} .fa-subscript {} .fa-subway {} .fa-suitcase {} .fa-sun-o {} .fa-superscript {} .fa-table {} .fa-tablet {} .fa-tachometer {} .fa-tag {} .fa-tags {} .fa-tasks {} .fa-taxi {} .fa-tencent-weibo {} .fa-terminal {} .fa-text-height {} .fa-text-width {} .fa-th {} .fa-th-large {} .fa-th-list {} .fa-thumbs-down {} .fa-thumbs-o-down {} .fa-thumbs-o-up {} .fa-thumbs-up {} .fa-thumb-tack {} .fa-ticket {} .fa-times {} .fa-times-circle {} .fa-times-circle-o {} .fa-tint {} .fa-toggle-off {} .fa-toggle-on {} .fa-train {} .fa-transgender {} .fa-transgender-alt {} .fa-trash {} .fa-trash-o {} .fa-tree {} .fa-trello {} .fa-trophy {} .fa-truck {} .fa-try {} .fa-tty {} .fa-tumblr {} .fa-tumblr-square {} .fa-twitch {} .fa-twitter {} .fa-twitter-square {} .fa-umbrella {} .fa-underline {} .fa-undo {} .fa-university {} .fa-unlock {} .fa-unlock-alt {} .fa-upload {} .fa-usd {} .fa-user {} .fa-user-md {} .fa-user-plus {} .fa-users {} .fa-user-secret {} .fa-user-times {} .fa-venus {} .fa-venus-double {} .fa-venus-mars {} .fa-viacoin {} .fa-video-camera {} .fa-vimeo-square {} .fa-vine {} .fa-vk {} .fa-volume-down {} .fa-volume-off {} .fa-volume-up {} .fa-weibo {} .fa-weixin {} .fa-whatsapp {} .fa-wheelchair {} .fa-wifi {} .fa-windows {} .fa-wordpress {} .fa-wrench {} .fa-xing {} .fa-xing-square {} .fa-yahoo {} .fa-yelp {} .fa-youtube {} .fa-youtube-play {} .fa-youtube-square {}
/* Responsive
================================================== */
@media (max-width: 1200px) {
}
@media only screen and (min-width : 1200px) {
.contact input[type="tel"],
.contact input[type="text"],
.contact input[type="email"],
.contact textarea {
width: 40em;
}
}
@media (max-width: 1024px) {
.hero .text-left,
.hero .text-right {
float: none;
text-align: center;
margin-bottom: 10px;
}
}
@media (min-width: 980px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
}
@media (max-width: 979px) {
.hero h1 {
font-size: 4.429rem !important;
}
.hero h2 {
font-size: 3rem !important;
}
h2.bigtitle,
h2.bigtitle_dark {
font-size: 3.586rem !important;
}
h2.smalltitle,
h2.smalltitle_dark {
font-size: 2.271rem !important;
}
.calltoaction .text-left,
.calltoaction .text-right {
float: none;
text-align: center;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.hero h1 {
font-size: 3.929rem !important;
}
.hero h2 {
font-size: 2.5rem !important;
}
h2.bigtitle,
h2.bigtitle_dark {
font-size: 3.486rem !important;
}
h2.smalltitle,
h2.smalltitle_dark {
font-size: 1.871rem !important;
}
.site-title {
max-width: 75%;
}
.navbar-brand {
padding-left: 15px;
}
.navbar-default {
height: auto;
min-height: 56px;
}
.navbar-default .navbar-nav {
padding-top: 0;
}
.navbar-default .navbar-nav > li {
margin-left: 0;
}
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav li.current-menu-parent a,
.navbar-default .navbar-nav li.current_page_parent a {
border-bottom: none;
}
.navbar-default .navbar-nav > li > a {
padding: 0 15px 0 15px;
line-height: 32px;
border-bottom: 0;
}
.navbar-default .navbar-nav li.menu-item-has-children a {
margin-bottom: 0;
}
.navbar-default li a:hover,
.navbar-default .navbar-nav > li > a:hover {
border-bottom: 0;
}
.navbar-default .navbar-nav {
padding-top: 0 !important;
}
.navbar-fixed-top {
position: relative;
}
.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
word-wrap: break-word;
}
.hero,
.testimonials,
.calltoaction,
.newsletter {
background-attachment: scroll !important;
background-size: cover !important;
background-position: center top !important;
}
.hero .text-left,
.hero .text-right {
float: none;
text-align: center;
margin-bottom: 10px;
}
.calltoaction,
.newsletter,
.testimonials {
padding-top: 50px;
padding-bottom: 50px;
}
.calltoaction .text-left,
.calltoaction .text-right {
float: none;
text-align: center;
margin-bottom: 10px;
}
.clients img {
padding: 20px;
}
.pt {
margin-bottom: 20px;
margin-right: 0px;
}
.content {
padding: 20px 0 0px 0;
}
.sidebar {
margin: 0px 0 20px 0;
padding-left: 0;
border-left: none;
}
.contact form {
margin-top: 30px;
}
}
@media (max-width: 480px) {
.hero h1 {
font-size: 3.429rem !important;
}
.hero h2 {
font-size: 2rem !important;
}
h2.bigtitle,
h2.bigtitle_dark {
font-size: 2.286rem !important;
}
h2.smalltitle,
h2.smalltitle_dark {
font-size: 1.471rem !important;
}
.testimonials blockquote {
padding: 0px;
position: relative;
border: 0;
}
.testimonials blockquote:after {
content: none;
}
.testimonials blockquote:before {
content: none;
}
img.alignleft {
float: none;
margin-bottom: 1.5em;
}
img.alignright {
float: none;
margin-bottom: 1.5em;
}
}
/* Browser Specific Media Queries
================================================== */
/* MS IE10 */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.hero,
.testimonials,
.calltoaction,
.newsletter {
background-attachment: scroll !important;
}
}
/* MS Edge */
@supports (-ms-accelerator: true) {
.hero,
.testimonials,
.calltoaction,
.newsletter {
background-attachment: scroll !important;
}
}
/* Custom CSS
/* - Override the themes default styling here. You can also use the section entitled [Custom CSS] in the theme options panel.
================================================== */ home/xbodynamge/lebauwcentre/wp-content/themes/zerif-lite/style.css 0000644 00000424400 15112302734 0021622 0 ustar 00 /*
Theme Name: Zerif Lite
Theme URI: https://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.5.49
License: GNU General Public License version 3
License URI: license.txt
WordPress Available: yes
Requires License: no
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body {
overflow-x: hidden;
color: #808080;
font-family: "Lato", Helvetica, sans-serif !important;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Other fixes*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
i {
vertical-align: middle;
}
ul,
ol {
padding-left: 0 !important;
}
/* Selection colours (easy to forget) */
::selection {
color: #fff;
background: #fc6d6d;
}
::-moz-selection {
color: #fff;
background: #fc6d6d;
}
a {
color: #e96656;
-webkit-transition: all 700ms;
transition: all 700ms;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color: #cb4332;
}
p {
margin: 0;
}
.full-width {
width: 100%;
margin: auto;
}
/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*::-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-ms-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
.bypostauthor {
display: inherit;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote {
margin: 24px 40px;
font-size: 18px;
font-weight: 300;
font-style: italic;
line-height: 26px;
}
address {
margin: 0 0 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
position: relative;
height: 0;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
clear: both;
margin: 0;
margin-bottom: 10px;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h1,
h2 {
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
line-height: 35px;
}
h1,
h1 span {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
margin-top: 45px;
text-align: center;
}
.button {
display: inline-block;
margin: 10px;
padding: 10px 35px 10px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.custom-button {
display: inline-block !important;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.red-btn {
background: #e96656;
}
.green-btn {
background: #1e9e6b;
}
.blue-btn {
background: #3ab0e2;
}
.yellow-btn {
background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
color: #fff;
background: #1288b9;
}
.red-btn:hover {
color: #fff;
background: #cb4332;
}
.green-btn:hover {
color: #fff;
background: #069059;
}
.yellow-btn:hover {
color: #fff;
background: #d8951e;
}
.btn:hover {
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
max-width: 100%; /* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
figure {
margin: 0;
}
.site-main p {
margin: 0 0 24px;
}
table {
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #ededed;
border-spacing: 0;
border-collapse: collapse;
font-size: 14px;
line-height: 2;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin: 20px 0;
font-size: 16px;
}
th {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
font-weight: bold;
text-transform: uppercase;
}
td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
thead th {
border: none;
}
/*---------------------------------------
** COLORS -----
-----------------------------------------*/
/** BACKGROUNDS **/
.red-bg {
background: #e96656;
}
.green-bg {
background: #34d293;
}
.blue-bg {
background: #3ab0e2;
}
.yellow-bg {
background: #e7ac44;
}
.dark-bg {
background: #404040;
}
.white-bg {
background: #fff;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
color: #e96656;
}
.green-text {
color: #34d293;
}
.blue-text {
color: #3ab0e2;
}
.yellow-text {
color: #f7d861;
}
.dark-text {
color: #404040;
}
.white-text {
color: #fff;
}
/*---------------------------------------
** BORDER BOTTOMS -----
-----------------------------------------*/
.white-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #f5f5f5;
content: "";
}
.dark-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #404040;
content: "";
}
.red-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.green-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #34d293;
content: "";
}
.blue-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #3ab0e2;
content: "";
}
.yellow-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #f7d861;
content: "";
}
/*---------------------------------------
** 4.0 Forms -----
-----------------------------------------*/
button,
input,
select,
textarea {
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #e96656;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-transform: uppercase;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
width: 98%;
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
background: #cb4332;
}
.input-box {
display: inline-block;
width: 274px;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border: 0 !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.textarea-box {
display: inline-block;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border: 0;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
outline: 1 !important;
outline-color: #e96656 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
display: block;
float: left;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display: none;
float: left;
position: absolute;
z-index: 99999;
top: 1.5em;
left: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul {
display: block;
}
.navbar-collapse {
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.nav-links a {
color: #e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.nav .has_children > a:after {
margin: 0 0 0 6px;
color: inherit;
font-family: FontAwesome;
content: "\f0d7";
}
.nav .sub-menu .has_children > a:after {
content: "\f0da";
}
}
/*---------------------------------------
** 6.0 Accessibility -----
-----------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000; /* Above WP toolbar */
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
/*---------------------------------------
** 7.0 Alignments -----
-----------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
/*---------------------------------------
** 8.0 Clearings -----
-----------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
display: table;
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*---------------------------------------
** 9.0 Widgets -----
-----------------------------------------*/
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
/*margin: 0 0 1.5em;
margin-bottom: 30px;*/
}
.widget .widget-title {
float: none;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 5px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.widget .widget-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
/* Make sure select elements fit in widgets */
.widget select {
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #e9e9e9;
}
.tagcloud a {
padding: 2px 5px;
background: #fcfcfc;
}
/* Search widget */
.widget_search .search-submit {
/* display: none; */
display: block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
position: relative;
width: 100%;
margin-bottom: 5px;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
display: block;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
margin: 15px 0;
margin-left: 3%;
padding-left: 10px;
text-align: left;
list-style: none;
}
.widget li:before {
float: left;
position: absolute;
left: 0;
width: 4px;
height: 4px;
margin-top: 11px;
background: #e9e9e9;
content: "";
}
.widget li a {
color: #808080;
}
.widget li a:hover {
color: #404040;
}
/*---------------------------------------
** 10.0 Content -----
-----------------------------------------*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
background: none;
}
/*---------------------------------------
** 10.1 Posts and pages -----
-----------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header {
margin: 0 0 40px;
border-bottom: none;
text-align: left;
}
.search-results .page-header {
margin: 0 0 40px;
}
.page-header .page-title {
position: relative;
}
.page-header .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e9e9e9;
content: "";
}
.taxonomy-description {
margin-top: 15px;
}
.entry-title {
position: relative;
}
.entry-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.entry-meta {
margin-top: 10px;
}
.content-area .entry-header {
overflow: hidden;
}
/*---------------------------------------
** 10.2 Asides -----
-----------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*---------------------------------------
** 10.3 Comments -----
-----------------------------------------*/
.comment {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.comment a {
color: #c7254e;
}
.comment-body {
position: relative;
padding-bottom: 10px;
padding-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form,
.comments-title,
.comment-reply-title {
text-align: left;
}
.comment .reply a {
font-size: 12px;
}
.comment-form p {
margin: 10px 10px 10px 0;
}
.comment-form label {
width: 85px;
}
.comments-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-list {
margin-left: 0;
}
.comment-list li {
float: left;
width: 100%;
list-style: none;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
padding: 0.6em 1em 0.4em;
padding: 3px 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: none;
font-family: sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.comment-form #submit,
.comment-reply-link {
border-color: #e96656;
color: #fff !important;
background: #e96656;
}
.comment-form #submit:hover,
.comment-form #submit:focus,
.comment-form #submit:active {
background: #cb4332;
}
.comment-meta {
margin-top: 0 !important;
padding-top: 0 !important;
}
.comment-metadata {
position: absolute;
top: -2px;
right: 55px;
}
.comment-metadata,
.comment-metadata a {
padding: 3px 0;
color: #888;
font-size: 12px;
font-style: italic;
}
.comment-reply-link:hover {
background: #cb4332;
box-shadow: none;
}
.comment-author img {
position: absolute;
left: 0;
border-radius: 50%;
}
.comment-author b.fn {
color: #000;
}
/*---------------------------------------
** 11.0 Infinite scroll -----
-----------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*---------------------------------------
** 12.0 Media -----
-----------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 1.2%;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*---------------------------------------
** 6.5 Gallery -----
-----------------------------------------*/
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 6px 8px;
opacity: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 49px;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item img {
max-width: 100% !important;
}
/*---------------------------------------
** Header -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 100px;
}
.section-header {
padding-bottom: 75px;
text-align: center;
}
.section-header h2,
#focus .section-header h2 a,
#team .section-header h2 a,
#aboutus .section-header h2 a,
#testimonials .section-header h2 a,
#contact .section-header h2 a {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 45px;
line-height: 40px;
text-transform: uppercase;
}
.section-header .section-legend {
margin-bottom: 0;
padding-top: 0;
color: #000;
font-size: 16px;
}
/* PRE LOADER */
.preloader {
overflow: hidden !important;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fefefe;
}
.status {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#parallax_move .layer {
width: 100%;
height: 100%;
background-position: top center;
background-size: cover;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
/*---------------------------------------
** Section: Home -----
-----------------------------------------*/
.header.header {
min-height: 76px;
}
.header.header > .navbar {
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
position: relative;
padding: 285px 0 210px;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
position: relative;
padding: 170px 0 90px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
margin-bottom: 10px;
color: #fff;
font-size: 21px;
font-weight: 100;
}
.header_title {
float: left;
height: 50px;
margin-top: 10px;
}
.header_title h1 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.header_title h2 {
margin: 0;
font-size: 15px !important;
line-height: 15px;
}
.header_title a {
color: #000;
}
/*---- SECTION: HOME > TOP BAR ----*/
#site-navigation {
float: right;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.navbar {
border: 0;
border-radius: 0 !important;
background: #fff;
text-align: left;
}
#main-nav {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 75px;
margin-bottom: 0;
}
#main-nav.fixed {
position: fixed;
top: 0;
}
.navbar-inverse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
position: absolute;
z-index: 9999;
top: 100%;
left: -999em;
width: 200px;
background: #fff;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
padding: 10px;
list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
color: #e96656;
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
top: 0;
left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-brand {
display: inline-block;
position: relative;
height: 76px;
padding: 7px 15px;
line-height: 60px;
text-align: center;
}
.navbar-brand > a > img {
width: auto;
max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
display: inline-block;
vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
color: #999;
text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 0;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
font-size: 16px;
line-height: normal;
}
.navbar-brand > img {
max-height: 100%;
}
.navbar-brand:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
outline: none;
color: #e96656;
}
.navbar-toggle {
margin-top: 23px;
border: 0;
background-color: #808080;
}
.navbar-toggle:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
opacity: 1;
background-color: #e96656;
box-shadow: none;
filter: alpha(opacity=100);
}
.navbar-toggle.active {
background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
background-color: #808080 !important;
}
.menu-align-center #site-navigation {
width: 100%;
}
.menu-align-center #site-navigation > ul {
width: 100%;
text-align: center;
}
.menu-align-center #site-navigation > ul ul {
text-align: left;
}
.menu-align-center #site-navigation > ul > li {
display: inline-block;
float: none;
}
.menu-align-center .responsive-logo {
width: 100%;
text-align: center;
}
.menu-align-center .zerif_header_title {
width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
margin-top: 0;
margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
display: inline-block;
float: none;
}
.menu-align-center .navbar-brand {
float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
position: relative;
outline: none;
color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
display: none;
content: "";
}
li.current > a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
display: none;
content: "";
}
ul.nav > li.current_page_item.current > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
@media (max-width: 768px) {
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: none;
}
}
/*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
.intro {
float: none;
z-index: 0;
margin-top: 25%;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
.intro-text,
.intro-text a {
float: none;
z-index: 0;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
/* Short Messages */
.bottom-message-section {
position: relative;
margin-top: 14%;
}
.short-text {
margin: auto;
color: rgba(255,255,255,0.7);
text-align: center;
text-transform: uppercase;
}
/*---- SECTION: HOME > LATEST NEWS ----*/
.latest-news {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.carousel-inner {
/* margin: 0 30px; */
}
#carousel-homepage-latestnews .item {
height: auto;
}
.latesnews-content p,
.latesnews-content {
color: #777;
font-size: 14px;
line-height: 18px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
display: block;
color: #404040;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
background: #e96656;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
background: #34d293;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
background: #3ab0e2;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
background: #f7d861;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
display: block;
}
#carousel-homepage-latestnews {
margin: 0 30px;
}
#carousel-homepage-latestnews .carousel-control {
width: 45px;
background: none;
}
.carousel-control:focus {
outline: thin dotted #cb4332;
outline-offset: 0;
}
.carousel-control:active {
outline: 0;
}
.carousel-control.left {
margin-left: -45px;
}
.carousel-control.right {
margin-right: -45px;
}
.carousel-control .glyphicon-chevron-right {
right: auto;
}
#carousel-homepage-latestnews .glyphicon-chevron-left:before {
float: left;
width: 30px;
height: 30px;
background: url(images/left-arrow.png) no-repeat center center;
content: "";
}
#carousel-homepage-latestnews .glyphicon-chevron-right:before {
float: left;
width: 30px;
height: 30px;
background: url(images/right-arrow.png) no-repeat center center;
content: "";
}
/*---------------------------------------
** Section: Our focus -----
-----------------------------------------*/
.focus-box .service-icon .pixeden {
border-radius: 50%;
}
.focus {
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.focus .row {
text-align: center;
}
.focus .row .focus-box,
.our-team .row .team-box {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-bottom: 25px;
vertical-align: top;
}
/* FOCUS BOX */
.focus-box .service-icon {
display: block;
position: relative;
width: 145px;
height: 145px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 20px;
border: 10px solid #ececec;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,
.green,
.blue,
.yellow {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#focus span:nth-child(4n+1) .focus-box .service-icon:hover,
#focus span:nth-child(4n+1) .focus-box .service-icon:focus {
border: 10px solid #e96656;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover,
#focus span:nth-child(4n+2) .focus-box .service-icon:focus {
border: 10px solid #34d293;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover,
#focus span:nth-child(4n+3) .focus-box .service-icon:focus {
border: 10px solid #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover,
#focus span:nth-child(4n+4) .focus-box .service-icon:focus {
border: 10px solid #f7d861;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
background: #e96656;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
background: #34d293;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
background: #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
background: #f7d861;
}
.focus-box h3 {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.focus-box p {
color: #808080;
font-size: 14px;
}
/* Links used in sane defaults */
.focus a.zerif-default-links,
.our-team a.zerif-default-links {
color: #404040;
}
.about-us a.zerif-default-links,
.separator-one a.zerif-default-links,
.testimonial a.zerif-default-links,
.contact-us a.zerif-default-links {
color: #fff;
}
.testimonial #client-feedbacks a.zerif-default-links {
color: #404040;
}
.focus a.zerif-default-links:hover,
.about-us a.zerif-default-links:hover,
.our-team a.zerif-default-links:hover,
.testimonial a.zerif-default-links:hover,
.contact-us a.zerif-default-links:hover {
color: #e96656;
}
.separator-one a.zerif-default-links:hover,
.testimonial #client-feedbacks a.zerif-default-links:hover {
color: #000;
}
/* END - Links used in sane defaults */
/*----OTHER FOCUSES ----*/
.other-focuses {
margin-bottom: 25px;
background: url(images/lines.png) repeat-x center;
}
.other-focuses .section-footer-title {
padding: 0 15px;
color: #404040;
font-weight: bold;
}
.other-focus-list {
margin-bottom: -17px;
padding-top: 5px;
}
.other-focus-list ul li {
display: inline-block;
margin-right: 50px;
padding-bottom: 15px;
text-transform: uppercase;
}
.other-focus-list ul li:last-child {
margin-right: 0;
}
.other-focus-list ul li i {
margin-right: 8px;
}
/*---------------------------------------
** Secction: Separator one -----
-----------------------------------------*/
.separator-one {
padding: 100px 0 100px 0;
background: rgba(52, 210, 147, 0.8);
}
.separator-one .green-btn {
background: #14a168;
}
.separator-one .green-btn:hover {
background: #007345;
}
.separator-one .text {
max-width: 800px;
margin-top: 15px;
margin-bottom: 20px;
padding: 0;
color: #fff;
line-height: 34px;
}
.separator-one .text a {
font-size: 24px;
}
/*---------------------------------------
** Section: Portfolio -----
-----------------------------------------*/
.works {
min-height: 800px;
padding-bottom: 100px;
background: #fff;
}
/* IMAGE GRID */
.cbp-rfgrid {
position: relative;
width: 100%;
margin: auto;
padding: 0;
list-style: none;
}
.cbp-rfgrid li {
float: left;
overflow: hidden;
position: relative;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
max-width: 100%;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.cbp-rfgrid li a:hover img {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1.05,1.07);
-ms-transform: scale(1.05,1.07);
transform: scale(1.05,1.07);
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .project-info {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
padding-top: 25%;
opacity: 0;
background: rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info .project-details {
position: relative;
top: -29px;
width: 100%;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info h5 {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.cbp-rfgrid li a:hover .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .project-details {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .button {
bottom: -50px;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid-tr {
position: absolute;
z-index: 9;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
top: 0;
opacity: 1;
}
/****************************************************************/
/*********************** PIRATE FORMS style ********************/
/****************************************************************/
.pirate_forms {
padding-bottom: 95px;
}
.pirate_forms input:not([type='checkbox']),
.pirate_forms textarea {
width: 100%;
margin: auto;
border-radius: 4px !important;
}
.pirate_forms input:not([type='checkbox']) {
display: inline-block;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms textarea {
display: inline-block;
width: 100% !important;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms .custom-button {
float: right;
margin-right: 15px;
}
.pirate-forms-g-recaptcha {
display: none;
}
.pirate_forms .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.pirate_forms_error_box {
text-align: center;
}
.pirate_forms_error_box p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #e96656;
}
.pirate_forms_thankyou_wrap p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #34d293;
}
.pirate_forms .pirate-forms-submit-button {
float: right;
margin-right: 0;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pirate_forms .pirate-forms-submit-button:hover {
color: #fff;
background: #cb4332;
}
.pirate_forms .contact_checkbox_wrap,
.pirateform_wrap_classes_spam_wrap {
text-align: left;
}
.pirate_forms .contact_checkbox_wrap p {
padding-left: 5px;
margin: 0px;
}
section#contact .pirate_forms .contact_checkbox_wrap p {
color: #ffffff;
}
.pirate-forms-maps-custom {
float: left;
}
.contact-us .pirate-forms-maps-custom,
.contact-us .contact_checkbox_wrap {
color: #ffffff;
}
.zerif_hidden_if_not_customizer {
display: none !important;
}
.pixeden {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 63px;
margin: auto;
}
/* media queries: change number of items per row */
@media screen and (max-width: 1190px) {
.cbp-rfgrid li {
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
}
}
@media screen and (max-width: 1024px) {
.cbp-rfgrid li {
width: 33.33333333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.cbp-rfgrid li {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media screen and (max-width: 480px) {
.cbp-rfgrid li {
width: 100%;
}
}
@media screen and (max-width: 300px) {
.cbp-rfgrid li {
width: 100%;
}
}
/* PROJECT DETAILS LOADER */
#back-button {
display: none;
margin: 10px;
padding: 13px 35px 13px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
#back-button i {
margin-right: 10px;
}
#loader {
display: none;
position: relative;
min-height: 930px;
}
#loader .loader-icon {
position: fixed;
z-index: 10000;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px -22px;
border-radius: 5px;
background: url(images/loading.gif) no-repeat center center;
background-color: #fff;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
/****************************************************************/
/*********************** WPFORMS Lite style ********************/
/****************************************************************/
.home div.wpforms-container-full .wpforms-form input[type=text], .home div.wpforms-container-full .wpforms-form input[type=email], .home div.wpforms-container-full .wpforms-form textarea {
border-radius: 4px;
padding: 9px 9px 9px 15px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.95);
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
background-color: #e96656;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background-color: #cb4332;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home .wpforms-field-label, .home .wpforms-field-description, .home .wpforms-field-sublabel, .home .wpforms-field-checkbox, .home .wpforms-field-radio, .home .wpforms-image-choices-none label {
color: rgba(255, 255, 255, 0.95);
text-align: left;
}
.home .wpforms-field-checkbox .wpforms-image-choices, .home .wpforms-field-radio .wpforms-image-choices{
color: #404040;
}
.home div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #e96656;
}
/*---------------------------------------
** Section: About us; -----
-----------------------------------------*/
.about-us {
color: #fff;
background: #272727;
}
.about-us .big-intro {
margin-top: -15px;
font-size: 60px;
font-weight: 300;
line-height: normal;
text-align: right;
}
.about-us .section-header .section-legend {
color: #fff;
}
.about-us p {
color: #939393;
font-size: 14px;
line-height: 25px;
text-align: left;
}
.about-us .column {
margin-bottom: 78px;
}
.about-us .col-md-12.zerif-rtl-big-title .big-intro,
.about-us .col-md-12.zerif_about_us_center p {
text-align: center;
}
/*--SKILLS --*/
.skills {
margin: 0 0 0 0;
text-align: left;
}
.skills .skill {
display: block;
clear: both;
margin-top: 0;
margin-bottom: 25px;
}
.skills .skill .skill-count {
display: inline-block;
float: left;
height: 64px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 25px;
}
.skills li:last-child {
margin-bottom: 0;
}
.skills .skill .skill1,
.skill2,
.skill3,
.skill4 {
font-size: 16px !important;
}
.skills .skill .section-legend {
float: none;
clear: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
}
.skills .skill p {
color: #8f8f8f;
font-size: 14px;
line-height: 20px;
}
/*--OUR CLIENTS --*/
.our-clients {
float: left;
width: 100%;
margin-bottom: 40px;
background: url(images/lines-dark.png) repeat-x center;
}
.our-clients .section-footer-title {
padding: 0 15px;
color: #fff;
background: #272727;
font-size: 16px;
}
.our-clients h2 {
float: none;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.client-list {
float: left;
width: 100%;
margin-bottom: 78px;
padding-top: 5px;
}
.client-list ul {
margin: 0;
}
.client-list ul li {
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
vertical-align: middle;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list ul li img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div {
margin: 0;
}
.client-list div span {
margin-right: 24px;
}
.client-list div a:last-child {
margin-right: 0;
}
.client-list div img {
max-width: 130px;
padding-bottom: 15px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list div img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list div a:last-child {
margin-right: 0;
}
/*---------------------------------------
** Section: stats -----
-----------------------------------------*/
.stats {
clear: both;
padding: 100px 0 60px 0 !important;
background: rgba(0, 0, 0, 0.5);
}
.stat {
margin-bottom: 40px;
}
.stat .icon-top {
height: 50px;
font-size: 40px;
line-height: 50px;
}
.stat .stat-text {
display: inline-block;
position: relative;
}
.stat h3 {
display: inline-block;
position: relative;
margin-top: 20px;
padding-bottom: 5px;
}
.stat .section-legend {
margin-top: 15px;
color: #d1d1d1;
}
/*---------------------------------------
** Section: Our team; -----
-----------------------------------------*/
.our-team {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.team-member {
overflow: hidden;
position: relative;
margin-bottom: 35px;
border-radius: 4px;
}
.team-member .details {
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: 190px;
padding: 15px;
opacity: 0;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.team-member .member-details {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.team-member:hover .details,
.team-member:focus .details {
top: 0;
opacity: 1;
color: white;
background: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member.team-member-open .details {
display: block;
top: 0;
opacity: 1;
color: white;
background: #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member .profile-pic {
overflow: hidden;
width: 174px;
height: 174px;
margin: auto;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h3 {
position: relative;
margin-top: 15px;
color: #404040;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.team-member .position {
font-size: 13px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
margin: 6px;
line-height: 32px;
}
.team-member .social-icons ul li a {
border-radius: 50%;
color: #808080;
background: #fff;
font-size: 18px;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
background: #e96656;
}
.our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
background: #34d293;
}
.our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
background: #3ab0e2;
}
.our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
background: #f7d861;
}
/*---------------------------------------
** Features -----
-----------------------------------------*/
.features {
padding-bottom: 51px;
background: #fff;
text-align: left;
}
.features .feature {
margin-bottom: 55px;
}
.features .feature-icon {
float: left;
margin-top: 10px;
margin-right: 25px;
font-size: 55px;
}
.features .feature h5 {
color: #404040;
font-weight: bold;
line-height: 28px;
}
.features .feature p {
font-size: 14px;
}
/*---------------------------------------
** Packages -----
-----------------------------------------*/
.packages {
padding-bottom: 50px;
background: rgba(0, 0, 0, 0.5);
}
.package {
margin-top: 25px;
margin-bottom: 50px;
padding-bottom: 15px;
border-radius: 4px;
background: #fff;
}
.package-header {
height: 57px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
line-height: 57px;
}
.package-header h5 {
font-weight: bold;
text-transform: uppercase;
}
.price {
height: 100px;
color: #fff;
font-weight: 400;
line-height: 120px;
}
.price h4 {
display: inline;
margin-bottom: 0;
font-size: 40px;
line-height: normal;
}
.price h4 .dollar-sign {
font-size: 17px;
vertical-align: super;
}
.price .price-meta {
color: #9f9f9f;
line-height: normal;
text-transform: uppercase;
}
.package ul li {
width: 80%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
.package ul li:last-child {
border-bottom: 0;
}
.best-value .package {
margin-top: 0;
}
.best-value .package-header {
height: 82px !important;
padding-top: 17px;
}
.best-value .package-header h4 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
}
.best-value .package-header .meta-text {
font-size: 13px;
line-height: normal;
}
.best-value .package-header {
height: 72px;
}
.package ul li i {
margin-right: 5px;
font-size: 13px;
}
.order {
color: #404040;
background: #d8ccba;
}
.package .order-now {
display: block;
max-width: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
background: #404040;
line-height: 45px;
-webkit-transition: all 700ms;
transition: all 700ms;
}
.package .order-now:hover {
background: #e96656;
}
/*---------------------------------------
** Producs -----
-----------------------------------------*/
.products .color-overlay {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 70px;
background: rgba(39,144,176, 0.96);
}
/*---ITEM STYLE ---*/
.item {
display: block;
overflow: hidden;
position: relative;
z-index: 5;
width: 100%;
height: 260px;
margin: auto;
margin-bottom: 30px;
border-radius: 4px;
-webkit-background-size: 100%;
background-size: 100%;
-webkit-backface-visibility: hidden;
}
.item-overlay {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.item-content {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
transform: translate(0,100%);
}
.item:hover .item-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.item-top-content {
position: relative;
}
.item-top-content-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px 10px 15px;
background: rgba(255,255,255,0.95);
}
.item-add-content {
padding: 0 15px 15px 15px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.item:hover .item-add-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.item-add-content-inner {
padding-top: 10px;
border: 0 solid #dadada;
border-top-width: 1px;
}
.item-top-title {
text-align: left;
}
.item-top-title h5 {
color: #404040;
font-weight: 700;
}
/* ITEM DETAILS */
.item-product {
float: left;
width: 70%;
}
.item-product-price {
float: right;
width: 30%;
text-align: right;
}
.subdescription {
color: #7d7d7d;
font-size: 14px;
font-weight: 400;
}
/*---PRODUCT PRICE---*/
.item-product-price {
position: relative;
font-size: 1em;
font-weight: 700;
}
.item-product-price .subdescription {
color: #808080;
}
.old-price {
position: absolute;
right: -2px;
bottom: 10px;
width: 30px;
margin-top: -11px;
border: 0 solid #808080;
border-bottom-width: 1px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/*---ITEM DESCRIPTION ---*/
.item-content {
background: rgba(255,255,255,0.85);
}
.item-add-content {
color: #808080;
font-weight: 400;
}
.item-add-content .section {
margin-bottom: 10px;
}
.item-add-content .section:last-of-type {
margin-bottom: 0;
}
.item-add-content p {
font-size: 14PX;
}
/*---------------------------------------
** Newsletter -----
-----------------------------------------*/
.newsletter {
padding-top: 62px;
padding-bottom: 62px;
background: rgba(0, 0, 0, 0.5);
}
.newsletter h3 {
margin-bottom: 8px;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
.newsletter .subscription {
margin-top: 15px;
}
.newsletter .custom-button {
margin-top: 7px;
}
/*----------------------------------------
** Testimonial -----
-----------------------------------------*/
.testimonial {
padding-bottom: 90px;
background: #8c7620;
}
.testimonial .section-header .section-legend {
color: #fff;
}
#client-feedbacks .feedback-box,
.testimonial .widget_zerif_testim-widget {
display: inline-block;
z-index: 5;
width: 30%;
margin: 13px;
padding: 25px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
vertical-align: top;
}
.feedback-box .message,
.testimonial .widget_zerif_testim-widget .message {
color: #000;
font-size: 15px;
}
.feedback-box .client,
.testimonial .widget_zerif_testim-widget .client {
position: relative;
height: 73px;
margin-top: 30px;
}
.feedback-box .quote,
.testimonial .widget_zerif_testim-widget .quote {
float: left;
font-size: 45px;
line-height: 80px;
}
.feedback-box .client-info,
.testimonial .widget_zerif_testim-widget .client-info {
float: left;
margin-left: 18px;
padding-top: 15px;
}
.feedback-box .client-info .client-name,
.testimonial .widget_zerif_testim-widget .client-name {
color: #404040;
font-family: "Homemade Apple", serif;
}
.feedback-box .client-info .client-company,
.testimonial .widget_zerif_testim-widget .client-company {
margin-top: -3px;
font-size: 13px;
}
.feedback-box .client-image,
.testimonial .widget_zerif_testim-widget .client-image {
float: right;
overflow: hidden;
width: 73px;
height: 73px;
border: 3px solid #f6f6f6;
border-radius: 50%;
}
.feedback-box .client-image img,
.testimonial .widget_zerif_testim-widget .client-image img {
width: 100%;
height: 100%;
}
.customNavigation {
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
border-radius: 50%;
background: #886e0e;
}
.customNavigation a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.zerif_grid_col_4 > div,
.zerif_grid_col_3 > div,
.zerif_grid_col_2 > div,
.zerif_grid_col_1 > div {
margin-bottom: 30px;
text-align: center;
}
.zerif_grid_col_4 {
float: left;
width: 23%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_3 {
float: left;
width: 31.5%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_2 {
float: left;
width: 48%;
margin: 0 1.75% 0 1.75%;
}
.zerif_grid_col_1 {
float: left;
width: 100%;
}
.zerif_grid_first {
margin-left: 0;
padding-left: 0;
}
.zerif_grid_last {
margin-right: 0;
padding-right: 0;
}
#client-feedbacks.zerif_grid .feedback-box {
width: 100%;
}
/*----------------------------------------
** Purchase now -----
-----------------------------------------*/
.purchase-now {
padding-top: 70px;
padding-bottom: 70px;
background: #e96656;
}
.purchase-now h3 {
margin-top: 14px;
line-height: 40px;
text-align: left;
}
.purchase-now .red-btn {
float: right;
background: #db5a4a;
}
.purchase-now .red-btn:hover {
background: #bf3928;
}
.ribbon-without-button h3 {
text-align: center;
}
.ribbon-without-button .col-md-9 {
width: 100%;
}
/*----------------------------------------
** Contact us -----
-----------------------------------------*/
.contact-us {
padding-bottom: 95px;
background: rgba(0, 0, 0, 0.5);
}
.contact-us .section-header .section-legend {
color: #fff;
}
.contact-us .input-box,
textarea {
width: 100%;
margin: auto;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-us textarea {
border: 1px solid transparent;
}
.zerif-g-recaptcha {
display: none;
margin-left: 15px;
}
.contact-us .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.contact-us .error p {
background: #e96656;
}
.contact-us .success p {
background: #34d293;
}
.contact_submit_wrap {
float: right;
}
/*---------------------------------------
** Footer -----
-----------------------------------------*/
#footer {
background: #272727;
line-height: 20px;
}
.company-details {
padding-top: 67px;
padding-bottom: 30px;
color: #939393;
}
.company-details a {
color: #939393;
text-decoration: none;
}
.company-details a:hover {
color: #e96656;
}
.company-details .icon-top {
margin-bottom: 10px;
font-size: 30px;
}
.copyright {
padding-top: 68px;
padding-bottom: 68px;
background: #171717;
}
.social {
margin: 0 0 1.5em 0 !important;
}
.social li {
display: inline-block;
margin: 5px;
}
.social li a {
color: #939393;
font-size: 18px;
}
.social li a:hover {
color: #e96656;
}
.copyright p {
margin-bottom: 0;
color: #939393;
}
.footer-widget-wrap > .container {
text-align: center;
}
.footer-widget {
display: inline-block;
float: none;
vertical-align: top;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
margin-left: 0;
list-style: none;
}
.footer-widget-wrap {
background: rgba(255,255,255,0.05);
}
.footer-widget-wrap .widget .widget-title {
color: #fff;
}
.footer-widget-wrap .widget li a {
color: #ccc;
}
.footer-widget-wrap .widget li a:hover {
color: #fff;
}
.footer-widget-wrap .widget {
padding-bottom: 30px;
color: #ccc;
}
.footer-widget-wrap .widget_calendar tbody td {
background-color: rgba(249, 249, 249, 0.75);
}
.footer-widget-wrap .tagcloud a {
padding: 2px 5px;
color: #ccc;
background: none;
}
.footer-widget-wrap .tagcloud a:hover {
color: #fff;
}
.footer-widget-wrap .widget #wp-calendar {
color: #333;
}
/*---------------------------------------
** Single page -----
-----------------------------------------*/
.single-project {
margin-bottom: 25px;
text-align: left;
}
.single-project .project-image {
float: left;
width: 100%;
margin-bottom: 25px;
text-align: left;
}
.single-project h3 {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #dadada;
line-height: 40px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
margin-right: 5px;
font-weight: 700;
}
/*---------------------------------------
** Section blog -----
-----------------------------------------*/
.blog {
overflow: hidden;
position: relative;
min-height: 175px;
}
.blog-list {
background: #fff;
}
.post-img-wrap {
display: inline-block;
float: left;
overflow: hidden;
margin-right: 20px;
}
.post-img-wrap a img {
width: 200px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5 ease-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
article.hentry {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
padding: 10px;
background: #f9f9f9;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #e96656;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #404040;
font-size: 20px;
line-height: 22px;
}
.entry-title a:hover {
color: #e96656;;
}
.clear {
clear: both;
}
.content-left-wrap {
padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
margin-top: 60px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.entry-title:after {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap .entry-title a:after {
display: none;
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.entry-title {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0;
}
.entry-content {
line-height: 20px;
}
.list-post-top {
min-height: 130px;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large a:hover {
color: #e96656;
}
.entry-footer-large {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
padding-right: 200px;
background: transparent;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0 0;
text-align: justify;
}
.entry-content {
margin: 1em 0 0;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar caption {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
color: #e96656;
background: #f9f9f9;
}
.widget_calendar a:hover {
color: #fff;
background-color: #e96656;
}
.widget_calendar tbody td {
background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_calendar thead th {
border: none;
background: #e9e9e9;
}
/*----------------------------------------
** SiteOrigin Page Builder styles -----
-----------------------------------------*/
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
margin: 0;
}
.siteorigin-panels .widget li::before {
display: none;
}
/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
float: right;
position: absolute;
top: 0;
right: 0;
}
.entry-content p {
text-align: justify;
}
.entry-content blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0;
width: 100%;
min-height: 50px;
padding: 15px 20px 0 20px;
border-top: 2px solid #fff;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
float: left;
position: relative;
width: 95%;
margin: 0 0 35px 0;
border-radius: 4px;
background-color: #fff;
}
.large-container .list-post-top {
min-height: 130px;
}
/* woocommerce v2.3.5 */
*:focus {
outline: 0;
}
.woocommerce-page .page-description {
float: left;
margin-top: 20px;
text-align: justify;
}
.woocommerce-page h1.page-title {
position: relative;
color: #404040;
font-size: 20px;
font-size: 20px;
line-height: 22px;
text-align: left;
}
.woocommerce-page .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.woocommerce span.onsale {
position: absolute;
top: -20px;
left: -20px;
width: 55px;
height: 55px;
padding: 0;
border: 4px solid #34d293;
border-radius: 50%;
color: #000;
background: rgba(255,255,255,0.9);
text-shadow: none;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
top: -20px;
left: -20px;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #a0a0a0;
}
.woocommerce-page .products .product > a:first-child {
display: block;
position: relative;
text-align: center;
}
.woocommerce-page .products a.button {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .products a.button:hover {
background: #cb4332;
}
.woocommerce-page .products h3,
.woocommerce-page .products h2 {
display: inline-block;
float: none;
position: relative;
width: auto;
min-height: 42px;
margin: 0;
color: #404040;
font-size: 16px !important;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.woocommerce-page .products a .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
padding: 10px 0;
color: #000 ;
line-height: 20px;
text-align: center;
}
.woocommerce-page .products a .price del {
display: block;
line-height: 20px;
}
.woocommerce ul.products li.product .price {
color: #000;
font-size: 16px;
}
.woocommerce-page .products a .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .products .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .products .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .products .price {
padding: 5px 0;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-result-count {
float: left;
margin-top: 20px;
font-size: 14px;
line-height: 46px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-page .product .images {
float: left;
width: 50%;
}
.woocommerce-page .product .entry-summary {
float: right;
width: 50%;
margin-top: 0;
padding-left: 5%;
}
.woocommerce-page .product .quantity {
display: block;
float: left;
margin-bottom: 15px;
}
.woocommerce-page .product .quantity input {
width: 78px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.woocommerce-page #content .quantity input.minus {
float: left;
position: relative;
position: absolute;
top: 15px;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce-page #content .quantity input.plus {
float: left;
position: relative;
position: absolute;
top: 0;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
position: relative;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 30px;
}
.woocommerce-page .quantity.buttons_added {
width: auto;
}
.woocommerce-page .product .product_meta a {
color: #e96656;
}
.woocommerce-page .product_title {
margin-top: 0;
text-align: left;
}
.woocommerce-page .product .price {
margin-bottom: 0;
padding: 30px 0;
text-align: left;
}
.woocommerce-page .product div[itemprop="description"] {
float: left;
text-align: justify;
}
.woocommerce-page .product .stock,
.woocommerce-page .product .cart,
.woocommerce-page .product .product_meta {
float: left;
clear: left;
text-align: left;
}
.woocommerce-page .product .cart .button {
float: left;
clear: left;
margin: 0;
margin-bottom: 25px;
}
.woocommerce-page .product .cart .button:hover {
background: rgb(203, 67, 50);
box-shadow: none;
}
.woocommerce-page .product .images .thumbnails {
width: 100%;
}
.woocommerce-page .product .images .thumbnails a {
display: inline-block;
float: left;
}
.woocommerce-page .woocommerce-tabs {
float: left;
width: 100%;
margin-top: 50px;
}
.woocommerce-page .woocommerce-tabs .tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs li {
display: inline-block;
margin-bottom: -2px;
padding: 10px 20px;
list-style: none;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
border-bottom: 2px solid #e96656;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
color: #e96656;
text-decoration: none;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
color: rgb(64, 64, 64);
font-size: 18px;
}
.woocommerce-page .woocommerce-tabs .entry-content {
margin-bottom: 50px;
box-shadow: none;
text-align: justify;
}
.woocommerce-page h3.comment-reply-title {
min-height: auto;
}
.woocommerce-page .product .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
color: #000;
line-height: 20px;
}
.woocommerce div.product p.price {
color: #000;
font-size: 16px;
}
.woocommerce-page .product .price del {
display: block;
line-height: 20px;
}
.woocommerce-page .product .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .product .comment-form input {
border-radius: 3px;
}
.woocommerce-page .product .comment-form input[type="submit"] {
margin-left: 0;
}
.woocommerce-page .product .comment-form label {
float: left;
width: auto;
line-height: 32px;
}
.woocommerce-page .product .comment-form .comment-form-rating label {
line-height: 20px;
}
.woocommerce-page .product .comment-form-author label,
.woocommerce-page .product .comment-form-email label {
width: 100px;
}
.woocommerce-page .product .comment-form .star-rating {
float: right;
width: 100px;
height: 20px;
background: url(images/woostars.png) repeat-x left bottom;
}
.woocommerce-page .product .comment-form .star-rating span {
float: left;
overflow: hidden;
height: 0;
padding-top: 16px;
background: url(images/woostars.png) repeat-x left top;
}
.woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce-page .product .comment-form #review_form #respond {
position: static;
width: auto;
margin: 0;
padding: 0 0 0;
border: 0;
background: transparent none;
}
.woocommerce-page .product .comment-form #review_form #respond:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce-page .product .comment-form #review_form #respond .form-submit input {
left: auto;
}
.woocommerce-page .product .comment-form #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.woocommerce-page .product .comment-form p.stars:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form p.stars span {
float: left;
position: relative;
width: 100px;
height: 20px;
margin-left: 10px;
background: url(images/woostars.png) repeat-x left 0;
}
.woocommerce-page .product .comment-form p.stars span a {
float: left ;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 0;
padding-top: 20px;
}
.woocommerce-page .product .comment-form p.stars span a:hover,
.woocommerce-page .product .comment-form p.stars span a:focus {
background: url(images/woostars.png) repeat-x left bottom;
-webkit-transition: initial;
-moz-transition: initial;
-o-transition: initial;
transition: initial;
}
.woocommerce-page .product .comment-form p.stars span a.active {
background: url(images/woostars.png) repeat-x left bottom ;
}
.woocommerce-page .product .comment-form p.stars span a.star-1 {
z-index: 10;
width: 20px;
}
.woocommerce-page .product .comment-form p.stars span a.star-1:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-2 {
z-index: 9;
width: 40px;
}
.woocommerce-page .product .comment-form p.stars span a.star-2:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-3 {
z-index: 8;
width: 60px;
}
.woocommerce-page .product .comment-form p.stars span a.star-3:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-4 {
z-index: 7;
width: 80px;
}
.woocommerce-page .product .comment-form p.stars span a.star-4:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-5 {
z-index: 6;
width: 100px;
}
.woocommerce-page .product .comment-form p.stars span a.star-5:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a {
border: none;
}
.woocommerce-page .comment-form-rating {
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce-page .product #review_form_wrapper {
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-page .woocommerce-tabs .commentlist .comment {
float: left;
clear: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment-text {
display: inline-block;
}
.woocommerce-page .woocommerce-tabs .description {
width: 100%;
}
.woocommerce-page .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating {
float: left;
margin-top: 30px;
margin-bottom: 0;
text-align: left;
}
.woocommerce-page .woocommerce-product-rating .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
color: #eca420;
font-size: 11px;
}
.woocommerce-page .comment-text .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .comment-text .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-tabs .comment-text {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 50px;
}
.woocommerce-page .woocommerce-tabs .comment_container > img {
position: absolute;
top: 0;
left: 0;
}
.woocommerce-page .woocommerce-message:before {
color: #38c28b;
}
.woocommerce-page .woocommerce-message {
margin: 0 0 40px;
border-top-color: #38c28b;
border-radius: 3px;
color: #38c28b;
background: #f5f5f5;
text-align: left;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
color: #fff;
background-color: #38c28b;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
float: left;
width: 100%;
margin: 0 0 40px;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #e96656;
list-style: none;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
color: #fff;
background-color: #f47565;
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-error:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
width: 100%;
margin: 0 0 40px;
margin-top: 25px !important;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #3ab0e2;
list-style: none;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
color: #fff;
background-color: #5fb8dd;
font-size: 12px;
}
.woocommerce-page .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
padding-top: 30px;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-info {
margin-bottom: 40px;
border: none;
border-radius: 3px;
color: #fff;
background: rgb(58, 176, 226);
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
color: #fff;
}
.woocommerce-page .woocommerce .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce input {
padding: 10px 5px;
border-radius: 3px;
}
.woocommerce-page .woocommerce .woocommerce-error {
padding: 1em 2em 1em 3.5em!important;
border-top-color: #b81c23;
border-radius: 3px;
}
.woocommerce-page .woocommerce .products .product h3 {
float: none;
color: #404040;
}
.woocommerce-page .woocommerce .added_to_cart,
.woocommerce .button {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #000;
background: #f3f3f3;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce div.product form.cart .button {
display: inline-block;
margin: 10px;
margin-left: 0;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 1px solid #ccc;
}
.woocommerce-page .woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button :hover,
.woocommerce #place_order:hover,
.woocommerce div.product form.cart .button:hover {
background: #bf3928;
}
.woocommerce-page .woocommerce .price del {
display: block;
}
.woocommerce-page .woocommerce .price {
height: auto;
line-height: normal;
}
.woocommerce-page .woocommerce .price ins {
color: #000;
font-size: 20px;
font-weight: bold;
}
.woocommerce-page .woocommerce #coupon_code {
min-width: 110px;
margin-top: 2px;
padding: 6px 10px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
border-radius: 5px!important;
color: #a0a0a0;
}
.woocommerce-page .woocommerce .product-name a {
color: #404040;
}
.woocommerce-page .woocommerce-cart-form__contents .actions button {
width: auto;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce-page .woocommerce .cart_totals tr.order-total th {
width: 50%;
}
.woocommerce-page .woocommerce .entry-title {
text-align: left;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
padding: 0;
}
.woocommerce-page .woocommerce .checkout input,
.woocommerce-page .woocommerce .checkout textarea,
.woocommerce-page .woocommerce .checkout select {
padding: 12px 15% 12px 2%;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 15px;
}
.woocommerce-page .woocommerce ul.payment_methods {
padding-left: 1em;
}
.woocommerce-page ul.products {
float: left;
width: 100%;
margin-top: 40px;
}
.woocommerce-page .woocommerce .summary,
.woocommerce-page .woocommerce .entry-summary,
.woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
text-align: justify;
}
.woocommerce-page .woocommerce .quantity input.input-text {
width: 100px;
height: 42px;
margin-right: 10px;
}
.woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
margin: 0;
}
.woocommerce-page .woocommerce .comment-form label {
width: 100%;
}
.woocommerce-page .woocommerce .woocommerce-message {
float: left;
width: 100%;
border: none;
border-radius: 3px;
color: white;
background: #20aa80;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-message a.button {
margin: 0;
padding: 7px 17px;
}
.woocommerce-page .woocommerce .woocommerce-message:before {
color: #fff;
}
.woocommerce-page .woocommerce ul.products li.product .star-rating {
font-size: inherit;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page input.button.alt {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-shadow: none;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce input[type="submit"]:hover,
.woocommerce-page #content input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page input.button.alt:hover {
color: #fff;
background: #cb4332;
box-shadow: none;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 60px;
height: 30px;
margin-right: 0;
padding: 0 0 0 5px;
text-align: left;
}
.woocommerce a.button.alt {
color: #fff;
background: #e96656;
}
.woocommerce a.button.alt:hover {
color: #fff;
background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
color: #fff !important;
background: #e96656;
line-height: 20px;
}
.woocommerce-page .woocommerce a.remove {
color: #e96656 !important;
line-height: 20px;
}
.woocommerce-page .woocommerce-info {
width: 100%;
}
.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout #order_review_heading {
clear: none;
float: left;
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout .col-1,
.woocommerce-page .woocommerce-checkout .col-2 {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
float: left;
width: 55%;
margin-right: 5%;
}
.woocommerce-page .woocommerce-checkout-review-order {
clear: left;
}
.woocommerce-page .woocommerce .checkbox {
float: left;
padding: 0;
}
.woocommerce-page .woocommerce-checkout #payment {
background: #fafafa;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
margin: -13px 0 0 2em;
border: 8px solid #ececec;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
content: "";
}
.woocommerce-page .woocommerce-checkout #ship-to-different-address {
font-size: 16px;
margin-left: 24px;
}
.woocommerce-page .woocommerce .order_details li.order {
background: #fff;
}
.woocommerce-page .products a.button {
text-decoration: none;
}
.woocommerce-page .product .cart .button {
color: #fff;
}
.woocommerce-page .woocommerce {
margin-top: 25px;
}
.woocommerce-page .woocommerce .order {
background: #fff;
}
.woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
font-size: 12px;
}
.woocommerce-page .woocommerce #payment ul.payment_methods {
margin: 0;
border-bottom: 1px solid #d3ced2;
text-align: left;
list-style: outside none none;
}
.woocommerce-page .woocommerce #payment {
background: none repeat scroll 0 0 #fafafa;
}
.woocommerce-page .woocommerce #payment div.payment_box {
position: relative;
width: 96%;
margin: 1em 0;
padding: 1em 2%;
border-radius: 2px;
color: #515151;
background-color: #dfdcde;
font-size: 0.92em;
line-height: 1.5;
}
.woocommerce-page .woocommerce #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
margin-bottom: 0;
}
.woocommerce-page .woocommerce #payment div.payment_box:after {
position: absolute;
top: -3px;
left: 0;
margin: -13px 0 0 2em;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #ececec;
border-image: none;
content: "";
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.woocommerce-page .woocommerce #payment h3 {
padding-left: 20px;
}
.woocommerce-page .woocommerce #payment #place_order {
float: none;
}
.woocommerce-page .woocommerce a.button {
margin-left: 0;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button {
margin-left: 0;
padding: 13px 35px 13px 35px;
font-size: 12px;
}
.woocommerce button.button {
width: 100%;
}
.woocommerce-page .woocommerce select {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
outline: 0;
color: #a0a0a0;
line-height: 1;
}
.woocommerce-page .woocommerce #order_review {
float: right;
clear: right;
width: 40%;
margin-right: 0;
}
.woocommerce-page .woocommerce .login {
float: left;
width: 100%;
}
.woocommerce-page .select2-drop {
text-align: left;
}
.woocommerce-page .woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding-bottom: 0;
border: none;
background: none;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
border: none;
content: "";
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
content: "";
}
.woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin-bottom: -1px;
border-bottom: 2px solid #e96656;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
box-shadow: none;
}
.woocommerce-page .comment-form {
float: left;
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce #review_form #respond .form-submit input {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 130px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
clear: left;
}
.woocommerce table.shop_table {
clear: left;
font-size: 16px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
margin-bottom: 1em;
}
.woocommerce .upsells {
width: 100%;
float: left;
}
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products {
float: left;
clear: left;
}
/**/
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
padding: 0;
content: "\2713";
}
.woocommerce .shipping_calculator h2 a {
font-size: 18px;
}
/**/
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: none;
position: relative;
width: 22.05%;
margin: 0 3.8% 2.992em 0;
padding: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1),
.woocommerce-page ul.products li.product:nth-child(4+1) {
clear: left;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination {
float: left;
width: 100%;
padding-bottom: 30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers .current:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
display: none;
content: "";
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 3px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 32px;
min-width: 32px;
border: none;
border-radius: 4px;
color: #000;
background: rgb(236, 236, 236);
}
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: rgb(233, 102, 86);
}
.woocommerce div.product form.cart label {
color: #404040;
}
.woocommerce p.stars a:before,
.woocommerce p.stars a:hover ~ a:before {
display: none;
content: "";
}
/* Changes for woocommerce 3.0.0 */
.woocommerce div.product .related {
clear: both;
}
.woocommerce div.product {
float: left;
width: 100%;
}
.woocommerce-product-details__short-description {
clear: both;
text-align: left;
}
.woocommerce-product-details__short-description ul {
margin: 0 0 24px;
list-style-position: inside;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 30.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
width: 30.75%;
padding-top: 1em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 3.8%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
margin: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: auto;
margin: 0 0 2em!important;
padding: 1em 2em 1em 3.5em!important;
word-wrap: break-word;
list-style: none!important;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
margin: 0 !important;
margin-left: 2em !important;
color: inherit;
background: transparent;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
color: #404040;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: inherit;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 20px;
}
/* End changes for woocommerce 3.0.0*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (max-width: 992px) {
.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-page .products .product > a:first-child {
/* min-height: 325px; */
}
.large-container {
width: 100%;
}
}
@media (max-width: 767px) {
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
.woocommerce-page .woocommerce #order_review {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 100%;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: both;
width: 48%;
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1) {
clear: none;
}
.woocommerce .upsells.products ul li.product:nth-child(even),
.woocommerce-page ul.products li.product:nth-child(even) {
float: right;
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(odd),
.woocommerce-page ul.products li.product:nth-child(odd) {
clear: left;
}
.listpost-content-wrap-large {
position: relative;
}
.menu-align-center .responsive-logo > a {
float: left;
}
}
@media (max-width: 600px) {
.woocommerce-page .product .images {
width: 100%;
}
.woocommerce-page .product .entry-summary {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
font-size: 14px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
padding: 10px 10px;
}
.listpost-content-wrap-large {
position: relative;
}
.listpost-content-wrap-large {
padding: 20px 0 0 0;
}
body {
position: initial !important;
}
.entry-meta-large {
float: left;
position: relative;
width: 100%;
}
.entry-footer-large {
padding-right: 0;
}
}
@media (max-width: 480px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-top: 50px;
padding-left: 0;
}
.woocommerce-page .comment-text .star-rating {
float: left;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 5px 0;
border-right: none;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
width: 100%;
}
}
/* [end] woocommerce */
/* bbpress style [version 2.5.8] */
.bbpress #subscription-toggle {
float: right;
}
.bbpress .bbp-breadcrumb {
margin: 10px 0;
}
#subscription-toggle {
/** margin: 10px 0; */
}
#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: 2px;
}
div.bbp-template-notice.info {
padding: 1px 5px;
border: none;
background-color: #f0f8ff;
}
div.bbp-template-notice,
div.indicator-hint {
padding: 1px 5px;
border: none;
background-color: #fff7d6;
}
#bbpress-forums fieldset.bbp-form label {
line-height: 30px;
}
div.bbp-template-notice a {
color: #008ed6;
text-decoration: none;
}
.bbp-pagination {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#bbpress-forums li.bbp-header {
padding: 10px 0;
background: #fbfbfb;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 11px;
line-height: 16px;
}
#bbpress-forums div.bbp-the-content-wrapper input {
width: auto;
}
#bbpress-forums fieldset.bbp-form input {
padding: 5px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
border-top: none;
}
#bbpress-forums li.bbp-header {
background: none;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: none;
}
#bbpress-forums input[type="submit"] {
padding: 5px 30px 5px 30px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: none;
}
#bbpress-forums li.bbp-header {
border-bottom: 2px solid #ececec;
}
#bbpress-forums li.bbp-footer {
border-top: 3px solid #ececec;
}
.bbp-breadcrumb,
.bbp-breadcrumb a,
.bbp-breadcrumb p {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #f9f9f9 !important;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-forum-title,
.bbp-forum-title:visited {
float: left;
margin-bottom: 15px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.bbp-forum-title:hover {
text-decoration: none;
}
.bbp-forum-title:after {
display: block;
width: 80px;
height: 2px;
margin-top: 5px;
background: #008ed6;
content: "";
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px 5px !important;
border-top: 1px solid #eee;
}
.bbp-forum-freshness p,
.bbp-forum-freshness a,
.bbp-forum-freshness span {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.bbp-forum-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
clear: left;
margin: 0;
font-size: 14px;
line-height: 24px;
}
#bbpress-forums li {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums p.bbp-topic-meta span {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-started-by {
float: left;
}
div.bbp-template-notice p,
div.bbp-template-notice a {
font-size: 12px;
line-height: 16px;
}
.bbp-topic-freshness,
.bbp-topic-freshness a {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-freshness a {
color: #666;
font-style: italic;
}
a.bbp-author-name:hover,
.bbp-topic-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: none;
}
#bbpress-forums .bbp-author-name {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 0;
padding: 0;
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border: 1px solid #e7e7e7;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
font-size: 14px;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: left;
width: 25%;
text-align: center;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
padding: 5px;
border: 1px solid #e7e7e7;
background-color: #fbfbfb;
box-shadow: none;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
color: #e96656;
}
#bbpress-forums fieldset.bbp-form input {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums fieldset.bbp-form select {
padding: 5px;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background: red;
}
#bbpress-forums div.bbp-topic-tags {
float: left;
width: 100%;
margin-bottom: 15px;
}
#bbpress-forums .bbp-topic-description a {
color: #666;
font-size: 12px;
font-style: italic;
}
#bbpress-forums .bbp-topic-description a:hover {
text-decoration: underline;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 5px 0;
}
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
padding: 8px 0;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums .bbp-admin-links {
color: transparent;
}
#bbpress-forums .bbp-admin-links a:hover {
color: #008ed6;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
.bbp-body a.bbp-topic-permalink {
position: relative;
color: #404040;
font-size: 20px;
line-height: 22px;
}
.bbp-body a.bbp-topic-permalink:hover {
color: #e96656;
}
.bbp-body .bbp-topic-permalink:after {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 30px;
line-height: 34px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
opacity: 0.8;
color: #fff;
background: #008ed6;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
line-height: 18px;
}
#bbpress-forums .bbp-forum-description .bbp-author-name {
font-size: 12px;
}
.bbp-pagination-count {
float: left;
border: 1px solid transparent;
font-size: 12px;
}
.bbp-topic-tags a {
color: #949494;
font-style: italic;
}
.bbp-topic-tags a:hover {
color: #e96656;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
clear: left;
color: #e96656;
}
.bbp-reply-post-date {
font-size: 12px;
}
.bbp-template-notice.error strong {
font-size: 12px;
}
.bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
background: #e96656;
content: "";
}
.bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
background: #e96656;
content: "";
}
.bbp-meta {
float: left;
width: 100%;
padding: 0 5px;
border-bottom: 1px solid #f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-border-radius: 3px;
}
span.bbp-admin-links a {
color: #666;
}
span.bbp-admin-links a:hover {
color: #e96656 !important;
}
#favorite-toggle a,
#subscription-toggle a {
color: #666;
font-style: italic;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
color: #e96656;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
clear: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4em;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.bbp-user-section {
margin-top: 20px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
background: none !important;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
clear: left;
}
.bbp-topic-started-in a {
color: #666;
font-size: 12px;
font-style: italic;
}
.bbp-topic-started-in a:hover {
text-decoration: underline;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-replies {
clear: left;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header {
float: left;
clear: left;
font-size: 13px;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
font-size: 13px;
font-style: italic;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
float: left;
}
#bbpress-forums fieldset.bbp-form legend {
float: left;
position: relative;
margin-top: 50px;
margin-bottom: 30px;
color: #404040;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#bbpress-forums fieldset.bbp-form legend:before {
position: absolute;
z-index: 1;
bottom: -5px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums .is-favorite a {
color: #e96656;
}
#bbpress-forums .bbp-reply-title h3 {
float: left;
}
#bbpress-forums .bbp-reply-title h3 a {
font-size: 16px;
font-style: italic;
}
#bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-forum-header {
padding-bottom: 0;
background: none;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header {
background: none;
}
#bbpress-forums div.bbp-topic-title h3 {
float: left;
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
float: left;
margin-left: 5px;
line-height: 33px;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
display: none;
content: "";
}
li.bbp-body div.hentry {
padding: 0;
}
#bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
padding-top: 0;
}
/* [end] bbpress */
/* Easy Digital Downloads style [version 2.4.9] */
.edd_download {
float: left;
width: 33%;
}
.edd_download:nth-child(4n+1) {
clear: both;
}
.edd_download_excerpt p {
text-align: justify;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
color: #fff;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
border: none;
}
#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
border: none;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#edd_checkout_cart a,
.edd_discount_link a,
.edd-lost-password a {
color: #f73f2e;
}
#edd_login_form input[type="submit"] {
margin-left: 0;
}
#edd_checkout_form_wrap select.edd-select {
display: block;
width: 70%;
}
.edd-cart-added-alert {
width: 100%;
color: #d9534f;
}
.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
border: none;
border: none;
border-bottom: 3px solid #c84e54;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background-color: #e86a6a;
}
.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
color: #fff;
}
.edd-alert-error a:hover {
text-decoration: underline;
}
#edd_checkout_form_wrap fieldset p:last-child {
color: rgba(255,255,255,0.8);
}
.edd_download_inner {
margin: 0 15px;
margin-bottom: 30px;
padding: 15px;
background: #fff;
text-align: center;
list-style: none;
transition: all ease 0.55s;
}
.edd_download_inner:hover {
border-bottom-color: #008ed6;
}
.edd_download_title a,
.edd_download_title {
color: #404040;
font-size: 1em;
font-weight: bold;
line-height: 24px;
}
.edd_download_title {
margin-top: 10px;
margin-bottom: 10px;
}
#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
border-bottom: 0;
}
#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
margin-bottom: 10px;
}
#edd_new_user_pass1,
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="url"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="search"],
#edd_profile_editor_form textarea {
width: 221px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #555;
}
#edd_profile_editor_form input[type="submit"] {
margin-left: 0;
}
#edd_profile_billing_address_wrap legend {
margin-top: 50px;
}
#edd_login_form legend {
margin-top: 50px;
}
#edd_address_country,
#edd_display_name {
width: 192px;
}
#edd_user_history,
#edd_checkout_cart,
#edd_checkout_form_wrap fieldset,
#edd_discounts_list {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th {
padding: 9px 12px;
border: none;
background: transparent;
}
#edd_user_history td,
#edd_checkout_cart td {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
.edd_cart_footer_row,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart tfoot th:last-child {
border-top: 1px solid rgba(0,0,0,0.1);
}
#edd_checkout_cart .edd_checkout_cart_item_title,
#edd_checkout_cart td {
font-size: 16px;
line-height: 22px;
}
#edd_checkout_cart td {
border-right: none;
border-left: none;
}
#edd_discounts_list .edd_discount {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
list-style: none;
}
#edd_discounts_list .edd_discount:nth-child(1) {
border-top: none;
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=text] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
#edd_profile_editor_form legend {
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
color: #333;
font-size: 120%;
font-weight: 700;
line-height: 1;
}
.edd_price_options.edd_multi_mode ul {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
.edd_price_options.edd_multi_mode ul li {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.edd_price_options.edd_multi_mode ul li:nth-child(1) {
border-top: none;
}
.edd-image-wrap {
float: right;
width: 100%;
max-width: 50%;
padding: 0 0 15px 15px;
}
.edd-image-wrap img {
width: 100%;
height: auto;
}
/* WP MegaMenu */
.wr-megamenu-container .preview-text,
.wr-megamenu-container .preview-text p {
color: #808080;
font-size: 14px;
font-weight: normal;
}
.wr-megamenu-container .block-sub-menu a {
padding: 5px;
color: #808080;
}
.wr-element-submenu .submenu-items a {
padding: 6px 5px 6px 20px !important;
}
.wr-megamenu-container {
margin-top: 12px;
}
.it-responsive-mega {
display: none !important;
}
.jsn-bootstrap3 .glyphicon {
margin-right: 2px;
font-size: 10px;
}
.wr-element-container {
padding: 5px 0;
}
.jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
display: none !important;
}
.wr-element-container ul.sub-menu li a > i,
.wr-element-container ul.submenu-items li a > i {
margin-right: 7px;
}
@media only screen and (max-width: 783px) {
.wr-mega-menu .wr-menu-down {
margin: -43px 5px 0 0 !important;
}
}
@media (max-width: 992px) {
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
padding: 10px;
color: #fff;
font-size: 12px;
}
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
font-size: 12px;
}
.zerif_about_us_center p,
.about-us .col-md-6.zerif_about_us_center.text_and_skills p {
text-align: center;
}
}
@media (max-width: 768px) {
.edd_download {
width: 100% !important;
}
}
/* [end] Easy Digital Downloads */
body.custom-background {
background-attachment: fixed !important;
background-position: top center !important;
}
.blog .blog-site-content.site-content {
background: #fff;
}
.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
clear: both;
}
.dropdownmenu {
display: none;
}
/* mobile background fix */
.mobile-bg-fix-wrap {
overflow: hidden;
width: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
/*---------------------------------------
** Max Mega Menu -----
-----------------------------------------*/
.mega-menu-primary #main-nav > .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
text-align: center;
}
.menu-align-center #mega-menu-wrap-primary {
margin: auto;
}
#mega-menu-wrap-primary {
margin-left: auto;
}
.obfx-menu-icon {
vertical-align: middle;
margin-right: 5px;
}
@media (max-width: 768px) {
.mega-menu-primary #main-nav > .container {
display: block;
}
.mega-menu-primary .responsive-logo {
float: left;
}
#mega-menu-wrap-primary {
float: none;
clear: both;
position: static;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 20px;
top: 20px;
margin-bottom: 10px;
background: #808080;
border: 1px solid #333;
border-radius: 4px;
height: auto;
transition: .3s ease background;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
background: #e96656;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
margin: 0;
font-size: 28px;
padding: 0 10px;
color: #fff;
line-height: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
line-height: 34px;
}
.mega-toggle-label-closed,
.mega-toggle-label-open {
padding-left: 10px;
}
.mega-toggle-label-closed:empty,
.mega-toggle-label-open:empty {
padding-left: 0;
}
}
@media (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle {
position: relative;
top: 0;
left: 0;
}
.mega-menu-primary .responsive-logo {
width: 100%;
text-align: center;
}
.mega-menu-primary .navbar-brand {
float: none !important;
}
}
/*---------------------------------------
** Responsive -----
-----------------------------------------*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* TOP BAR ELEMENTS */
/* HOME */
.intro {
margin-top: 40%;
font-size: 45px;
line-height: 55px;
}
/* ABOUT US */
.big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
/* TEAM */
.team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
line-height: 18px;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.container .company-details {
width: 33%;
padding-top: 40px;
}
}
@media (max-width: 992px) {
.purchase-now .red-btn {
float: none;
}
.skills {
margin-left: 0;
}
#client-feedbacks .feedback-box {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 26%;
}
.intro-text {
font-size: 45px;
line-height: 55px;
}
.section-header h2 {
font-size: 35px;
}
.section-header {
padding-bottom: 30px;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 60px;
padding-bottom: 60px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 225px 0 150px;
}
.about-us .big-intro {
text-align: center;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.container .company-details:first-child {
padding-top: 40px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
.container .company-details {
width: 100%;
}
}
@media (max-width: 767px) {
/* HEADER */
.bs-navbar-collapse {
border: 0;
}
#main-nav {
overflow: visible;
}
#main-nav,
#main-nav.fixed {
position: relative;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li {
position: relative;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
width: 100%;
box-shadow: none;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: left;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
float: left;
width: 100%;
padding: 8px 25px 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
top: 0;
left: 0;
}
.navbar-inverse .navbar-brand {
float: left;
}
.rtl .navbar-inverse .navbar-brand {
float: right;
}
#main-nav {
overflow: hidden;
}
.navbar-collapse {
max-height: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-left: 20px;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-top: 0;
padding-bottom: 0;
}
.dropdownmenu {
display: block;
position: absolute;
z-index: 9;
top: 5px;
right: 0;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
border-radius: 3px;
background: url(images/menu-icon.png) center center no-repeat #e96656;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
margin-right: 0;
padding-right: 0;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #404040 !important;
}
.this-open > a {
color: #e96656 !important;
}
li.current > a:before {
display: none !important;
content: "";
}
ul.nav > li.current_page_item > a:before {
left: 0;
width: 50px;
content: "";
}
.menu-align-center #site-navigation > ul ul {
left: 0;
}
/* HOME */
.header {
min-height: inherit;
padding-bottom: 0 !important;
}
.intro {
font-size: 6.5vw;
line-height: 8vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 30%;
}
.intro-text {
font-size: 41px;
line-height: 49px;
}
.focus-box {
margin-bottom: 75px;
}
.section-header {
float: left;
width: 100%;
}
.pirate-forms-g-recaptcha > div {
display: inline-block;
}
.pirate_forms .pirate-forms-submit-button {
display: inline-block;
text-align: center;
}
.contact_submit_wrap {
text-align: center;
}
/* ABOUT US */
.big-intro {
font-size: 8vw !important;
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
.our-clients {
float: left;
width: 100%;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
footer.entry-footer {
padding-top: 0;
}
/* comments */
.comment-metadata {
position: relative;
top: 0;
right: 0;
}
}
@media (max-width: 480px) {
/* HOME */
.intro {
margin-top: 60%;
font-size: 6.5vw;
line-height: 6vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 40%;
}
.intro-text {
font-size: 32px;
line-height: 37px;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
margin-right: 0;
text-align: left;
}
/* blog */
.post-img-wrap {
width: 100%;
}
.listpost-content-wrap {
float: left;
width: 100%;
margin-top: 20px;
}
.post-img-wrap a {
float: none;
width: 250px;
height: 250px;
margin: 0 auto;
}
.post-img-wrap {
margin-right: 0;
text-align: center;
}
.post-img-wrap a img {
width: auto;
}
/* comments */
.comment-reply-link {
position: relative;
margin-top: 10px;
}
.post-img-wrap a img {
width: 250px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 320px) {
.intro {
font-size: 7vw;
line-height: 25px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 50%;
}
.intro-text {
font-size: 22px;
line-height: 30px;
}
.client-list ul li {
display: block;
}
.listpost-content-wrap-large {
position: relative;
}
.post-img-wrap-large {
display: none;
}
}
.zerif-copyright {
color: #939393!important;
}
.zerif-copyright-box {
width: 100%;
color: #666;
}
/* print */
@media print {
body {
font-size: 11.25pt;
}
a:link:after,
a:visited:after {
content: "";
}
header.header {
min-height: 0 !important;
}
#main-nav {
position: relative;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 30px 0 15px;
}
.buttons {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 15px;
}
.focus {
padding-bottom: 0;
}
.focus .row .focus-box,
.zerif_about_us_center,
.zerif-rtl-skills .skills,
#testimonials > .container > .row,
.zerif-rtl-contact-name,
.zerif-rtl-contact-email,
.zerif-rtl-contact-subject,
#contact > .container > .row .col-lg-12.col-sm-12,
.purchase-now > .container > .row .col-md-9,
.purchase-now > .container > .row .col-md-3,
.separator-one > .color-overlay .container.text,
.separator-one > .color-overlay > div {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.focus .row .focus-box {
width: 23% !important;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.about-us {
padding-bottom: 0;
}
.about-us .column {
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.about-us .big-intro {
margin-top: 0;
text-align: center;
}
.zerif-rtl-big-title,
.zerif-rtl-skills,
.zerif-rtl-skills .skills {
width: 100%;
}
.zerif-rtl-skills .skills li.skill {
display: inline-block;
float: left;
clear: none;
width: 25%;
margin-bottom: 0;
}
.about-us p {
text-align: center;
}
.our-team {
padding-top: 30px;
padding-bottom: 0;
}
.our-team .row {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.our-team .col-lg-3.col-sm-3 {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.team-member .profile-pic {
width: 100%;
height: auto;
}
#client-feedbacks .feedback-box {
width: 30%;
margin: 1.5%;
padding: 0;
}
.feedback-box .quote {
display: none;
}
.feedback-box .client-info {
margin-left: 0;
}
.section-header {
padding-bottom: 15px;
}
.testimonial {
padding-bottom: 0;
}
.feedback-box .client {
margin-top: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .input-box,
textarea {
border: 1px solid #000 !important;
box-shadow: none;
}
.footer-box {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.latestnews-box {
float: left;
width: 50%;
margin: 0;
padding: 0;
padding-right: 2%;
padding-left: 2%;
}
#carousel-homepage-latestnews .item {
height: auto !important;
}
.company-details {
float: left;
width: 33% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.copyright {
width: 100%;
}
.separator-one,
.purchase-now {
padding: 15px 0 15px 0;
}
.latest-news {
padding-top: 15px;
padding-bottom: 15px;
}
/* inner page */
.content-left-wrap {
padding-top: 0;
}
}
/* Nivo slider basic styling */
.nivo-controlNav {
position: absolute;
width: 100%;
bottom: 30px;
text-align: center;
z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
margin: 0 10px;
padding: 5px 10px;
opacity: 0.85;
color: #fff;
background-color: rgba(10, 10, 10, 0.9);
cursor: pointer;
transition: 0.3s ease;
}
.nivo-controlNav a.active {
color: #333;
background: #fff;
}
.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
opacity: 1;
}
.nivo-directionNav {
position: relative;
z-index: 100;
bottom: 74px;
width: 100%;
}
.nivo-directionNav .nivo-prevNav {
float: left;
}
.nivo-directionNav .nivo-prevNav:before {
content: "\00AB ";
}
.nivo-directionNav .nivo-nextNav {
float: right;
}
.nivo-directionNav .nivo-nextNav:after {
content: " \00BB";
}
/* END Nivo slider basic styling */
home/xbodynamge/www/wp-content/themes/twentyfifteen/style.css 0000604 00000300233 15112446631 0020605 0 ustar 00 /*
Theme Name: Twenty Fifteen
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Reset
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigations
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Header
* 11.0 - Widgets
* 12.0 - Content
* 12.1 - Posts and pages
* 12.2 - Post Formats
* 12.3 - Comments
* 13.0 - Footer
* 14.0 - Media
* 14.1 - Captions
* 14.2 - Galleries
* 15.0 - Multisite
* 16.0 - Media Queries
* 16.1 - Mobile Large
* 16.2 - Tablet Small
* 16.3 - Tablet Large
* 16.4 - Desktop Small
* 16.5 - Desktop Medium
* 16.6 - Desktop Large
* 16.7 - Desktop X-Large
* 17.0 - Print
*/
/**
* 1.0 - Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #f1f1f1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
fieldset {
min-width: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/**
* 2.0 - Genericons
*/
.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 Typography
*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Noto Serif", serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
}
p {
margin-bottom: 1.6em;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border-left: 4px solid #707070;
border-left: 4px solid rgba(51, 51, 51, 0.7);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 18px;
font-size: 1.8rem;
font-style: italic;
line-height: 1.6667;
margin-bottom: 1.6667em;
padding-left: 0.7778em;
}
blockquote p {
margin-bottom: 1.6667em;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
color: #333;
font-size: 15px;
font-size: 1.5rem;
font-family: "Noto Sans", sans-serif;
line-height: 1.6;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
address {
font-style: italic;
margin: 0 0 1.6em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.2;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted #eaeaea;
border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
cursor: help;
}
mark,
ins {
background-color: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/**
* 4.0 Elements
*/
hr {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
border: 0;
height: 1px;
margin-bottom: 1.6em;
}
ul,
ol {
margin: 0 0 1.6em 1.3333em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
}
table,
th,
td {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed; /* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.4em;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
}
del {
opacity: 0.8;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
}
:-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
}
::-moz-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
}
/**
* 5.0 Forms
*/
button,
input,
select,
textarea {
background-color: #f7f7f7;
border-radius: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
color: #333;
}
input:focus,
select:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
opacity: .5;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
padding: 0.7917em 1.5em;
text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
outline: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.375em;
width: 100%;
}
textarea {
overflow: auto;
vertical-align: top;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: 0;
}
.post-password-form {
position: relative;
}
.post-password-form label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.post-password-form input[type="submit"] {
padding: 0.7917em;
position: absolute;
right: 0;
bottom: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
padding: 0;
}
/**
* 6.0 Navigations
*/
/**
* 6.1 Links
*/
a {
color: #333;
text-decoration: none;
}
a:hover,
a:focus {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
/**
* 6.2 Menus
*/
.main-navigation a {
display: block;
padding: 0.8em 0;
position: relative;
text-decoration: none;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation ul ul {
display: none;
margin-left: 0.8em;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
position: relative;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
border-top: 0;
}
.main-navigation .menu-item-has-children > a {
padding-right: 48px;
}
.main-navigation .menu-item-description {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5;
margin-top: 0.5em;
}
.no-js .main-navigation ul ul {
display: block;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
content: "";
height: 42px;
padding: 0;
position: absolute;
text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
top: 3px;
right: 0;
width: 42px;
}
.dropdown-toggle:after {
color: #333;
content: "\f431";
font-size: 24px;
line-height: 42px;
position: relative;
top: 0;
left: 1px;
width: 42px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: #eaeaea;
background-color: rgba(51, 51, 51, 0.1);
}
.dropdown-toggle:focus {
outline: 1px solid #c1c1c1;
outline: 1px solid rgba(51, 51, 51, 0.3);
}
.dropdown-toggle.toggle-on:after {
content: "\f432";
}
.social-navigation {
margin: 9.0909% 0;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -1.6em 0;
}
.social-navigation li {
float: left;
}
.social-navigation a {
display: block;
height: 3.2em;
position: relative;
width: 3.2em;
}
.social-navigation a:before {
content: "\f415";
font-size: 24px;
position: absolute;
top: 0;
left: 0;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href*="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.secondary-toggle {
background-color: transparent;
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
height: 42px;
overflow: hidden;
padding: 0;
position: absolute;
top: 50%;
right: 0;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 42px;
}
.secondary-toggle:before {
color: #333;
content: "\f419";
line-height: 40px;
width: 40px;
}
.secondary-toggle:hover,
.secondary-toggle:focus {
background-color: transparent;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
outline: 0;
}
.secondary-toggle.toggled-on:before {
content: "\f405";
font-size: 32px;
position: relative;
top: 1px;
left: -1px;
}
.post-navigation {
background-color: #fff;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
font-weight: 700;
}
.post-navigation a {
display: block;
padding: 3.8461% 7.6923%;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0.04em;
line-height: 1.5;
position: relative;
text-transform: uppercase;
z-index: 2;
}
.post-navigation .post-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
position: relative;
z-index: 2;
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
background-position: center;
background-size: cover;
position: relative;
}
.post-navigation a:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.post-navigation a:hover:before,
.post-navigation a:focus:before {
opacity: 0.5;
}
.post-navigation .meta-nav {
opacity: 0.8;
}
.post-navigation div + div {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.pagination {
background-color: #fff;
border-top: 1px solid rgba(51, 51, 51, 0.1);
font-family: "Noto Sans", sans-serif;
}
.pagination .nav-links {
min-height: 3.2em;
position: relative;
text-align: center;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
line-height: 3.2em;
padding: 0 0.6667em;
}
.pagination .page-numbers.current {
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: inline-block;
height: 48px;
overflow: hidden;
padding: 0;
position: absolute;
width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 48px;
line-height: 48px;
position: relative;
width: 48px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
}
.pagination .prev {
left: 0;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
}
.image-navigation,
.comment-navigation {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
}
.image-navigation a,
.comment-navigation a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.image-navigation a:hover,
.image-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
color: #333;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\2215";
font-weight: 400;
margin: 0 0.7em;
}
.image-navigation .nav-previous a:before,
.comment-navigation .nav-previous a:before {
content: "\f430";
margin-right: 0.2em;
position: relative;
}
.image-navigation .nav-next a:after,
.comment-navigation .nav-next a:after {
content: "\f429";
margin-left: 0.2em;
position: relative;
}
.comment-navigation {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 2em 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
}
.image-navigation {
padding: 0 7.6923%;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
margin-bottom: 2em;
}
/**
* 7.0 Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font: bold 14px/normal "Noto Sans", sans-serif;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 Alignments
*/
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
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: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
/**
* 9.0 Clearings
*/
.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
content: "";
display: table;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
}
/**
* 10.0 Header
*/
.site-header {
background-color: #fff;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 7.6923%;
}
.site-branding {
min-height: 2em;
padding-right: 60px;
position: relative;
}
.site-title {
font-family: "Noto Sans", sans-serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.3636;
margin-bottom: 0;
}
.custom-logo {
max-height: 84px;
width: auto;
}
.wp-custom-logo .site-title {
margin-top: 0.545454545em;
}
.site-description {
display: none;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5;
margin: 0.5em 0 0;
opacity: 0.7;
}
/**
* 11.0 Widgets
*/
.widget {
color: #707070;
color: rgba(51, 51, 51, 0.7);
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 auto 9.09090%;
width: 100%;
word-wrap: break-word;
}
.widget pre {
line-height: 1.2;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.7917em 1.5833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.375em;
}
.widget-title {
color: #333;
font-family: "Noto Sans", sans-serif;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget > :last-child {
margin-bottom: 0;
}
.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-family: "Noto Serif", serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 0.7667em 0;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.widget_recent_entries .post-date {
display: block;
}
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 1.6em;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: 700;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_rss .rss-date,
.widget_rss cite {
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
.textwidget > :last-child {
margin-bottom: 0;
}
.textwidget a {
border-bottom: 1px solid #333;
}
.textwidget a:hover,
.textwidget a:focus {
border-bottom: 0;
}
.textwidget ul,
.textwidget ol {
margin-left: 1.6em;
}
.tagcloud ul {
list-style-type: none;
}
.tagcloud ul li {
display: inline-block;
}
/**
* 12.0 Content
*/
.secondary {
background-color: #fff;
display: none;
padding: 0 7.6923%;
}
.secondary.toggled-on {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
display: block;
}
.widget-area {
margin: 9.09090% auto 0;
}
.site-footer {
background-color: #fff;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 3.84615% 7.6923%;
}
/**
* 12.1 Posts and pages
*/
.hentry {
background-color: #fff;
padding-top: 7.6923%;
position: relative;
}
.hentry.has-post-thumbnail {
padding-top: 0;
}
.hentry.sticky:not(.has-post-thumbnail) {
padding-top: -webkit-calc(7.6923% + 24px);
padding-top: calc(7.6923% + 24px);
}
.hentry + .hentry {
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.post-thumbnail {
border: 0;
display: block;
margin-bottom: 2.4em;
}
.post-thumbnail img {
display: block;
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-header {
padding: 0 7.6923%;
}
.entry-title {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-bottom: 0.9231em;
}
.entry-content,
.entry-summary {
padding: 0 7.6923% 7.6923%;
}
.entry-content > :last-child,
.entry-summary > :last-child {
margin-bottom: 0;
}
.entry-content,
.entry-summary,
.page-content,
.comment-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-top: 1.8462em;
margin-bottom: 0.9231em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
margin-top: 2.1818em;
margin-bottom: 1.0909em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-top: 2.6667em;
margin-bottom: 1.3333em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 3.2em;
margin-bottom: 1.6em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
letter-spacing: 0.1em;
text-transform: uppercase;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
margin-top: 0;
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
border-bottom: 1px solid #333;
}
.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;
}
.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
display: block;
}
.entry-content .more-link,
.entry-summary .more-link:after {
white-space: nowrap;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
content: "\f429";
font-size: 16px;
position: relative;
top: 5px;
}
.author-info {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
margin: 0 7.6923%;
padding: 7.6923% 0;
}
.author-info .avatar {
float: left;
height: 36px;
margin: 0 1.6em 1.6em 0;
width: 36px;
}
.author-heading {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0.04em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.author-title {
clear: none;
}
.author-bio {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
overflow: hidden;
padding-bottom: 1px;
}
.author-description {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.author-description a {
border-bottom: 1px solid #333;
}
.author-description a:hover,
.author-description a:focus {
border-bottom: 0;
}
.author-description > :last-child {
margin-bottom: 0;
}
.author-link {
white-space: nowrap;
}
.author-link:after {
content: "\f429";
position: relative;
top: 1px;
}
.entry-footer {
background-color: #f7f7f7;
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 3.8461% 7.6923%;
}
.entry-footer a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.entry-footer a:hover {
border-bottom: 1px solid #333;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #333;
}
.sticky-post {
background-color: #333;
color: #fff;
font-weight: 700;
letter-spacing: 0.04em;
padding: 0.25em 0.5em;
position: absolute;
top: 0;
text-transform: uppercase;
}
.updated:not(.published) {
display: none;
}
.sticky .posted-on {
display: none;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
margin-right: 2px;
position: relative;
}
.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.entry-format,
.full-size-link {
margin-right: 1em;
}
.format-aside .entry-format:before {
content: "\f101";
}
.format-image .entry-format:before {
content: "\f473";
}
.format-gallery .entry-format:before {
content: "\f103";
}
.format-video .entry-format:before {
content: "\f104";
}
.format-status .entry-format:before {
content: "\f105";
}
.format-quote .entry-format:before {
content: "\f106";
}
.format-link .entry-format:before {
content: "\f107";
}
.format-chat .entry-format:before {
content: "\f108";
}
.format-audio .entry-format:before {
content: "\f109";
}
.posted-on:before {
content: "\f307";
}
.byline:before {
content: "\f304";
}
.cat-links:before {
content: "\f301";
}
.tags-links:before {
content: "\f302";
}
.comments-link:before {
content: "\f300";
}
.full-size-link:before {
content: "\f402";
}
.edit-link:before {
content: "\f411";
}
.comments-link,
.edit-link {
white-space: nowrap;
}
.page-header {
background-color: #fff;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 7.6923%;
}
.page-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.taxonomy-description {
color: #707070;
color: rgba(51, 51, 51, 0.7);
padding-top: 0.4em;
}
.taxonomy-description a {
border-bottom: 1px solid #333;
}
.taxonomy-description a:hover,
.taxonomy-description a:focus {
border-bottom: 0;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-content {
background-color: #fff;
padding: 7.6923%;
}
.page-content > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: "Noto Sans", sans-serif;
margin-bottom: 1.3333em;
}
.page-links a,
.page-links > span {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
height: 2em;
line-height: 2;
margin: 0 0.3333em 0.3333em 0;
text-align: center;
width: 2em;
}
.page-links a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
border-color: #333;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #707070;
color: rgba(51, 51, 51, 0.7);
height: auto;
margin: 0;
padding-right: 0.5em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.6em;
}
.type-attachment .entry-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5;
padding-top: 0.5em;
word-wrap: break-word;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
/**
* 12.2 Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-bottom: 1.3333em;
}
.format-link .entry-title a:after {
content: "\f442";
font-size: 24px;
height: 24px;
position: relative;
top: 0;
width: 24px;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 12.3 Comments
*/
.comments-area {
background-color: #fff;
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 7.6923%;
}
.comments-area > :last-child {
margin-bottom: 0;
}
.comment-list + .comment-respond {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comments-title,
.comment-reply-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 1.6em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
color: #707070;
color: rgba(51, 51, 51, 0.7);
margin-bottom: 0.4em;
}
.comment-author a:hover {
border-bottom: 1px solid #707070;
border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}
.comment-author .avatar {
float: left;
height: 24px;
margin-right: 0.8em;
width: 24px;
}
.bypostauthor > article .fn:after {
content: "\f304";
position: relative;
top: 5px;
left: 3px;
}
.comment-metadata,
.pingback .edit-link {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.comment-metadata a,
.pingback .edit-link a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.comment-metadata a:hover,
.pingback .edit-link a:hover {
border-bottom: 1px solid #333;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
color: #333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 12px;
font-size: 1.2rem;
}
.comment-list .reply a {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 1;
margin-top: 2em;
padding: 0.4167em 0.8333em;
text-transform: uppercase;
}
.comment-list .reply a:hover,
.comment-list .reply a:focus {
border-color: #333;
color: #333;
outline: 0;
}
.comment-form {
padding-top: 1.6em;
}
.comment-form label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
display: block;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
width: 100%;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.no-comments {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-weight: 700;
padding-top: 1.6em;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #c0392b;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -3px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 0;
text-transform: none;
}
/**
* 13.0 Footer
*/
.site-info {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.site-info a:hover {
border-bottom: 1px solid #333;
}
.site-info a:hover,
.site-info a:focus {
color: #333;
}
.site-info span[role=separator] {
padding: 0 0.25em 0 0.5em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/**
* 14.0 Media
*/
.site .avatar {
border-radius: 50%;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
audio,
canvas {
display: inline-block;
}
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: 1.6em;
}
.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;
}
/**
* 14.1 Captions
*/
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
/**
* 14.2 Galleries
*/
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 15.0 Multisite
*/
.widecolumn {
background-color: #fff;
padding: 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_alert {
margin-bottom: 1.6em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-bottom: 0.9231em;
}
.widecolumn p {
margin: 1.6em 0;
}
.widecolumn p + h2 {
margin-top: 1.8462em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2em 0 0;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1.6rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
margin: 0;
width: 100%;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 16.0 Media Queries
*/
/*
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 16.1 Mobile Large 620px
*/
@media screen and (min-width: 38.75em) {
ul,
ol {
margin-left: 0;
}
li > ul,
li > ol,
blockquote > ul,
blockquote > ol {
margin-left: 1.3333em;
}
blockquote {
margin-left: -1em;
}
blockquote > blockquote {
margin-left: 0;
}
.site-branding {
min-height: 3.2em;
}
.site-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.0909;
}
.site-description {
display: block;
}
.secondary {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 7.6923% 7.6923% 0;
padding: 7.6923% 7.6923% 0;
}
.main-navigation {
margin-bottom: 11.1111%;
}
.main-navigation ul {
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.main-navigation ul ul {
border-top: 0;
border-bottom: 0;
}
.social-navigation {
margin-bottom: 11.1111%;
}
.social-navigation {
margin-top: 0;
}
.widget-area {
margin-top: 0;
}
.widget {
margin-bottom: 11.1111%;
}
.site-main {
padding: 7.6923% 0;
}
.hentry.sticky:not(.has-post-thumbnail) {
padding-top: inherit;
}
.hentry,
.page-header,
.page-content {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 0 7.6923%;
}
.hentry + .hentry,
.page-header + .hentry,
.page-header + .page-content {
margin-top: 7.6923%;
}
.hentry + .hentry {
border-top: 0;
}
.post-thumbnail {
margin-bottom: 2.4em;
}
.entry-header {
padding: 0 9.0909%;
}
.entry-content,
.entry-summary {
padding: 0 9.0909% 9.0909%;
}
.entry-footer {
padding: 4.5454% 9.0909%;
}
.page-header {
border-bottom: 0;
border-left: 7px solid #333;
padding: 3.8461% 7.6923%;
}
.page-title,
.taxonomy-description {
margin-left: -7px;
}
.page-content {
padding: 9.0909%;
}
.site-footer {
border-top: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 0 7.6923%;
padding: 3.84615% 7.6923%;
}
.post-navigation {
border-top: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 7.6923% 7.6923% 0;
}
.post-navigation a {
padding: 4.5454% 9.0909%;
}
.pagination {
border-top: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 7.6923% 7.6923% 0;
padding: 0;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.image-navigation {
padding: 0 9.0909%;
}
.comments-area {
border-top: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 7.6923% 7.6923% 0;
}
.comment-content ul,
.comment-content ol {
margin-left: 0;
}
.comment-content li > ul,
.comment-content li > ol,
.comment-content blockquote > ul,
.comment-content blockquote > ol {
margin-left: 1.3333em;
}
.widecolumn {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
margin: 7.6923%;
}
}
/**
* 16.2 Tablet Small 740px
*/
@media screen and (min-width: 46.25em) {
body,
button,
input,
select,
textarea {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6471em;
}
blockquote {
font-size: 20px;
font-size: 2rem;
line-height: 1.75;
margin-bottom: 1.75em;
margin-left: -1.05em;
padding-left: 0.85em;
}
blockquote p {
margin-bottom: 1.75em;
}
blockquote cite,
blockquote small {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
pre {
line-height: 1.2353;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"],
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8214em 1.6429em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5em;
}
.main-navigation {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.main-navigation a {
padding: 1em 0;
}
.main-navigation ul ul {
margin-left: 1em;
}
.main-navigation .menu-item-description {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.social-navigation ul {
margin-bottom: -1.4706em;
}
.social-navigation a {
height: 2.8824em;
width: 2.8824em;
}
.secondary-toggle {
height: 56px;
width: 56px;
}
.secondary-toggle:before {
line-height: 54px;
width: 54px;
}
.post-password-form label,
.post-navigation .meta-nav,
.image-navigation,
.comment-navigation,
.author-heading,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.comment-form .comment-form-cookies-consent label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption,
.widecolumn label,
.widecolumn .mu_register label {
font-size: 14px;
font-size: 1.4rem;
}
.pagination .nav-links {
min-height: 3.2941em;
}
.pagination .page-numbers {
line-height: 3.2941em;
padding: 0 0.8235em;
}
.pagination .prev,
.pagination .next {
height: 56px;
padding: 0;
width: 56px;
}
.pagination .prev:before,
.pagination .next:before {
height: 56px;
line-height: 56px;
width: 56px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
top: 2px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4118em;
margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2353em;
}
.site-branding {
min-height: 3.7059em;
padding-right: 66px;
}
.site-title {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
}
.custom-logo {
max-height: 105px;
}
.wp-custom-logo .site-title {
margin-top: 0.482758621em;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
}
.widget {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table,
.widget pre {
margin-bottom: 1.5em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
margin-bottom: 1.6471em;
margin-left: -1.2353em;
padding-left: 1em;
}
.widget blockquote p {
margin-bottom: 1.6471em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.widget blockquote > blockquote {
margin-left: 0;
}
.widget pre {
line-height: 1.5;
padding: 0.75em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
line-height: 1.75;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8214em 1.6429em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5625em;
}
.widget blockquote.alignleft,
.widget .wp-caption.alignleft,
.widget img.alignleft {
margin: 0.5em 1.5em 1.5em 0;
}
.widget blockquote.alignright,
.widget .wp-caption.alignright,
.widget img.alignright {
margin: 0.5em 0 1.5em 1.5em;
}
.widget blockquote.aligncenter,
.widget .wp-caption.aligncenter,
.widget img.aligncenter {
margin-top: 0.5em;
margin-bottom: 1.5em;
}
.widget .wp-caption.alignleft,
.widget .wp-caption.alignright,
.widget .wp-caption.aligncenter {
margin-bottom: 1em;
}
.widget-title {
margin: 0 0 1.5em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.9286;
}
.widget_calendar caption {
margin: 0 0 1.5em;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.9643em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.9643em 0 0 1em;
padding-top: 0.9643em;
}
.widget_rss li {
margin-bottom: 1.5em;
}
.widget_rss .rss-date,
.widget_rss cite {
line-height: 1.75;
}
.post-thumbnail {
margin-bottom: 3em;
}
.entry-title,
.widecolumn h2 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1.2em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-top: 1.6em;
margin-bottom: 0.8em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
margin-top: 1.931em;
margin-bottom: 0.9655em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
margin-top: 2.3333em;
margin-bottom: 1.1667em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-top: 2.8em;
margin-bottom: 1.4em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.2353;
margin-top: 3.2941em;
margin-bottom: 1.6471em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 24px;
top: 2px;
}
.author-info {
margin: 0 9.0909%;
padding: 9.0909% 0;
}
.author-info .avatar {
height: 42px;
margin: 0 1.6471em 1.6471em 0;
width: 42px;
}
.author-link:after {
top: 3px;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 3px;
}
.taxonomy-description {
padding-top: 0.4118em;
}
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
}
.page-links {
margin-bottom: 1.4117em;
}
.page-links a,
.page-links > span {
margin: 0 0.2857em 0.2857em 0;
}
.entry-attachment {
margin-bottom: 1.6471em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-bottom: 1.4em;
}
.format-link .entry-title a:after {
top: 0.0833em;
}
.comments-title {
margin-bottom: 1.4em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6471em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6471em;
}
.comment-list .children > li {
padding-left: 1.2353em;
}
.comment-meta {
position: relative;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
margin-right: 1.64705em;
position: relative;
top: 5px;
width: 42px;
}
.comment-metadata .edit-link:before {
top: 2px;
}
.pingback .edit-link:before {
top: 6px;
}
.bypostauthor > article .fn:after {
top: 7px;
left: 6px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6471em;
}
.comment-list .reply a {
padding: 0.4286em 0.8571em;
}
.comment-form,
.no-comments {
padding-top: 1.6471em;
}
.comment-reply-title small a:before {
top: -1px;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6471em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 1.6471em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6471em;
}
.widecolumn .mu_alert {
margin-bottom: 1.6471em;
}
.widecolumn p {
margin: 1.6471em 0;
}
.widecolumn p + h2 {
margin-top: 1.6em;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 17px;
font-size: 1.7rem;
line-height: normal;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.4117em;
}
}
/**
* 16.3 Tablet Large 880px
*/
@media screen and (min-width: 55em) {
body,
button,
input,
select,
textarea {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6842em;
}
blockquote {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.8182;
margin-bottom: 1.8182em;
margin-left: -1.0909em;
padding-left: 0.9091em;
}
blockquote p {
margin-bottom: 1.8182em;
}
blockquote cite,
blockquote small {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
pre {
line-height: 1.2632;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"],
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1.6rem;
padding: 0.8125em 1.625em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5278em;
}
.main-navigation {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.main-navigation a {
padding: 0.75em 0;
}
.main-navigation .menu-item-description {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.social-navigation ul {
margin-bottom: -1.2632em;
}
.social-navigation a {
height: 2.5263em;
width: 2.5263em;
}
.secondary-toggle {
height: 64px;
width: 64px;
}
.secondary-toggle:before {
line-height: 62px;
width: 62px;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-heading,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.comment-form .comment-form-cookies-consent label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption,
.widecolumn label,
.widecolumn .mu_register label {
font-size: 16px;
font-size: 1.6rem;
}
.pagination .nav-links {
min-height: 3.3684em;
}
.pagination .page-numbers {
line-height: 3.3684em;
padding: 0 0.8421em;
}
.pagination .prev,
.pagination .next {
height: 64px;
padding: 0;
width: 64px;
}
.pagination .prev:before,
.pagination .next:before {
height: 64px;
line-height: 64px;
width: 64px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 24px;
top: -1px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4211em 1.6842em 1.6842em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4211em 0 1.6842em 1.6842em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4211em;
margin-bottom: 1.6842em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2632em;
}
.site-branding {
min-height: 3.7895em;
padding-right: 74px;
}
.site-title {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
}
.custom-logo {
max-height: 104px;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
font-size: 16px;
font-size: 1.6rem;
}
.widget {
font-size: 16px;
font-size: 1.6rem;
}
.widget blockquote {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
margin-bottom: 1.6842em;
margin-left: -1.2632em;
padding-left: 1.0526em;
}
.widget blockquote p {
margin-bottom: 1.6842em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 16px;
font-size: 1.6rem;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
line-height: 1.5;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 16px;
font-size: 1.6rem;
padding: 0.8125em 1.625em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.75em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
line-height: 1.5;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.9375;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.7188em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.7188em 0 0 1em;
padding-top: 0.7188em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.8462;
}
.post-thumbnail {
margin-bottom: 2.9474em;
}
.entry-title,
.widecolumn h2 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-bottom: 1.2308em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-top: 1.641em;
margin-bottom: 0.8205em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
margin-top: 2.3704em;
margin-bottom: 1.1852em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-top: 2.9091em;
margin-bottom: 1.4545em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.2632;
margin-top: 3.3684em;
margin-bottom: 1.6842em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
top: 3px;
}
.author-info .avatar {
height: 56px;
margin: 0 1.6842em 1.6842em 0;
width: 56px;
}
.author-link:after {
font-size: 24px;
top: 0;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 4px;
}
.taxonomy-description {
padding-top: 0.4211em;
}
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
}
.page-links {
margin-bottom: 1.4736em;
}
.page-links a,
.page-links > span {
margin: 0 0.25em 0.25em 0;
}
.entry-attachment {
margin-bottom: 1.6842em
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-bottom: 1.4545em;
}
.format-link .entry-title a:after {
top: 0.125em;
}
.comments-title {
margin-bottom: 1.4545em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6842em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6842em;
}
.comment-list .children > li {
padding-left: 1.4737em;
}
.comment-author .avatar {
height: 56px;
margin-right: 1.6842em;
top: 3px;
width: 56px;
}
.comment-metadata {
line-height: 2;
}
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link:before {
top: 8px;
}
.bypostauthor > article .fn:after {
top: 8px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6842em;
}
.comment-list .reply a {
padding: 0.4375em 0.875em;
}
.comment-form,
.no-comments {
padding-top: 1.6842em;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6842em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 1.6842em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6842em;
}
.widecolumn .mu_alert {
margin-bottom: 1.6842em;
}
.widecolumn p {
margin: 1.6842em 0;
}
.widecolumn p + h2 {
margin-top: 1.641em;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 19px;
font-size: 1.9rem;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.421em;
}
}
/**
* 16.4 Desktop Small 955px
*/
@media screen and (min-width: 59.6875em) {
body:before {
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
content: "";
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
width: 29.4118%;
z-index: 0; /* Fixes flashing bug with scrolling on Safari */
}
.site {
margin: 0 auto;
max-width: 1403px;
}
.sidebar {
float: left;
margin-right: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;
}
.secondary {
background-color: transparent;
box-shadow: none;
display: block;
margin: 0;
padding: 0;
}
.site-main {
padding: 8.3333% 0;
}
.site-content {
display: block;
float: left;
margin-left: 29.4118%;
width: 70.5882%;
}
body {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6em;
}
blockquote {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.6667;
margin-bottom: 1.6667em;
margin-left: -1.3333em;
padding-left: 1.1111em;
}
blockquote cite,
blockquote small {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
pre {
line-height: 1.2;
}
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"],
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.7917em 1.5833em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.375em;
}
.main-navigation {
font-size: 12px;
font-size: 1.2rem;
margin: 0 20% 20%;
}
.main-navigation a {
padding: 0.5em 0;
}
.main-navigation .menu-item-has-children > a {
padding-right: 30px;
}
.main-navigation .menu-item-description {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.dropdown-toggle {
height: 24px;
width: 24px;
}
.dropdown-toggle:after {
font-size: 16px;
line-height: 24px;
width: 24px;
}
.social-navigation {
margin: 0 20% 20%;
}
.social-navigation ul {
margin-bottom: -1.6em;
}
.social-navigation li {
width: 25%;
}
.social-navigation a {
height: 3.2em;
}
.secondary-toggle {
display: none;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-heading,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.comment-form .comment-form-cookies-consent label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption,
.widecolumn label,
.widecolumn .mu_register label {
font-size: 12px;
font-size: 1.2rem;
}
.post-navigation {
margin: 8.3333% 8.3333% 0;
}
.post-navigation a {
padding: 5% 10%;
}
.pagination {
margin: 8.333% 8.333% 0;
}
.pagination .nav-links {
min-height: 3.2em;
}
.pagination .page-numbers {
line-height: 3.2em;
padding: 0 0.8em;
}
.pagination .prev,
.pagination .next {
height: 48px;
padding: 0;
width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
height: 48px;
line-height: 48px;
width: 48px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 16px;
top: 0;
}
.image-navigation {
padding: 0 10%;
}
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: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
.site-header {
background-color: transparent;
border-bottom: 0;
margin: 20% 0;
padding: 0 20%;
}
.site-branding {
min-height: 0;
padding: 0;
}
.site-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
}
.custom-logo {
max-height: none;
}
.wp-custom-logo .site-title {
margin-top: 0.545454545em;
}
.site-description {
font-size: 12px;
font-size: 1.2rem;
}
.widget {
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 20%;
padding: 0 20%;
}
.widget blockquote {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 1.5em;
margin-left: -1.5em;
padding-left: 1.1667em;
}
.widget blockquote p {
margin-bottom: 1.5em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 12px;
font-size: 1.2rem;
}
.widget pre {
padding: 0.5em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 12px;
font-size: 1.2rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.5417em 1.0833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.4583em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
font-size: 12px;
font-size: 1.2rem;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9167;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4583em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4583em 0 0 1em;
padding-top: 0.4583em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.hentry,
.page-header,
.page-content {
margin: 0 8.3333%;
}
.hentry {
padding-top: 8.3333%;
}
.hentry + .hentry,
.page-header + .hentry,
.page-header + .page-content {
margin-top: 8.3333%;
}
.post-thumbnail {
margin-bottom: 2.4em;
}
.entry-header {
padding: 0 10%;
}
.entry-title,
.widecolumn h2 {
font-size: 31px;
font-size: 3.1rem;
line-height: 1.1613;
margin-bottom: 1.1613em;
}
.entry-content,
.entry-summary {
padding: 0 10% 10%;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 31px;
font-size: 3.1rem;
line-height: 1.1613;
margin-top: 1.5484em;
margin-bottom: 0.7742em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.3846;
margin-top: 1.8462em;
margin-bottom: 0.9231em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
margin-top: 2.1818em;
margin-bottom: 1.0909em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-top: 2.6667em;
margin-bottom: 1.3333em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 3.2em;
margin-bottom: 1.6em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 16px;
top: 5px;
}
.author-info {
margin: 0 10%;
padding: 10% 0;
}
.author-info .avatar {
height: 36px;
margin: 0 1.5em 1.5em 0;
width: 36px;
}
.author-link:after {
font-size: 16px;
top: 1px;
}
.entry-footer {
padding: 5% 10%;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 0;
}
.page-header {
padding: 4.1666% 8.3333%;
}
.page-content {
padding: 8.3333%;
}
.taxonomy-description {
padding-top: 0.4em;
}
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.page-links {
margin-bottom: 1.3333em;
}
.page-links a,
.page-links > span {
margin: 0 0.3333em 0.3333em 0;
}
.entry-attachment {
margin-bottom: 1.6em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-bottom: 1.3333em;
}
.format-link .entry-title a:after {
top: 0;
}
.comments-area {
margin: 8.3333% 8.3333% 0;
padding: 8.3333%;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
margin-bottom: 0.4em;
}
.comment-author .avatar {
height: 24px;
margin-right: 0.8em;
top: 0;
width: 24px;
}
.comment-metadata .edit-link:before {
top: 3px;
}
.pingback .edit-link:before {
top: 5px;
}
.bypostauthor > article .fn:after {
top: 5px;
left: 3px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 2em;
}
.comment-list .reply a {
padding: 0.4167em 0.8333em;
}
.comment-form,
.no-comments {
padding-top: 1.6em;
}
.comment-reply-title small a:before {
top: -3px;
}
.site-footer {
float: left;
margin: 0 0 0 35.2941%;
padding: 0;
width: 58.8235%;
}
.site-info {
padding: 5% 10%;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 1.6em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6em;
}
.widecolumn {
margin: 8.3333%;
padding: 8.3333%;
}
.widecolumn .mu_alert {
margin-bottom: 1.6em;
}
.widecolumn p {
margin: 1.6em 0;
}
.widecolumn p + h2 {
margin-top: 1.5484em;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1.6rem;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
}
/**
* 16.5 Desktop Medium 1100px
*/
@media screen and (min-width: 68.75em) {
body,
button,
input,
select,
textarea {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6471em;
}
blockquote {
font-size: 20px;
font-size: 2rem;
line-height: 1.75;
margin-bottom: 1.75em;
margin-left: -1.05em;
padding-left: 0.85em;
}
blockquote p {
margin-bottom: 1.75em;
}
blockquote cite,
blockquote small {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
pre {
line-height: 1.2353;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"],
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8214em 1.5714em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5em;
}
.main-navigation {
font-size: 14px;
font-size: 1.4rem;
}
.main-navigation a {
padding: 0.4643em 0;
}
.main-navigation .menu-item-has-children > a {
padding-right: 34px;
}
.main-navigation .menu-item-description {
line-height: 1.4583;
margin-top: 0.25em;
}
.dropdown-toggle {
height: 28px;
width: 28px;
}
.dropdown-toggle:after {
line-height: 28px;
width: 28px;
}
.social-navigation ul {
margin-bottom: -1.4706em;
}
.social-navigation li {
width: 20%;
}
.social-navigation a {
height: 2.8824em;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-heading,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.comment-form .comment-form-cookies-consent label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption,
.widecolumn label,
.widecolumn .mu_register label {
font-size: 14px;
font-size: 1.4rem;
}
.pagination .nav-links {
min-height: 3.2941em;
}
.pagination .page-numbers {
line-height: 3.2941em;
padding: 0 0.8235em;
}
.pagination .prev,
.pagination .next {
height: 56px;
padding: 0;
width: 56px;
}
.pagination .prev:before,
.pagination .next:before {
height: 56px;
line-height: 56px;
width: 56px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
top: 2px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4118em;
margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2353em;
}
.site-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
}
.wp-custom-logo .site-title {
margin-top: 0.583333333em;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
}
.widget {
font-size: 14px;
font-size: 1.4rem;
}
.widget blockquote {
font-size: 14px;
font-size: 1.4rem;
padding-left: 1.2143em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 14px;
font-size: 1.4rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.75em 1.5em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
line-height: 1.4583;
padding: 0.5833em 0;
}
.widget_calendar caption {
margin: 0 0 1.9286em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9286;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4643em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4643em 0 0 1em;
padding-top: 0.4643em;
}
.widget_rss .rss-date,
.widget_rss cite {
line-height: 1.75;
}
.post-thumbnail {
margin-bottom: 2.4706em;
}
.entry-title,
.widecolumn h2 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1.2em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-top: 1.6em;
margin-bottom: 0.8em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
margin-top: 1.931em;
margin-bottom: 0.9655em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
margin-top: 2.3333em;
margin-bottom: 1.1667em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-top: 2.8em;
margin-bottom: 1.4em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.2353;
margin-top: 3.2941em;
margin-bottom: 1.6471em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 24px;
top: 2px;
}
.author-info .avatar {
height: 42px;
margin: 0 1.6471em 1.6471em 0;
width: 42px;
}
.author-link:after {
top: 3px;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 3px;
}
.taxonomy-description {
padding-top: 0.4118em;
}
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
}
.page-links {
margin-bottom: 1.4117em;
}
.page-links a,
.page-links > span {
margin: 0 0.2857em 0.2857em 0;
}
.entry-attachment {
margin-bottom: 1.6471em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-bottom: 1.4em;
}
.format-link .entry-title a:after {
top: 0.0833em;
}
.comments-title {
margin-bottom: 1.4em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6471em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6471em;
}
.comment-list .children > li {
padding-left: 1.1667em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
margin-right: 1.64705em;
top: 5px;
width: 42px;
}
.bypostauthor > article .fn:after {
top: 7px;
left: 6px;
}
.comment-metadata .edit-link:before {
top: 6px;
}
.pingback .edit-link:before {
top: 6px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6471em;
}
.comment-list .reply a {
padding: 0.4286em 0.8571em;
}
.comment-form,
.no-comments {
padding-top: 1.6471em;
}
.comment-reply-title small a:before {
top: -1px;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6471em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 1.6471em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6471em;
}
.widecolumn .mu_alert {
margin-bottom: 1.6471em;
}
.widecolumn p {
margin: 1.6471em 0;
}
.widecolumn p + h2 {
margin-top: 1.6em;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 17px;
font-size: 1.7rem;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.4117em;
}
}
/**
* 16.6 Desktop Large 1240px
*/
@media screen and (min-width: 77.5em) {
body,
button,
input,
select,
textarea {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6842em;
}
blockquote {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.8182;
margin-bottom: 1.8182em;
margin-left: -1.0909em;
padding-left: 0.9091em;
}
blockquote p {
margin-bottom: 1.8182em;
}
blockquote cite,
blockquote small {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
pre {
line-height: 1.2632;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"],
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1.6rem;
padding: 0.8125em 1.625em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5278em;
}
.main-navigation {
font-size: 16px;
font-size: 1.6rem;
}
.main-navigation a {
padding: 0.5em 0;
}
.main-navigation .menu-item-has-children > a {
padding-right: 38px;
}
.main-navigation .menu-item-description {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5385;
margin-top: 0.3077em;
}
.dropdown-toggle {
height: 32px;
top: 4px;
width: 32px;
}
.dropdown-toggle:after {
line-height: 32px;
width: 32px;
}
.social-navigation ul {
margin-bottom: -1.2632em;
}
.social-navigation a {
height: 2.5263em;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-heading,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.comment-form .comment-form-cookies-consent label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption,
.widecolumn label,
.widecolumn .mu_register label {
font-size: 16px;
font-size: 1.6rem;
}
.pagination .nav-links {
min-height: 3.3684em;
}
.pagination .page-numbers {
line-height: 3.3684em;
padding: 0 0.8421em;
}
.pagination .prev,
.pagination .next {
height: 64px;
padding: 0;
width: 64px;
}
.pagination .prev:before,
.pagination .next:before {
height: 64px;
line-height: 64px;
width: 64px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 24px;
top: -1px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4211em 1.6842em 1.6842em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4211em 0 1.6842em 1.6842em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4211em;
margin-bottom: 1.6842em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2632em;
}
.site-title {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
}
.wp-custom-logo .site-title {
margin-top: 0.592592593em;
}
.site-description {
font-size: 16px;
font-size: 1.6rem;
}
.widget {
font-size: 16px;
font-size: 1.6rem;
}
.widget blockquote {
font-size: 16px;
font-size: 1.6rem;
padding-left: 1.25em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.8462;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 16px;
font-size: 1.6rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 13px;
font-size: 1.3rem;
padding: 0.8462em 1.6923em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5385;
padding: 0.6154em 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9375;
}
.widget_calendar caption {
margin: 0 0 1.5em;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4688em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4688em 0 0 1em;
padding-top: 0.4688em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.8462;
}
.post-thumbnail {
margin-bottom: 2.9474em;
}
.entry-title,
.widecolumn h2 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-bottom: 1.2308em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-top: 1.641em;
margin-bottom: 0.8205em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
margin-top: 2.3704em;
margin-bottom: 1.1852em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-top: 2.9091em;
margin-bottom: 1.4545em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.2632;
margin-top: 3.3684em;
margin-bottom: 1.6842em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
top: 3px;
}
.author-info .avatar {
height: 56px;
margin: 0 1.6842em 1.6842em 0;
width: 56px;
}
.author-link:after {
font-size: 24px;
top: 0;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 4px;
}
.taxonomy-description {
padding-top: 0.4211em;
}
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
}
.page-links {
margin-bottom: 1.4736em;
}
.page-links a,
.page-links > span {
margin: 0 0.25em 0.25em 0;
}
.entry-attachment {
margin-bottom: 1.6842em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-bottom: 1.4545em;
}
.format-link .entry-title a:after {
top: 3px;
}
.comments-title {
margin-bottom: 1.4545em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6842em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6842em;
}
.comment-list .children > li {
padding-left: 1.4737em;
}
.comment-author .avatar {
height: 56px;
margin-right: 1.6842em;
top: 3px;
width: 56px;
}
.bypostauthor > article .fn:after {
top: 8px;
}
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link:before {
top: 8px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6842em;
}
.comment-list .reply a {
padding: 0.4375em 0.875em;
}
.comment-form,
.no-comments {
padding-top: 1.6842em;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6842em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 1.6842em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6842em;
}
.widecolumn .mu_alert {
margin-bottom: 1.6842em;
}
.widecolumn p {
margin: 1.6842em 0;
}
.widecolumn p + h2 {
margin-top: 1.641em;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 19px;
font-size: 1.9rem;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.421em;
}
}
/**
* 16.7 Desktop X-Large 1403px
*/
@media screen and (min-width: 87.6875em) {
body:before {
width: -webkit-calc(50% - 289px);
width: calc(50% - 289px);
}
}
/**
* 17.0 Print
*/
@media print {
body {
background: none !important; /* Brute force since user agents all print differently. */
font-size: 11.25pt;
}
.secondary-toggle,
.navigation,
.page-links,
.edit-link,
#reply-title,
.comment-form,
.comment-edit-link,
.comment-list .reply a,
button,
input,
textarea,
select,
.widecolumn form,
.widecolumn .mu_register form {
display: none;
}
.site-header,
.site-footer,
.hentry,
.entry-footer,
.page-header,
.page-content,
.comments-area,
.widecolumn {
background: none !important; /* Make sure color schemes dont't affect to print */
}
body,
blockquote,
blockquote cite,
blockquote small,
label,
a,
.site-title a,
.site-description,
.post-title,
.author-heading,
.entry-footer,
.entry-footer a,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.no-comments,
.site-info,
.site-info a,
.wp-caption-text,
.gallery-caption {
color: #000 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr[title],
table,
th,
td,
.site-header,
.site-footer,
.hentry + .hentry,
.author-info,
.page-header,
.comments-area,
.comment-list + .comment-respond,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 0 7.6923%;
}
.sidebar {
position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
}
.site-branding {
padding: 0;
}
.site-header {
padding: 7.6923% 0;
}
.site-description {
display: block;
}
.hentry + .hentry {
margin-top: 7.6923%;
}
.hentry.has-post-thumbnail {
padding-top: 7.6923%;
}
.sticky-post {
background: #000 !important;
color: #fff !important;
}
.entry-header,
.entry-footer {
padding: 0;
}
.entry-content,
.entry-summary {
padding: 0 0 7.6923%;
}
.post-thumbnail img {
margin: 0;
}
.author-info {
margin: 0;
}
.page-content {
padding: 7.6923% 0 0;
}
.page-header {
padding: 3.84615% 0;
}
.comments-area {
border: 0;
padding: 7.6923% 0 0;
}
.site-footer {
margin-top: 7.6923%;
padding: 3.84615% 0;
}
.widecolumn {
margin: 7.6923% 0 0;
padding: 0;
}
}
home/xbodynamge/dev/wp-content/themes/twentyseventeen/style.css 0000604 00000243042 15112465124 0021115 0 ustar 00 /*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
home/xbodynamge/www/wp-content/themes/zerif-lite/style.css 0000644 00000421240 15112530526 0017767 0 ustar 00 /*
Theme Name: Zerif Lite
Theme URI: https://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.5.44
License: GNU General Public License version 3
License URI: license.txt
WordPress Available: yes
Requires License: no
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body {
overflow-x: hidden;
color: #808080;
font-family: "Lato", Helvetica, sans-serif !important;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Other fixes*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
i {
vertical-align: middle;
}
ul,
ol {
padding-left: 0 !important;
}
/* Selection colours (easy to forget) */
::selection {
color: #fff;
background: #fc6d6d;
}
::-moz-selection {
color: #fff;
background: #fc6d6d;
}
a {
color: #e96656;
-webkit-transition: all 700ms;
transition: all 700ms;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color: #cb4332;
}
p {
margin: 0;
}
.full-width {
width: 100%;
margin: auto;
}
/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*::-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-ms-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
.bypostauthor {
display: inherit;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote {
margin: 24px 40px;
font-size: 18px;
font-weight: 300;
font-style: italic;
line-height: 26px;
}
address {
margin: 0 0 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
position: relative;
height: 0;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
clear: both;
margin: 0;
margin-bottom: 10px;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h1,
h2 {
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
line-height: 35px;
}
h1,
h1 span {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
margin-top: 45px;
text-align: center;
}
.button {
display: inline-block;
margin: 10px;
padding: 10px 35px 10px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.custom-button {
display: inline-block !important;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.red-btn {
background: #e96656;
}
.green-btn {
background: #1e9e6b;
}
.blue-btn {
background: #3ab0e2;
}
.yellow-btn {
background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
color: #fff;
background: #1288b9;
}
.red-btn:hover {
color: #fff;
background: #cb4332;
}
.green-btn:hover {
color: #fff;
background: #069059;
}
.yellow-btn:hover {
color: #fff;
background: #d8951e;
}
.btn:hover {
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
max-width: 100%; /* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
figure {
margin: 0;
}
.site-main p {
margin: 0 0 24px;
}
table {
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #ededed;
border-spacing: 0;
border-collapse: collapse;
font-size: 14px;
line-height: 2;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin: 20px 0;
font-size: 16px;
}
th {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
font-weight: bold;
text-transform: uppercase;
}
td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
thead th {
border: none;
}
/*---------------------------------------
** COLORS -----
-----------------------------------------*/
/** BACKGROUNDS **/
.red-bg {
background: #e96656;
}
.green-bg {
background: #34d293;
}
.blue-bg {
background: #3ab0e2;
}
.yellow-bg {
background: #e7ac44;
}
.dark-bg {
background: #404040;
}
.white-bg {
background: #fff;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
color: #e96656;
}
.green-text {
color: #34d293;
}
.blue-text {
color: #3ab0e2;
}
.yellow-text {
color: #f7d861;
}
.dark-text {
color: #404040;
}
.white-text {
color: #fff;
}
/*---------------------------------------
** BORDER BOTTOMS -----
-----------------------------------------*/
.white-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #f5f5f5;
content: "";
}
.dark-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #404040;
content: "";
}
.red-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.green-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #34d293;
content: "";
}
.blue-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #3ab0e2;
content: "";
}
.yellow-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #f7d861;
content: "";
}
/*---------------------------------------
** 4.0 Forms -----
-----------------------------------------*/
button,
input,
select,
textarea {
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #e96656;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-transform: uppercase;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
width: 98%;
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
background: #cb4332;
}
.input-box {
display: inline-block;
width: 274px;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border: 0 !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.textarea-box {
display: inline-block;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border: 0;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
outline: 1 !important;
outline-color: #e96656 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
display: block;
float: left;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display: none;
float: left;
position: absolute;
z-index: 99999;
top: 1.5em;
left: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul {
display: block;
}
.navbar-collapse {
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.nav-links a {
color: #e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.nav .has_children > a:after {
margin: 0 0 0 6px;
color: inherit;
font-family: FontAwesome;
content: "\f0d7";
}
.nav .sub-menu .has_children > a:after {
content: "\f0da";
}
}
/*---------------------------------------
** 6.0 Accessibility -----
-----------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000; /* Above WP toolbar */
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
/*---------------------------------------
** 7.0 Alignments -----
-----------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
/*---------------------------------------
** 8.0 Clearings -----
-----------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
display: table;
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*---------------------------------------
** 9.0 Widgets -----
-----------------------------------------*/
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
/*margin: 0 0 1.5em;
margin-bottom: 30px;*/
}
.widget .widget-title {
float: none;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 5px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.widget .widget-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
/* Make sure select elements fit in widgets */
.widget select {
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #e9e9e9;
}
.tagcloud a {
padding: 2px 5px;
background: #fcfcfc;
}
/* Search widget */
.widget_search .search-submit {
/* display: none; */
display: block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
position: relative;
width: 100%;
margin-bottom: 5px;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
display: block;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
margin: 15px 0;
margin-left: 3%;
padding-left: 10px;
text-align: left;
list-style: none;
}
.widget li:before {
float: left;
position: absolute;
left: 0;
width: 4px;
height: 4px;
margin-top: 11px;
background: #e9e9e9;
content: "";
}
.widget li a {
color: #808080;
}
.widget li a:hover {
color: #404040;
}
/*---------------------------------------
** 10.0 Content -----
-----------------------------------------*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
background: none;
}
/*---------------------------------------
** 10.1 Posts and pages -----
-----------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header {
margin: 0 0 40px;
border-bottom: none;
text-align: left;
}
.search-results .page-header {
margin: 0 0 40px;
}
.page-header .page-title {
position: relative;
}
.page-header .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e9e9e9;
content: "";
}
.taxonomy-description {
margin-top: 15px;
}
.entry-title {
position: relative;
}
.entry-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.entry-meta {
margin-top: 10px;
}
.content-area .entry-header {
overflow: hidden;
}
/*---------------------------------------
** 10.2 Asides -----
-----------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*---------------------------------------
** 10.3 Comments -----
-----------------------------------------*/
.comment {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.comment a {
color: #c7254e;
}
.comment-body {
position: relative;
padding-bottom: 10px;
padding-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form,
.comments-title,
.comment-reply-title {
text-align: left;
}
.comment .reply a {
font-size: 12px;
}
.comment-form p {
margin: 10px 10px 10px 0;
}
.comment-form label {
width: 85px;
}
.comments-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-list {
margin-left: 0;
}
.comment-list li {
float: left;
width: 100%;
list-style: none;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
padding: 0.6em 1em 0.4em;
padding: 3px 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: none;
font-family: sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.comment-form #submit,
.comment-reply-link {
border-color: #e96656;
color: #fff !important;
background: #e96656;
}
.comment-form #submit:hover,
.comment-form #submit:focus,
.comment-form #submit:active {
background: #cb4332;
}
.comment-meta {
margin-top: 0 !important;
padding-top: 0 !important;
}
.comment-metadata {
position: absolute;
top: -2px;
right: 55px;
}
.comment-metadata,
.comment-metadata a {
padding: 3px 0;
color: #888;
font-size: 12px;
font-style: italic;
}
.comment-reply-link:hover {
background: #cb4332;
box-shadow: none;
}
.comment-author img {
position: absolute;
left: 0;
border-radius: 50%;
}
.comment-author b.fn {
color: #000;
}
/*---------------------------------------
** 11.0 Infinite scroll -----
-----------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*---------------------------------------
** 12.0 Media -----
-----------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 1.2%;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*---------------------------------------
** 6.5 Gallery -----
-----------------------------------------*/
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 6px 8px;
opacity: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 49px;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item img {
max-width: 100% !important;
}
/*---------------------------------------
** Header -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 100px;
}
.section-header {
padding-bottom: 75px;
text-align: center;
}
.section-header h2,
#focus .section-header h2 a,
#team .section-header h2 a,
#aboutus .section-header h2 a,
#testimonials .section-header h2 a,
#contact .section-header h2 a {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 45px;
line-height: 40px;
text-transform: uppercase;
}
.section-header .section-legend {
margin-bottom: 0;
padding-top: 0;
color: #000;
font-size: 16px;
}
/* PRE LOADER */
.preloader {
overflow: hidden !important;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fefefe;
}
.status {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#parallax_move .layer {
width: 100%;
height: 100%;
background-position: top center;
background-size: cover;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
/*---------------------------------------
** Section: Home -----
-----------------------------------------*/
.header.header {
min-height: 76px;
}
.header.header > .navbar {
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
position: relative;
padding: 285px 0 210px;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
position: relative;
padding: 170px 0 90px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
margin-bottom: 10px;
color: #fff;
font-size: 21px;
font-weight: 100;
}
.header_title {
float: left;
height: 50px;
margin-top: 10px;
}
.header_title h1 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.header_title h2 {
margin: 0;
font-size: 15px !important;
line-height: 15px;
}
.header_title a {
color: #000;
}
/*---- SECTION: HOME > TOP BAR ----*/
#site-navigation {
float: right;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.navbar {
border: 0;
border-radius: 0 !important;
background: #fff;
text-align: left;
}
#main-nav {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 75px;
margin-bottom: 0;
}
#main-nav.fixed {
position: fixed;
top: 0;
}
.navbar-inverse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
position: absolute;
z-index: 9999;
top: 100%;
left: -999em;
width: 200px;
background: #fff;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
padding: 10px;
list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
color: #e96656;
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
top: 0;
left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-brand {
display: inline-block;
position: relative;
height: 76px;
padding: 7px 15px;
line-height: 60px;
text-align: center;
}
.navbar-brand > a > img {
width: auto;
max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
display: inline-block;
vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
color: #999;
text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 0;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
font-size: 16px;
line-height: normal;
}
.navbar-brand > img {
max-height: 100%;
}
.navbar-brand:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
outline: none;
color: #e96656;
}
.navbar-toggle {
margin-top: 23px;
border: 0;
background-color: #808080;
}
.navbar-toggle:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
opacity: 1;
background-color: #e96656;
box-shadow: none;
filter: alpha(opacity=100);
}
.navbar-toggle.active {
background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
background-color: #808080 !important;
}
.menu-align-center #site-navigation {
width: 100%;
}
.menu-align-center #site-navigation > ul {
width: 100%;
text-align: center;
}
.menu-align-center #site-navigation > ul ul {
text-align: left;
}
.menu-align-center #site-navigation > ul > li {
display: inline-block;
float: none;
}
.menu-align-center .responsive-logo {
width: 100%;
text-align: center;
}
.menu-align-center .zerif_header_title {
width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
margin-top: 0;
margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
display: inline-block;
float: none;
}
.menu-align-center .navbar-brand {
float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
position: relative;
outline: none;
color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
display: none;
content: "";
}
li.current > a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
display: none;
content: "";
}
ul.nav > li.current_page_item.current > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
@media (max-width: 768px) {
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: none;
}
}
/*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
.intro {
float: none;
z-index: 0;
margin-top: 25%;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
.intro-text,
.intro-text a {
float: none;
z-index: 0;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
/* Short Messages */
.bottom-message-section {
position: relative;
margin-top: 14%;
}
.short-text {
margin: auto;
color: rgba(255,255,255,0.7);
text-align: center;
text-transform: uppercase;
}
/*---- SECTION: HOME > LATEST NEWS ----*/
.latest-news {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.carousel-inner {
/* margin: 0 30px; */
}
#carousel-homepage-latestnews .item {
height: auto;
}
.latesnews-content p,
.latesnews-content {
color: #777;
font-size: 14px;
line-height: 18px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
display: block;
color: #404040;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
background: #e96656;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
background: #34d293;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
background: #3ab0e2;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
background: #f7d861;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
display: block;
}
#carousel-homepage-latestnews {
margin: 0 30px;
}
#carousel-homepage-latestnews .carousel-control {
width: 45px;
background: none;
}
.carousel-control:focus {
outline: thin dotted #cb4332;
outline-offset: 0;
}
.carousel-control:active {
outline: 0;
}
.carousel-control.left {
margin-left: -45px;
}
.carousel-control.right {
margin-right: -45px;
}
.carousel-control .glyphicon-chevron-right {
right: auto;
}
#carousel-homepage-latestnews .glyphicon-chevron-left:before {
float: left;
width: 30px;
height: 30px;
background: url(images/left-arrow.png) no-repeat center center;
content: "";
}
#carousel-homepage-latestnews .glyphicon-chevron-right:before {
float: left;
width: 30px;
height: 30px;
background: url(images/right-arrow.png) no-repeat center center;
content: "";
}
/*---------------------------------------
** Section: Our focus -----
-----------------------------------------*/
.focus-box .service-icon .pixeden {
border-radius: 50%;
}
.focus {
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.focus .row {
text-align: center;
}
.focus .row .focus-box,
.our-team .row .team-box {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-bottom: 25px;
vertical-align: top;
}
/* FOCUS BOX */
.focus-box .service-icon {
display: block;
position: relative;
width: 145px;
height: 145px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 20px;
border: 10px solid #ececec;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,
.green,
.blue,
.yellow {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#focus span:nth-child(4n+1) .focus-box .service-icon:hover,
#focus span:nth-child(4n+1) .focus-box .service-icon:focus {
border: 10px solid #e96656;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover,
#focus span:nth-child(4n+2) .focus-box .service-icon:focus {
border: 10px solid #34d293;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover,
#focus span:nth-child(4n+3) .focus-box .service-icon:focus {
border: 10px solid #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover,
#focus span:nth-child(4n+4) .focus-box .service-icon:focus {
border: 10px solid #f7d861;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
background: #e96656;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
background: #34d293;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
background: #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
background: #f7d861;
}
.focus-box h3 {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.focus-box p {
color: #808080;
font-size: 14px;
}
/* Links used in sane defaults */
.focus a.zerif-default-links,
.our-team a.zerif-default-links {
color: #404040;
}
.about-us a.zerif-default-links,
.separator-one a.zerif-default-links,
.testimonial a.zerif-default-links,
.contact-us a.zerif-default-links {
color: #fff;
}
.testimonial #client-feedbacks a.zerif-default-links {
color: #404040;
}
.focus a.zerif-default-links:hover,
.about-us a.zerif-default-links:hover,
.our-team a.zerif-default-links:hover,
.testimonial a.zerif-default-links:hover,
.contact-us a.zerif-default-links:hover {
color: #e96656;
}
.separator-one a.zerif-default-links:hover,
.testimonial #client-feedbacks a.zerif-default-links:hover {
color: #000;
}
/* END - Links used in sane defaults */
/*----OTHER FOCUSES ----*/
.other-focuses {
margin-bottom: 25px;
background: url(images/lines.png) repeat-x center;
}
.other-focuses .section-footer-title {
padding: 0 15px;
color: #404040;
font-weight: bold;
}
.other-focus-list {
margin-bottom: -17px;
padding-top: 5px;
}
.other-focus-list ul li {
display: inline-block;
margin-right: 50px;
padding-bottom: 15px;
text-transform: uppercase;
}
.other-focus-list ul li:last-child {
margin-right: 0;
}
.other-focus-list ul li i {
margin-right: 8px;
}
/*---------------------------------------
** Secction: Separator one -----
-----------------------------------------*/
.separator-one {
padding: 100px 0 100px 0;
background: rgba(52, 210, 147, 0.8);
}
.separator-one .green-btn {
background: #14a168;
}
.separator-one .green-btn:hover {
background: #007345;
}
.separator-one .text {
max-width: 800px;
margin-top: 15px;
margin-bottom: 20px;
padding: 0;
color: #fff;
line-height: 34px;
}
.separator-one .text a {
font-size: 24px;
}
/*---------------------------------------
** Section: Portfolio -----
-----------------------------------------*/
.works {
min-height: 800px;
padding-bottom: 100px;
background: #fff;
}
/* IMAGE GRID */
.cbp-rfgrid {
position: relative;
width: 100%;
margin: auto;
padding: 0;
list-style: none;
}
.cbp-rfgrid li {
float: left;
overflow: hidden;
position: relative;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
max-width: 100%;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.cbp-rfgrid li a:hover img {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1.05,1.07);
-ms-transform: scale(1.05,1.07);
transform: scale(1.05,1.07);
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .project-info {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
padding-top: 25%;
opacity: 0;
background: rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info .project-details {
position: relative;
top: -29px;
width: 100%;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info h5 {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.cbp-rfgrid li a:hover .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .project-details {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .button {
bottom: -50px;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid-tr {
position: absolute;
z-index: 9;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
top: 0;
opacity: 1;
}
/****************************************************************/
/*********************** PIRATE FORMS style ********************/
/****************************************************************/
.pirate_forms {
padding-bottom: 95px;
}
.pirate_forms input:not([type='checkbox']),
.pirate_forms textarea {
width: 100%;
margin: auto;
border-radius: 4px !important;
}
.pirate_forms input:not([type='checkbox']) {
display: inline-block;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms textarea {
display: inline-block;
width: 100% !important;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms .custom-button {
float: right;
margin-right: 15px;
}
.pirate-forms-g-recaptcha {
display: none;
}
.pirate_forms .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.pirate_forms_error_box {
text-align: center;
}
.pirate_forms_error_box p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #e96656;
}
.pirate_forms_thankyou_wrap p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #34d293;
}
.pirate_forms .pirate-forms-submit-button {
float: right;
margin-right: 0;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pirate_forms .pirate-forms-submit-button:hover {
color: #fff;
background: #cb4332;
}
.pirate_forms .contact_checkbox_wrap,
.pirateform_wrap_classes_spam_wrap {
text-align: left;
}
.pirate_forms .contact_checkbox_wrap p {
padding-left: 5px;
margin: 0px;
}
section#contact .pirate_forms .contact_checkbox_wrap p {
color: #ffffff;
}
.pirate-forms-maps-custom {
float: left;
}
.contact-us .pirate-forms-maps-custom,
.contact-us .contact_checkbox_wrap {
color: #ffffff;
}
.zerif_hidden_if_not_customizer {
display: none !important;
}
.pixeden {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 63px;
margin: auto;
}
/* media queries: change number of items per row */
@media screen and (max-width: 1190px) {
.cbp-rfgrid li {
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
}
}
@media screen and (max-width: 1024px) {
.cbp-rfgrid li {
width: 33.33333333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.cbp-rfgrid li {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media screen and (max-width: 480px) {
.cbp-rfgrid li {
width: 100%;
}
}
@media screen and (max-width: 300px) {
.cbp-rfgrid li {
width: 100%;
}
}
/* PROJECT DETAILS LOADER */
#back-button {
display: none;
margin: 10px;
padding: 13px 35px 13px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
#back-button i {
margin-right: 10px;
}
#loader {
display: none;
position: relative;
min-height: 930px;
}
#loader .loader-icon {
position: fixed;
z-index: 10000;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px -22px;
border-radius: 5px;
background: url(images/loading.gif) no-repeat center center;
background-color: #fff;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
/*---------------------------------------
** Section: About us; -----
-----------------------------------------*/
.about-us {
color: #fff;
background: #272727;
}
.about-us .big-intro {
margin-top: -15px;
font-size: 60px;
font-weight: 300;
line-height: normal;
text-align: right;
}
.about-us .section-header .section-legend {
color: #fff;
}
.about-us p {
color: #939393;
font-size: 14px;
line-height: 25px;
text-align: left;
}
.about-us .column {
margin-bottom: 78px;
}
.about-us .col-md-12.zerif-rtl-big-title .big-intro,
.about-us .col-md-12.zerif_about_us_center p {
text-align: center;
}
/*--SKILLS --*/
.skills {
margin: 0 0 0 0;
text-align: left;
}
.skills .skill {
display: block;
clear: both;
margin-top: 0;
margin-bottom: 25px;
}
.skills .skill .skill-count {
display: inline-block;
float: left;
height: 64px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 25px;
}
.skills li:last-child {
margin-bottom: 0;
}
.skills .skill .skill1,
.skill2,
.skill3,
.skill4 {
font-size: 16px !important;
}
.skills .skill .section-legend {
float: none;
clear: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
}
.skills .skill p {
color: #8f8f8f;
font-size: 14px;
line-height: 20px;
}
/*--OUR CLIENTS --*/
.our-clients {
float: left;
width: 100%;
margin-bottom: 40px;
background: url(images/lines-dark.png) repeat-x center;
}
.our-clients .section-footer-title {
padding: 0 15px;
color: #fff;
background: #272727;
font-size: 16px;
}
.our-clients h2 {
float: none;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.client-list {
float: left;
width: 100%;
margin-bottom: 78px;
padding-top: 5px;
}
.client-list ul {
margin: 0;
}
.client-list ul li {
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
vertical-align: middle;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list ul li img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div {
margin: 0;
}
.client-list div span {
margin-right: 24px;
}
.client-list div a:last-child {
margin-right: 0;
}
.client-list div img {
max-width: 130px;
padding-bottom: 15px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list div img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list div a:last-child {
margin-right: 0;
}
/*---------------------------------------
** Section: stats -----
-----------------------------------------*/
.stats {
clear: both;
padding: 100px 0 60px 0 !important;
background: rgba(0, 0, 0, 0.5);
}
.stat {
margin-bottom: 40px;
}
.stat .icon-top {
height: 50px;
font-size: 40px;
line-height: 50px;
}
.stat .stat-text {
display: inline-block;
position: relative;
}
.stat h3 {
display: inline-block;
position: relative;
margin-top: 20px;
padding-bottom: 5px;
}
.stat .section-legend {
margin-top: 15px;
color: #d1d1d1;
}
/*---------------------------------------
** Section: Our team; -----
-----------------------------------------*/
.our-team {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.team-member {
overflow: hidden;
position: relative;
margin-bottom: 35px;
border-radius: 4px;
}
.team-member .details {
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: 190px;
padding: 15px;
opacity: 0;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.team-member .member-details {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.team-member:hover .details,
.team-member:focus .details {
top: 0;
opacity: 1;
color: white;
background: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member.team-member-open .details {
display: block;
top: 0;
opacity: 1;
color: white;
background: #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member .profile-pic {
overflow: hidden;
width: 174px;
height: 174px;
margin: auto;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h3 {
position: relative;
margin-top: 15px;
color: #404040;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.team-member .position {
font-size: 13px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
margin: 6px;
line-height: 32px;
}
.team-member .social-icons ul li a {
border-radius: 50%;
color: #808080;
background: #fff;
font-size: 18px;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
background: #e96656;
}
.our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
background: #34d293;
}
.our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
background: #3ab0e2;
}
.our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
background: #f7d861;
}
/*---------------------------------------
** Features -----
-----------------------------------------*/
.features {
padding-bottom: 51px;
background: #fff;
text-align: left;
}
.features .feature {
margin-bottom: 55px;
}
.features .feature-icon {
float: left;
margin-top: 10px;
margin-right: 25px;
font-size: 55px;
}
.features .feature h5 {
color: #404040;
font-weight: bold;
line-height: 28px;
}
.features .feature p {
font-size: 14px;
}
/*---------------------------------------
** Packages -----
-----------------------------------------*/
.packages {
padding-bottom: 50px;
background: rgba(0, 0, 0, 0.5);
}
.package {
margin-top: 25px;
margin-bottom: 50px;
padding-bottom: 15px;
border-radius: 4px;
background: #fff;
}
.package-header {
height: 57px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
line-height: 57px;
}
.package-header h5 {
font-weight: bold;
text-transform: uppercase;
}
.price {
height: 100px;
color: #fff;
font-weight: 400;
line-height: 120px;
}
.price h4 {
display: inline;
margin-bottom: 0;
font-size: 40px;
line-height: normal;
}
.price h4 .dollar-sign {
font-size: 17px;
vertical-align: super;
}
.price .price-meta {
color: #9f9f9f;
line-height: normal;
text-transform: uppercase;
}
.package ul li {
width: 80%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
.package ul li:last-child {
border-bottom: 0;
}
.best-value .package {
margin-top: 0;
}
.best-value .package-header {
height: 82px !important;
padding-top: 17px;
}
.best-value .package-header h4 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
}
.best-value .package-header .meta-text {
font-size: 13px;
line-height: normal;
}
.best-value .package-header {
height: 72px;
}
.package ul li i {
margin-right: 5px;
font-size: 13px;
}
.order {
color: #404040;
background: #d8ccba;
}
.package .order-now {
display: block;
max-width: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
background: #404040;
line-height: 45px;
-webkit-transition: all 700ms;
transition: all 700ms;
}
.package .order-now:hover {
background: #e96656;
}
/*---------------------------------------
** Producs -----
-----------------------------------------*/
.products .color-overlay {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 70px;
background: rgba(39,144,176, 0.96);
}
/*---ITEM STYLE ---*/
.item {
display: block;
overflow: hidden;
position: relative;
z-index: 5;
width: 100%;
height: 260px;
margin: auto;
margin-bottom: 30px;
border-radius: 4px;
-webkit-background-size: 100%;
background-size: 100%;
-webkit-backface-visibility: hidden;
}
.item-overlay {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.item-content {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
transform: translate(0,100%);
}
.item:hover .item-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.item-top-content {
position: relative;
}
.item-top-content-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px 10px 15px;
background: rgba(255,255,255,0.95);
}
.item-add-content {
padding: 0 15px 15px 15px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.item:hover .item-add-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.item-add-content-inner {
padding-top: 10px;
border: 0 solid #dadada;
border-top-width: 1px;
}
.item-top-title {
text-align: left;
}
.item-top-title h5 {
color: #404040;
font-weight: 700;
}
/* ITEM DETAILS */
.item-product {
float: left;
width: 70%;
}
.item-product-price {
float: right;
width: 30%;
text-align: right;
}
.subdescription {
color: #7d7d7d;
font-size: 14px;
font-weight: 400;
}
/*---PRODUCT PRICE---*/
.item-product-price {
position: relative;
font-size: 1em;
font-weight: 700;
}
.item-product-price .subdescription {
color: #808080;
}
.old-price {
position: absolute;
right: -2px;
bottom: 10px;
width: 30px;
margin-top: -11px;
border: 0 solid #808080;
border-bottom-width: 1px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/*---ITEM DESCRIPTION ---*/
.item-content {
background: rgba(255,255,255,0.85);
}
.item-add-content {
color: #808080;
font-weight: 400;
}
.item-add-content .section {
margin-bottom: 10px;
}
.item-add-content .section:last-of-type {
margin-bottom: 0;
}
.item-add-content p {
font-size: 14PX;
}
/*---------------------------------------
** Newsletter -----
-----------------------------------------*/
.newsletter {
padding-top: 62px;
padding-bottom: 62px;
background: rgba(0, 0, 0, 0.5);
}
.newsletter h3 {
margin-bottom: 8px;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
.newsletter .subscription {
margin-top: 15px;
}
.newsletter .custom-button {
margin-top: 7px;
}
/*----------------------------------------
** Testimonial -----
-----------------------------------------*/
.testimonial {
padding-bottom: 90px;
background: #8c7620;
}
.testimonial .section-header .section-legend {
color: #fff;
}
#client-feedbacks .feedback-box,
.testimonial .widget_zerif_testim-widget {
display: inline-block;
z-index: 5;
width: 30%;
margin: 13px;
padding: 25px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
vertical-align: top;
}
.feedback-box .message,
.testimonial .widget_zerif_testim-widget .message {
color: #000;
font-size: 15px;
}
.feedback-box .client,
.testimonial .widget_zerif_testim-widget .client {
position: relative;
height: 73px;
margin-top: 30px;
}
.feedback-box .quote,
.testimonial .widget_zerif_testim-widget .quote {
float: left;
font-size: 45px;
line-height: 80px;
}
.feedback-box .client-info,
.testimonial .widget_zerif_testim-widget .client-info {
float: left;
margin-left: 18px;
padding-top: 15px;
}
.feedback-box .client-info .client-name,
.testimonial .widget_zerif_testim-widget .client-name {
color: #404040;
font-family: "Homemade Apple", serif;
}
.feedback-box .client-info .client-company,
.testimonial .widget_zerif_testim-widget .client-company {
margin-top: -3px;
font-size: 13px;
}
.feedback-box .client-image,
.testimonial .widget_zerif_testim-widget .client-image {
float: right;
overflow: hidden;
width: 73px;
height: 73px;
border: 3px solid #f6f6f6;
border-radius: 50%;
}
.feedback-box .client-image img,
.testimonial .widget_zerif_testim-widget .client-image img {
width: 100%;
height: 100%;
}
.customNavigation {
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
border-radius: 50%;
background: #886e0e;
}
.customNavigation a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.zerif_grid_col_4 > div,
.zerif_grid_col_3 > div,
.zerif_grid_col_2 > div,
.zerif_grid_col_1 > div {
margin-bottom: 30px;
text-align: center;
}
.zerif_grid_col_4 {
float: left;
width: 23%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_3 {
float: left;
width: 31.5%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_2 {
float: left;
width: 48%;
margin: 0 1.75% 0 1.75%;
}
.zerif_grid_col_1 {
float: left;
width: 100%;
}
.zerif_grid_first {
margin-left: 0;
padding-left: 0;
}
.zerif_grid_last {
margin-right: 0;
padding-right: 0;
}
#client-feedbacks.zerif_grid .feedback-box {
width: 100%;
}
/*----------------------------------------
** Purchase now -----
-----------------------------------------*/
.purchase-now {
padding-top: 70px;
padding-bottom: 70px;
background: #e96656;
}
.purchase-now h3 {
margin-top: 14px;
line-height: 40px;
text-align: left;
}
.purchase-now .red-btn {
float: right;
background: #db5a4a;
}
.purchase-now .red-btn:hover {
background: #bf3928;
}
.ribbon-without-button h3 {
text-align: center;
}
.ribbon-without-button .col-md-9 {
width: 100%;
}
/*----------------------------------------
** Contact us -----
-----------------------------------------*/
.contact-us {
padding-bottom: 95px;
background: rgba(0, 0, 0, 0.5);
}
.contact-us .section-header .section-legend {
color: #fff;
}
.contact-us .input-box,
textarea {
width: 100%;
margin: auto;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-us textarea {
border: 1px solid transparent;
}
.zerif-g-recaptcha {
display: none;
margin-left: 15px;
}
.contact-us .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.contact-us .error p {
background: #e96656;
}
.contact-us .success p {
background: #34d293;
}
.contact_submit_wrap {
float: right;
}
/*---------------------------------------
** Footer -----
-----------------------------------------*/
#footer {
background: #272727;
line-height: 20px;
}
.company-details {
padding-top: 67px;
padding-bottom: 30px;
color: #939393;
}
.company-details a {
color: #939393;
text-decoration: none;
}
.company-details a:hover {
color: #e96656;
}
.company-details .icon-top {
margin-bottom: 10px;
font-size: 30px;
}
.copyright {
padding-top: 68px;
padding-bottom: 68px;
background: #171717;
}
.social {
margin: 0 0 1.5em 0 !important;
}
.social li {
display: inline-block;
margin: 5px;
}
.social li a {
color: #939393;
font-size: 18px;
}
.social li a:hover {
color: #e96656;
}
.copyright p {
margin-bottom: 0;
color: #939393;
}
.footer-widget-wrap > .container {
text-align: center;
}
.footer-widget {
display: inline-block;
float: none;
vertical-align: top;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
margin-left: 0;
list-style: none;
}
.footer-widget-wrap {
background: rgba(255,255,255,0.05);
}
.footer-widget-wrap .widget .widget-title {
color: #fff;
}
.footer-widget-wrap .widget li a {
color: #ccc;
}
.footer-widget-wrap .widget li a:hover {
color: #fff;
}
.footer-widget-wrap .widget {
padding-bottom: 30px;
color: #ccc;
}
.footer-widget-wrap .widget_calendar tbody td {
background-color: rgba(249, 249, 249, 0.75);
}
.footer-widget-wrap .tagcloud a {
padding: 2px 5px;
color: #ccc;
background: none;
}
.footer-widget-wrap .tagcloud a:hover {
color: #fff;
}
.footer-widget-wrap .widget #wp-calendar {
color: #333;
}
/*---------------------------------------
** Single page -----
-----------------------------------------*/
.single-project {
margin-bottom: 25px;
text-align: left;
}
.single-project .project-image {
float: left;
width: 100%;
margin-bottom: 25px;
text-align: left;
}
.single-project h3 {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #dadada;
line-height: 40px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
margin-right: 5px;
font-weight: 700;
}
/*---------------------------------------
** Section blog -----
-----------------------------------------*/
.blog {
overflow: hidden;
position: relative;
min-height: 175px;
}
.blog-list {
background: #fff;
}
.post-img-wrap {
display: inline-block;
float: left;
overflow: hidden;
margin-right: 20px;
}
.post-img-wrap a img {
width: 200px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5 ease-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
article.hentry {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
padding: 10px;
background: #f9f9f9;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #e96656;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #404040;
font-size: 20px;
line-height: 22px;
}
.entry-title a:hover {
color: #e96656;;
}
.clear {
clear: both;
}
.content-left-wrap {
padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
margin-top: 60px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.entry-title:after {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap .entry-title a:after {
display: none;
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.entry-title {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0;
}
.entry-content {
line-height: 20px;
}
.list-post-top {
min-height: 130px;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large a:hover {
color: #e96656;
}
.entry-footer-large {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
padding-right: 200px;
background: transparent;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0 0;
text-align: justify;
}
.entry-content {
margin: 1em 0 0;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar caption {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
color: #e96656;
background: #f9f9f9;
}
.widget_calendar a:hover {
color: #fff;
background-color: #e96656;
}
.widget_calendar tbody td {
background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_calendar thead th {
border: none;
background: #e9e9e9;
}
/*----------------------------------------
** SiteOrigin Page Builder styles -----
-----------------------------------------*/
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
margin: 0;
}
.siteorigin-panels .widget li::before {
display: none;
}
/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
float: right;
position: absolute;
top: 0;
right: 0;
}
.entry-content p {
text-align: justify;
}
.entry-content blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0;
width: 100%;
min-height: 50px;
padding: 15px 20px 0 20px;
border-top: 2px solid #fff;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
float: left;
position: relative;
width: 95%;
margin: 0 0 35px 0;
border-radius: 4px;
background-color: #fff;
}
.large-container .list-post-top {
min-height: 130px;
}
/* woocommerce v2.3.5 */
*:focus {
outline: 0;
}
.woocommerce-page .page-description {
float: left;
margin-top: 20px;
text-align: justify;
}
.woocommerce-page h1.page-title {
position: relative;
color: #404040;
font-size: 20px;
font-size: 20px;
line-height: 22px;
text-align: left;
}
.woocommerce-page .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.woocommerce span.onsale {
position: absolute;
top: -20px;
left: -20px;
width: 55px;
height: 55px;
padding: 0;
border: 4px solid #34d293;
border-radius: 50%;
color: #000;
background: rgba(255,255,255,0.9);
text-shadow: none;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
top: -20px;
left: -20px;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #a0a0a0;
}
.woocommerce-page .products .product > a:first-child {
display: block;
position: relative;
text-align: center;
}
.woocommerce-page .products a.button {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .products a.button:hover {
background: #cb4332;
}
.woocommerce-page .products h3,
.woocommerce-page .products h2 {
display: inline-block;
float: none;
position: relative;
width: auto;
min-height: 42px;
margin: 0;
color: #404040;
font-size: 16px !important;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.woocommerce-page .products a .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
padding: 10px 0;
color: #000 ;
line-height: 20px;
text-align: center;
}
.woocommerce-page .products a .price del {
display: block;
line-height: 20px;
}
.woocommerce ul.products li.product .price {
color: #000;
font-size: 16px;
}
.woocommerce-page .products a .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .products .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .products .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .products .price {
padding: 5px 0;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-result-count {
float: left;
margin-top: 20px;
font-size: 14px;
line-height: 46px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-page .product .images {
float: left;
width: 50%;
}
.woocommerce-page .product .entry-summary {
float: right;
width: 50%;
margin-top: 0;
padding-left: 5%;
}
.woocommerce-page .product .quantity {
display: block;
float: left;
margin-bottom: 15px;
}
.woocommerce-page .product .quantity input {
width: 78px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.woocommerce-page #content .quantity input.minus {
float: left;
position: relative;
position: absolute;
top: 15px;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce-page #content .quantity input.plus {
float: left;
position: relative;
position: absolute;
top: 0;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
position: relative;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 30px;
}
.woocommerce-page .quantity.buttons_added {
width: auto;
}
.woocommerce-page .product .product_meta a {
color: #e96656;
}
.woocommerce-page .product_title {
margin-top: 0;
text-align: left;
}
.woocommerce-page .product .price {
margin-bottom: 0;
padding: 30px 0;
text-align: left;
}
.woocommerce-page .product div[itemprop="description"] {
float: left;
text-align: justify;
}
.woocommerce-page .product .stock,
.woocommerce-page .product .cart,
.woocommerce-page .product .product_meta {
float: left;
clear: left;
text-align: left;
}
.woocommerce-page .product .cart .button {
float: left;
clear: left;
margin: 0;
margin-bottom: 25px;
}
.woocommerce-page .product .cart .button:hover {
background: rgb(203, 67, 50);
box-shadow: none;
}
.woocommerce-page .product .images .thumbnails {
width: 100%;
}
.woocommerce-page .product .images .thumbnails a {
display: inline-block;
float: left;
}
.woocommerce-page .woocommerce-tabs {
float: left;
width: 100%;
margin-top: 50px;
}
.woocommerce-page .woocommerce-tabs .tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs li {
display: inline-block;
margin-bottom: -2px;
padding: 10px 20px;
list-style: none;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
border-bottom: 2px solid #e96656;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
color: #e96656;
text-decoration: none;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
color: rgb(64, 64, 64);
font-size: 18px;
}
.woocommerce-page .woocommerce-tabs .entry-content {
margin-bottom: 50px;
box-shadow: none;
text-align: justify;
}
.woocommerce-page h3.comment-reply-title {
min-height: auto;
}
.woocommerce-page .product .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
color: #000;
line-height: 20px;
}
.woocommerce div.product p.price {
color: #000;
font-size: 16px;
}
.woocommerce-page .product .price del {
display: block;
line-height: 20px;
}
.woocommerce-page .product .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .product .comment-form input {
border-radius: 3px;
}
.woocommerce-page .product .comment-form input[type="submit"] {
margin-left: 0;
}
.woocommerce-page .product .comment-form label {
float: left;
width: auto;
line-height: 32px;
}
.woocommerce-page .product .comment-form .comment-form-rating label {
line-height: 20px;
}
.woocommerce-page .product .comment-form-author label,
.woocommerce-page .product .comment-form-email label {
width: 100px;
}
.woocommerce-page .product .comment-form .star-rating {
float: right;
width: 100px;
height: 20px;
background: url(images/woostars.png) repeat-x left bottom;
}
.woocommerce-page .product .comment-form .star-rating span {
float: left;
overflow: hidden;
height: 0;
padding-top: 16px;
background: url(images/woostars.png) repeat-x left top;
}
.woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce-page .product .comment-form #review_form #respond {
position: static;
width: auto;
margin: 0;
padding: 0 0 0;
border: 0;
background: transparent none;
}
.woocommerce-page .product .comment-form #review_form #respond:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce-page .product .comment-form #review_form #respond .form-submit input {
left: auto;
}
.woocommerce-page .product .comment-form #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.woocommerce-page .product .comment-form p.stars:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form p.stars span {
float: left;
position: relative;
width: 100px;
height: 20px;
margin-left: 10px;
background: url(images/woostars.png) repeat-x left 0;
}
.woocommerce-page .product .comment-form p.stars span a {
float: left ;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 0;
padding-top: 20px;
}
.woocommerce-page .product .comment-form p.stars span a:hover,
.woocommerce-page .product .comment-form p.stars span a:focus {
background: url(images/woostars.png) repeat-x left bottom;
-webkit-transition: initial;
-moz-transition: initial;
-o-transition: initial;
transition: initial;
}
.woocommerce-page .product .comment-form p.stars span a.active {
background: url(images/woostars.png) repeat-x left bottom ;
}
.woocommerce-page .product .comment-form p.stars span a.star-1 {
z-index: 10;
width: 20px;
}
.woocommerce-page .product .comment-form p.stars span a.star-1:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-2 {
z-index: 9;
width: 40px;
}
.woocommerce-page .product .comment-form p.stars span a.star-2:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-3 {
z-index: 8;
width: 60px;
}
.woocommerce-page .product .comment-form p.stars span a.star-3:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-4 {
z-index: 7;
width: 80px;
}
.woocommerce-page .product .comment-form p.stars span a.star-4:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-5 {
z-index: 6;
width: 100px;
}
.woocommerce-page .product .comment-form p.stars span a.star-5:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a {
border: none;
}
.woocommerce-page .comment-form-rating {
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce-page .product #review_form_wrapper {
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-page .woocommerce-tabs .commentlist .comment {
float: left;
clear: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment-text {
display: inline-block;
}
.woocommerce-page .woocommerce-tabs .description {
width: 100%;
}
.woocommerce-page .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating {
float: left;
margin-top: 30px;
margin-bottom: 0;
text-align: left;
}
.woocommerce-page .woocommerce-product-rating .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
color: #eca420;
font-size: 11px;
}
.woocommerce-page .comment-text .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .comment-text .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-tabs .comment-text {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 50px;
}
.woocommerce-page .woocommerce-tabs .comment_container > img {
position: absolute;
top: 0;
left: 0;
}
.woocommerce-page .woocommerce-message:before {
color: #38c28b;
}
.woocommerce-page .woocommerce-message {
margin: 0 0 40px;
border-top-color: #38c28b;
border-radius: 3px;
color: #38c28b;
background: #f5f5f5;
text-align: left;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
color: #fff;
background-color: #38c28b;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
float: left;
width: 100%;
margin: 0 0 40px;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #e96656;
list-style: none;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
color: #fff;
background-color: #f47565;
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-error:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
width: 100%;
margin: 0 0 40px;
margin-top: 25px !important;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #3ab0e2;
list-style: none;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
color: #fff;
background-color: #5fb8dd;
font-size: 12px;
}
.woocommerce-page .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
padding-top: 30px;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-info {
margin-bottom: 40px;
border: none;
border-radius: 3px;
color: #fff;
background: rgb(58, 176, 226);
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
color: #fff;
}
.woocommerce-page .woocommerce .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce input {
padding: 10px 5px;
border-radius: 3px;
}
.woocommerce-page .woocommerce .woocommerce-error {
padding: 1em 2em 1em 3.5em!important;
border-top-color: #b81c23;
border-radius: 3px;
}
.woocommerce-page .woocommerce .products .product h3 {
float: none;
color: #404040;
}
.woocommerce-page .woocommerce .added_to_cart,
.woocommerce .button {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #000;
background: #f3f3f3;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce div.product form.cart .button {
display: inline-block;
margin: 10px;
margin-left: 0;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 1px solid #ccc;
}
.woocommerce-page .woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button :hover,
.woocommerce #place_order:hover,
.woocommerce div.product form.cart .button:hover {
background: #bf3928;
}
.woocommerce-page .woocommerce .price del {
display: block;
}
.woocommerce-page .woocommerce .price {
height: auto;
line-height: normal;
}
.woocommerce-page .woocommerce .price ins {
color: #000;
font-size: 20px;
font-weight: bold;
}
.woocommerce-page .woocommerce #coupon_code {
min-width: 110px;
margin-top: 2px;
padding: 6px 10px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
border-radius: 5px!important;
color: #a0a0a0;
}
.woocommerce-page .woocommerce .product-name a {
color: #404040;
}
.woocommerce-page .woocommerce-cart-form__contents .actions button {
width: auto;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce-page .woocommerce .cart_totals tr.order-total th {
width: 50%;
}
.woocommerce-page .woocommerce .entry-title {
text-align: left;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
padding: 0;
}
.woocommerce-page .woocommerce .checkout input,
.woocommerce-page .woocommerce .checkout textarea,
.woocommerce-page .woocommerce .checkout select {
padding: 12px 15% 12px 2%;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 15px;
}
.woocommerce-page .woocommerce ul.payment_methods {
padding-left: 1em;
}
.woocommerce-page ul.products {
float: left;
width: 100%;
margin-top: 40px;
}
.woocommerce-page .woocommerce .summary,
.woocommerce-page .woocommerce .entry-summary,
.woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
text-align: justify;
}
.woocommerce-page .woocommerce .quantity input.input-text {
width: 100px;
height: 42px;
margin-right: 10px;
}
.woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
margin: 0;
}
.woocommerce-page .woocommerce .comment-form label {
width: 100%;
}
.woocommerce-page .woocommerce .woocommerce-message {
float: left;
width: 100%;
border: none;
border-radius: 3px;
color: white;
background: #20aa80;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-message a.button {
margin: 0;
padding: 7px 17px;
}
.woocommerce-page .woocommerce .woocommerce-message:before {
color: #fff;
}
.woocommerce-page .woocommerce ul.products li.product .star-rating {
font-size: inherit;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page input.button.alt {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-shadow: none;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce input[type="submit"]:hover,
.woocommerce-page #content input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page input.button.alt:hover {
color: #fff;
background: #cb4332;
box-shadow: none;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 60px;
height: 30px;
margin-right: 0;
padding: 0 0 0 5px;
text-align: left;
}
.woocommerce a.button.alt {
color: #fff;
background: #e96656;
}
.woocommerce a.button.alt:hover {
color: #fff;
background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
color: #fff !important;
background: #e96656;
line-height: 20px;
}
.woocommerce-page .woocommerce a.remove {
color: #e96656 !important;
line-height: 20px;
}
.woocommerce-page .woocommerce-info {
width: 100%;
}
.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout #order_review_heading {
clear: none;
float: left;
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout .col-1,
.woocommerce-page .woocommerce-checkout .col-2 {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
float: left;
width: 55%;
margin-right: 5%;
}
.woocommerce-page .woocommerce-checkout-review-order {
clear: left;
}
.woocommerce-page .woocommerce .checkbox {
float: left;
padding: 0;
}
.woocommerce-page .woocommerce-checkout #payment {
background: #fafafa;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
margin: -13px 0 0 2em;
border: 8px solid #ececec;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
content: "";
}
.woocommerce-page .woocommerce-checkout #ship-to-different-address {
font-size: 16px;
margin-left: 24px;
}
.woocommerce-page .woocommerce .order_details li.order {
background: #fff;
}
.woocommerce-page .products a.button {
text-decoration: none;
}
.woocommerce-page .product .cart .button {
color: #fff;
}
.woocommerce-page .woocommerce {
margin-top: 25px;
}
.woocommerce-page .woocommerce .order {
background: #fff;
}
.woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
font-size: 12px;
}
.woocommerce-page .woocommerce #payment ul.payment_methods {
margin: 0;
border-bottom: 1px solid #d3ced2;
text-align: left;
list-style: outside none none;
}
.woocommerce-page .woocommerce #payment {
background: none repeat scroll 0 0 #fafafa;
}
.woocommerce-page .woocommerce #payment div.payment_box {
position: relative;
width: 96%;
margin: 1em 0;
padding: 1em 2%;
border-radius: 2px;
color: #515151;
background-color: #dfdcde;
font-size: 0.92em;
line-height: 1.5;
}
.woocommerce-page .woocommerce #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
margin-bottom: 0;
}
.woocommerce-page .woocommerce #payment div.payment_box:after {
position: absolute;
top: -3px;
left: 0;
margin: -13px 0 0 2em;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #ececec;
border-image: none;
content: "";
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.woocommerce-page .woocommerce #payment h3 {
padding-left: 20px;
}
.woocommerce-page .woocommerce #payment #place_order {
float: none;
}
.woocommerce-page .woocommerce a.button {
margin-left: 0;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button {
margin-left: 0;
padding: 13px 35px 13px 35px;
font-size: 12px;
}
.woocommerce button.button {
width: 100%;
}
.woocommerce-page .woocommerce select {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
outline: 0;
color: #a0a0a0;
line-height: 1;
}
.woocommerce-page .woocommerce #order_review {
float: right;
clear: right;
width: 40%;
margin-right: 0;
}
.woocommerce-page .woocommerce .login {
float: left;
width: 100%;
}
.woocommerce-page .select2-drop {
text-align: left;
}
.woocommerce-page .woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding-bottom: 0;
border: none;
background: none;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
border: none;
content: "";
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
content: "";
}
.woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin-bottom: -1px;
border-bottom: 2px solid #e96656;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
box-shadow: none;
}
.woocommerce-page .comment-form {
float: left;
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce #review_form #respond .form-submit input {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 130px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
clear: left;
}
.woocommerce table.shop_table {
clear: left;
font-size: 16px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
margin-bottom: 1em;
}
.woocommerce .upsells {
width: 100%;
float: left;
}
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products {
float: left;
clear: left;
}
/**/
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
padding: 0;
content: "\2713";
}
.woocommerce .shipping_calculator h2 a {
font-size: 18px;
}
/**/
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: none;
position: relative;
width: 22.05%;
margin: 0 3.8% 2.992em 0;
padding: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1),
.woocommerce-page ul.products li.product:nth-child(4+1) {
clear: left;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination {
float: left;
width: 100%;
padding-bottom: 30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers .current:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
display: none;
content: "";
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 3px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 32px;
min-width: 32px;
border: none;
border-radius: 4px;
color: #000;
background: rgb(236, 236, 236);
}
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: rgb(233, 102, 86);
}
.woocommerce div.product form.cart label {
color: #404040;
}
.woocommerce p.stars a:before,
.woocommerce p.stars a:hover ~ a:before {
display: none;
content: "";
}
/* Changes for woocommerce 3.0.0 */
.woocommerce div.product .related {
clear: both;
}
.woocommerce div.product {
float: left;
width: 100%;
}
.woocommerce-product-details__short-description {
clear: both;
text-align: left;
}
.woocommerce-product-details__short-description ul {
margin: 0 0 24px;
list-style-position: inside;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 30.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
width: 30.75%;
padding-top: 1em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 3.8%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
margin: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: auto;
margin: 0 0 2em!important;
padding: 1em 2em 1em 3.5em!important;
word-wrap: break-word;
list-style: none!important;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
margin: 0 !important;
margin-left: 2em !important;
color: inherit;
background: transparent;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
color: #404040;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: inherit;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 20px;
}
/* End changes for woocommerce 3.0.0*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (max-width: 992px) {
.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-page .products .product > a:first-child {
/* min-height: 325px; */
}
.large-container {
width: 100%;
}
}
@media (max-width: 767px) {
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
.woocommerce-page .woocommerce #order_review {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 100%;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: both;
width: 48%;
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1) {
clear: none;
}
.woocommerce .upsells.products ul li.product:nth-child(even),
.woocommerce-page ul.products li.product:nth-child(even) {
float: right;
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(odd),
.woocommerce-page ul.products li.product:nth-child(odd) {
clear: left;
}
.listpost-content-wrap-large {
position: relative;
}
.menu-align-center .responsive-logo > a {
float: left;
}
}
@media (max-width: 600px) {
.woocommerce-page .product .images {
width: 100%;
}
.woocommerce-page .product .entry-summary {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
font-size: 14px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
padding: 10px 10px;
}
.listpost-content-wrap-large {
position: relative;
}
.listpost-content-wrap-large {
padding: 20px 0 0 0;
}
body {
position: initial !important;
}
.entry-meta-large {
float: left;
position: relative;
width: 100%;
}
.entry-footer-large {
padding-right: 0;
}
}
@media (max-width: 480px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-top: 50px;
padding-left: 0;
}
.woocommerce-page .comment-text .star-rating {
float: left;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 5px 0;
border-right: none;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
width: 100%;
}
}
/* [end] woocommerce */
/* bbpress style [version 2.5.8] */
.bbpress #subscription-toggle {
float: right;
}
.bbpress .bbp-breadcrumb {
margin: 10px 0;
}
#subscription-toggle {
/** margin: 10px 0; */
}
#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: 2px;
}
div.bbp-template-notice.info {
padding: 1px 5px;
border: none;
background-color: #f0f8ff;
}
div.bbp-template-notice,
div.indicator-hint {
padding: 1px 5px;
border: none;
background-color: #fff7d6;
}
#bbpress-forums fieldset.bbp-form label {
line-height: 30px;
}
div.bbp-template-notice a {
color: #008ed6;
text-decoration: none;
}
.bbp-pagination {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#bbpress-forums li.bbp-header {
padding: 10px 0;
background: #fbfbfb;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 11px;
line-height: 16px;
}
#bbpress-forums div.bbp-the-content-wrapper input {
width: auto;
}
#bbpress-forums fieldset.bbp-form input {
padding: 5px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
border-top: none;
}
#bbpress-forums li.bbp-header {
background: none;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: none;
}
#bbpress-forums input[type="submit"] {
padding: 5px 30px 5px 30px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: none;
}
#bbpress-forums li.bbp-header {
border-bottom: 2px solid #ececec;
}
#bbpress-forums li.bbp-footer {
border-top: 3px solid #ececec;
}
.bbp-breadcrumb,
.bbp-breadcrumb a,
.bbp-breadcrumb p {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #f9f9f9 !important;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-forum-title,
.bbp-forum-title:visited {
float: left;
margin-bottom: 15px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.bbp-forum-title:hover {
text-decoration: none;
}
.bbp-forum-title:after {
display: block;
width: 80px;
height: 2px;
margin-top: 5px;
background: #008ed6;
content: "";
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px 5px !important;
border-top: 1px solid #eee;
}
.bbp-forum-freshness p,
.bbp-forum-freshness a,
.bbp-forum-freshness span {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.bbp-forum-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
clear: left;
margin: 0;
font-size: 14px;
line-height: 24px;
}
#bbpress-forums li {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums p.bbp-topic-meta span {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-started-by {
float: left;
}
div.bbp-template-notice p,
div.bbp-template-notice a {
font-size: 12px;
line-height: 16px;
}
.bbp-topic-freshness,
.bbp-topic-freshness a {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-freshness a {
color: #666;
font-style: italic;
}
a.bbp-author-name:hover,
.bbp-topic-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: none;
}
#bbpress-forums .bbp-author-name {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 0;
padding: 0;
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border: 1px solid #e7e7e7;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
font-size: 14px;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: left;
width: 25%;
text-align: center;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
padding: 5px;
border: 1px solid #e7e7e7;
background-color: #fbfbfb;
box-shadow: none;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
color: #e96656;
}
#bbpress-forums fieldset.bbp-form input {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums fieldset.bbp-form select {
padding: 5px;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background: red;
}
#bbpress-forums div.bbp-topic-tags {
float: left;
width: 100%;
margin-bottom: 15px;
}
#bbpress-forums .bbp-topic-description a {
color: #666;
font-size: 12px;
font-style: italic;
}
#bbpress-forums .bbp-topic-description a:hover {
text-decoration: underline;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 5px 0;
}
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
padding: 8px 0;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums .bbp-admin-links {
color: transparent;
}
#bbpress-forums .bbp-admin-links a:hover {
color: #008ed6;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
.bbp-body a.bbp-topic-permalink {
position: relative;
color: #404040;
font-size: 20px;
line-height: 22px;
}
.bbp-body a.bbp-topic-permalink:hover {
color: #e96656;
}
.bbp-body .bbp-topic-permalink:after {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 30px;
line-height: 34px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
opacity: 0.8;
color: #fff;
background: #008ed6;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
line-height: 18px;
}
#bbpress-forums .bbp-forum-description .bbp-author-name {
font-size: 12px;
}
.bbp-pagination-count {
float: left;
border: 1px solid transparent;
font-size: 12px;
}
.bbp-topic-tags a {
color: #949494;
font-style: italic;
}
.bbp-topic-tags a:hover {
color: #e96656;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
clear: left;
color: #e96656;
}
.bbp-reply-post-date {
font-size: 12px;
}
.bbp-template-notice.error strong {
font-size: 12px;
}
.bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
background: #e96656;
content: "";
}
.bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
background: #e96656;
content: "";
}
.bbp-meta {
float: left;
width: 100%;
padding: 0 5px;
border-bottom: 1px solid #f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-border-radius: 3px;
}
span.bbp-admin-links a {
color: #666;
}
span.bbp-admin-links a:hover {
color: #e96656 !important;
}
#favorite-toggle a,
#subscription-toggle a {
color: #666;
font-style: italic;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
color: #e96656;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
clear: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4em;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.bbp-user-section {
margin-top: 20px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
background: none !important;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
clear: left;
}
.bbp-topic-started-in a {
color: #666;
font-size: 12px;
font-style: italic;
}
.bbp-topic-started-in a:hover {
text-decoration: underline;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-replies {
clear: left;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header {
float: left;
clear: left;
font-size: 13px;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
font-size: 13px;
font-style: italic;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
float: left;
}
#bbpress-forums fieldset.bbp-form legend {
float: left;
position: relative;
margin-top: 50px;
margin-bottom: 30px;
color: #404040;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#bbpress-forums fieldset.bbp-form legend:before {
position: absolute;
z-index: 1;
bottom: -5px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums .is-favorite a {
color: #e96656;
}
#bbpress-forums .bbp-reply-title h3 {
float: left;
}
#bbpress-forums .bbp-reply-title h3 a {
font-size: 16px;
font-style: italic;
}
#bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-forum-header {
padding-bottom: 0;
background: none;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header {
background: none;
}
#bbpress-forums div.bbp-topic-title h3 {
float: left;
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
float: left;
margin-left: 5px;
line-height: 33px;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
display: none;
content: "";
}
li.bbp-body div.hentry {
padding: 0;
}
#bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
padding-top: 0;
}
/* [end] bbpress */
/* Easy Digital Downloads style [version 2.4.9] */
.edd_download {
float: left;
width: 33%;
}
.edd_download:nth-child(4n+1) {
clear: both;
}
.edd_download_excerpt p {
text-align: justify;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
color: #fff;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
border: none;
}
#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
border: none;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#edd_checkout_cart a,
.edd_discount_link a,
.edd-lost-password a {
color: #f73f2e;
}
#edd_login_form input[type="submit"] {
margin-left: 0;
}
#edd_checkout_form_wrap select.edd-select {
display: block;
width: 70%;
}
.edd-cart-added-alert {
width: 100%;
color: #d9534f;
}
.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
border: none;
border: none;
border-bottom: 3px solid #c84e54;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background-color: #e86a6a;
}
.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
color: #fff;
}
.edd-alert-error a:hover {
text-decoration: underline;
}
#edd_checkout_form_wrap fieldset p:last-child {
color: rgba(255,255,255,0.8);
}
.edd_download_inner {
margin: 0 15px;
margin-bottom: 30px;
padding: 15px;
background: #fff;
text-align: center;
list-style: none;
transition: all ease 0.55s;
}
.edd_download_inner:hover {
border-bottom-color: #008ed6;
}
.edd_download_title a,
.edd_download_title {
color: #404040;
font-size: 1em;
font-weight: bold;
line-height: 24px;
}
.edd_download_title {
margin-top: 10px;
margin-bottom: 10px;
}
#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
border-bottom: 0;
}
#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
margin-bottom: 10px;
}
#edd_new_user_pass1,
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="url"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="search"],
#edd_profile_editor_form textarea {
width: 221px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #555;
}
#edd_profile_editor_form input[type="submit"] {
margin-left: 0;
}
#edd_profile_billing_address_wrap legend {
margin-top: 50px;
}
#edd_login_form legend {
margin-top: 50px;
}
#edd_address_country,
#edd_display_name {
width: 192px;
}
#edd_user_history,
#edd_checkout_cart,
#edd_checkout_form_wrap fieldset,
#edd_discounts_list {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th {
padding: 9px 12px;
border: none;
background: transparent;
}
#edd_user_history td,
#edd_checkout_cart td {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
.edd_cart_footer_row,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart tfoot th:last-child {
border-top: 1px solid rgba(0,0,0,0.1);
}
#edd_checkout_cart .edd_checkout_cart_item_title,
#edd_checkout_cart td {
font-size: 16px;
line-height: 22px;
}
#edd_checkout_cart td {
border-right: none;
border-left: none;
}
#edd_discounts_list .edd_discount {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
list-style: none;
}
#edd_discounts_list .edd_discount:nth-child(1) {
border-top: none;
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=text] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
#edd_profile_editor_form legend {
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
color: #333;
font-size: 120%;
font-weight: 700;
line-height: 1;
}
.edd_price_options.edd_multi_mode ul {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
.edd_price_options.edd_multi_mode ul li {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.edd_price_options.edd_multi_mode ul li:nth-child(1) {
border-top: none;
}
.edd-image-wrap {
float: right;
width: 100%;
max-width: 50%;
padding: 0 0 15px 15px;
}
.edd-image-wrap img {
width: 100%;
height: auto;
}
/* WP MegaMenu */
.wr-megamenu-container .preview-text,
.wr-megamenu-container .preview-text p {
color: #808080;
font-size: 14px;
font-weight: normal;
}
.wr-megamenu-container .block-sub-menu a {
padding: 5px;
color: #808080;
}
.wr-element-submenu .submenu-items a {
padding: 6px 5px 6px 20px !important;
}
.wr-megamenu-container {
margin-top: 12px;
}
.it-responsive-mega {
display: none !important;
}
.jsn-bootstrap3 .glyphicon {
margin-right: 2px;
font-size: 10px;
}
.wr-element-container {
padding: 5px 0;
}
.jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
display: none !important;
}
.wr-element-container ul.sub-menu li a > i,
.wr-element-container ul.submenu-items li a > i {
margin-right: 7px;
}
@media only screen and (max-width: 783px) {
.wr-mega-menu .wr-menu-down {
margin: -43px 5px 0 0 !important;
}
}
@media (max-width: 992px) {
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
padding: 10px;
color: #fff;
font-size: 12px;
}
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
font-size: 12px;
}
.zerif_about_us_center p,
.about-us .col-md-6.zerif_about_us_center.text_and_skills p {
text-align: center;
}
}
@media (max-width: 768px) {
.edd_download {
width: 100% !important;
}
}
/* [end] Easy Digital Downloads */
body.custom-background {
background-attachment: fixed !important;
background-position: top center !important;
}
.blog .blog-site-content.site-content {
background: #fff;
}
.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
clear: both;
}
.dropdownmenu {
display: none;
}
/* mobile background fix */
.mobile-bg-fix-wrap {
overflow: hidden;
width: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
/*---------------------------------------
** Max Mega Menu -----
-----------------------------------------*/
.mega-menu-primary #main-nav > .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
text-align: center;
}
.menu-align-center #mega-menu-wrap-primary {
margin: auto;
}
#mega-menu-wrap-primary {
margin-left: auto;
}
.obfx-menu-icon {
vertical-align: middle;
margin-right: 5px;
}
@media (max-width: 768px) {
.mega-menu-primary #main-nav > .container {
display: block;
}
.mega-menu-primary .responsive-logo {
float: left;
}
#mega-menu-wrap-primary {
float: none;
clear: both;
position: static;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 20px;
top: 20px;
margin-bottom: 10px;
background: #808080;
border: 1px solid #333;
border-radius: 4px;
height: auto;
transition: .3s ease background;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
background: #e96656;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
margin: 0;
font-size: 28px;
padding: 0 10px;
color: #fff;
line-height: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
line-height: 34px;
}
.mega-toggle-label-closed,
.mega-toggle-label-open {
padding-left: 10px;
}
.mega-toggle-label-closed:empty,
.mega-toggle-label-open:empty {
padding-left: 0;
}
}
@media (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle {
position: relative;
top: 0;
left: 0;
}
.mega-menu-primary .responsive-logo {
width: 100%;
text-align: center;
}
.mega-menu-primary .navbar-brand {
float: none !important;
}
}
/*---------------------------------------
** Responsive -----
-----------------------------------------*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* TOP BAR ELEMENTS */
/* HOME */
.intro {
margin-top: 40%;
font-size: 45px;
line-height: 55px;
}
/* ABOUT US */
.big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
/* TEAM */
.team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
line-height: 18px;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.container .company-details {
width: 33%;
padding-top: 40px;
}
}
@media (max-width: 992px) {
.purchase-now .red-btn {
float: none;
}
.skills {
margin-left: 0;
}
#client-feedbacks .feedback-box {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 26%;
}
.intro-text {
font-size: 45px;
line-height: 55px;
}
.section-header h2 {
font-size: 35px;
}
.section-header {
padding-bottom: 30px;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 60px;
padding-bottom: 60px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 225px 0 150px;
}
.about-us .big-intro {
text-align: center;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.container .company-details:first-child {
padding-top: 40px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
.container .company-details {
width: 100%;
}
}
@media (max-width: 767px) {
/* HEADER */
.bs-navbar-collapse {
border: 0;
}
#main-nav {
overflow: visible;
}
#main-nav,
#main-nav.fixed {
position: relative;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li {
position: relative;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
width: 100%;
box-shadow: none;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: left;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
float: left;
width: 100%;
padding: 8px 25px 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
top: 0;
left: 0;
}
.navbar-inverse .navbar-brand {
float: left;
}
.rtl .navbar-inverse .navbar-brand {
float: right;
}
#main-nav {
overflow: hidden;
}
.navbar-collapse {
max-height: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-left: 20px;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-top: 0;
padding-bottom: 0;
}
.dropdownmenu {
display: block;
position: absolute;
z-index: 9;
top: 5px;
right: 0;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
border-radius: 3px;
background: url(images/menu-icon.png) center center no-repeat #e96656;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
margin-right: 0;
padding-right: 0;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #404040 !important;
}
.this-open > a {
color: #e96656 !important;
}
li.current > a:before {
display: none !important;
content: "";
}
ul.nav > li.current_page_item > a:before {
left: 0;
width: 50px;
content: "";
}
.menu-align-center #site-navigation > ul ul {
left: 0;
}
/* HOME */
.header {
min-height: inherit;
padding-bottom: 0 !important;
}
.intro {
font-size: 6.5vw;
line-height: 8vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 30%;
}
.intro-text {
font-size: 41px;
line-height: 49px;
}
.focus-box {
margin-bottom: 75px;
}
.section-header {
float: left;
width: 100%;
}
.pirate-forms-g-recaptcha > div {
display: inline-block;
}
.pirate_forms .pirate-forms-submit-button {
display: inline-block;
text-align: center;
}
.contact_submit_wrap {
text-align: center;
}
/* ABOUT US */
.big-intro {
font-size: 8vw !important;
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
.our-clients {
float: left;
width: 100%;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
footer.entry-footer {
padding-top: 0;
}
/* comments */
.comment-metadata {
position: relative;
top: 0;
right: 0;
}
}
@media (max-width: 480px) {
/* HOME */
.intro {
margin-top: 60%;
font-size: 6.5vw;
line-height: 6vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 40%;
}
.intro-text {
font-size: 32px;
line-height: 37px;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
margin-right: 0;
text-align: left;
}
/* blog */
.post-img-wrap {
width: 100%;
}
.listpost-content-wrap {
float: left;
width: 100%;
margin-top: 20px;
}
.post-img-wrap a {
float: none;
width: 250px;
height: 250px;
margin: 0 auto;
}
.post-img-wrap {
margin-right: 0;
text-align: center;
}
.post-img-wrap a img {
width: auto;
}
/* comments */
.comment-reply-link {
position: relative;
margin-top: 10px;
}
.post-img-wrap a img {
width: 250px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 320px) {
.intro {
font-size: 7vw;
line-height: 25px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 50%;
}
.intro-text {
font-size: 22px;
line-height: 30px;
}
.client-list ul li {
display: block;
}
.listpost-content-wrap-large {
position: relative;
}
.post-img-wrap-large {
display: none;
}
}
.zerif-copyright {
color: #939393!important;
}
.zerif-copyright-box {
width: 100%;
color: #666;
}
/* print */
@media print {
body {
font-size: 11.25pt;
}
a:link:after,
a:visited:after {
content: "";
}
header.header {
min-height: 0 !important;
}
#main-nav {
position: relative;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 30px 0 15px;
}
.buttons {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 15px;
}
.focus {
padding-bottom: 0;
}
.focus .row .focus-box,
.zerif_about_us_center,
.zerif-rtl-skills .skills,
#testimonials > .container > .row,
.zerif-rtl-contact-name,
.zerif-rtl-contact-email,
.zerif-rtl-contact-subject,
#contact > .container > .row .col-lg-12.col-sm-12,
.purchase-now > .container > .row .col-md-9,
.purchase-now > .container > .row .col-md-3,
.separator-one > .color-overlay .container.text,
.separator-one > .color-overlay > div {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.focus .row .focus-box {
width: 23% !important;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.about-us {
padding-bottom: 0;
}
.about-us .column {
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.about-us .big-intro {
margin-top: 0;
text-align: center;
}
.zerif-rtl-big-title,
.zerif-rtl-skills,
.zerif-rtl-skills .skills {
width: 100%;
}
.zerif-rtl-skills .skills li.skill {
display: inline-block;
float: left;
clear: none;
width: 25%;
margin-bottom: 0;
}
.about-us p {
text-align: center;
}
.our-team {
padding-top: 30px;
padding-bottom: 0;
}
.our-team .row {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.our-team .col-lg-3.col-sm-3 {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.team-member .profile-pic {
width: 100%;
height: auto;
}
#client-feedbacks .feedback-box {
width: 30%;
margin: 1.5%;
padding: 0;
}
.feedback-box .quote {
display: none;
}
.feedback-box .client-info {
margin-left: 0;
}
.section-header {
padding-bottom: 15px;
}
.testimonial {
padding-bottom: 0;
}
.feedback-box .client {
margin-top: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .input-box,
textarea {
border: 1px solid #000 !important;
box-shadow: none;
}
.footer-box {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.latestnews-box {
float: left;
width: 50%;
margin: 0;
padding: 0;
padding-right: 2%;
padding-left: 2%;
}
#carousel-homepage-latestnews .item {
height: auto !important;
}
.company-details {
float: left;
width: 33% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.copyright {
width: 100%;
}
.separator-one,
.purchase-now {
padding: 15px 0 15px 0;
}
.latest-news {
padding-top: 15px;
padding-bottom: 15px;
}
/* inner page */
.content-left-wrap {
padding-top: 0;
}
}
/* Nivo slider basic styling */
.nivo-controlNav {
position: absolute;
width: 100%;
bottom: 30px;
text-align: center;
z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
margin: 0 10px;
padding: 5px 10px;
opacity: 0.85;
color: #fff;
background-color: rgba(10, 10, 10, 0.9);
cursor: pointer;
transition: 0.3s ease;
}
.nivo-controlNav a.active {
color: #333;
background: #fff;
}
.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
opacity: 1;
}
.nivo-directionNav {
position: relative;
z-index: 100;
bottom: 74px;
width: 100%;
}
.nivo-directionNav .nivo-prevNav {
float: left;
}
.nivo-directionNav .nivo-prevNav:before {
content: "\00AB ";
}
.nivo-directionNav .nivo-nextNav {
float: right;
}
.nivo-directionNav .nivo-nextNav:after {
content: " \00BB";
}
/* END Nivo slider basic styling */
home/xbodynamge/dev/wp-content/themes/twentysixteen/style.css 0000604 00000211247 15112531243 0020576 0 ustar 00 /*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
home/xbodynamge/www/wp-content/themes/twentyseventeen/style.css 0000644 00000242711 15112626616 0021176 0 ustar 00 /*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
home/xbodynamge/www/wp-content/themes/twentysixteen/style.css 0000604 00000211247 15112657210 0020647 0 ustar 00 /*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
home/xbodynamge/namtation/wp-content/themes/zerif-lite/style.css 0000644 00000424400 15113153741 0021137 0 ustar 00 /*
Theme Name: Zerif Lite
Theme URI: https://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.5.49
License: GNU General Public License version 3
License URI: license.txt
WordPress Available: yes
Requires License: no
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body {
overflow-x: hidden;
color: #808080;
font-family: "Lato", Helvetica, sans-serif !important;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Other fixes*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
i {
vertical-align: middle;
}
ul,
ol {
padding-left: 0 !important;
}
/* Selection colours (easy to forget) */
::selection {
color: #fff;
background: #fc6d6d;
}
::-moz-selection {
color: #fff;
background: #fc6d6d;
}
a {
color: #e96656;
-webkit-transition: all 700ms;
transition: all 700ms;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color: #cb4332;
}
p {
margin: 0;
}
.full-width {
width: 100%;
margin: auto;
}
/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*::-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-ms-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
.bypostauthor {
display: inherit;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote {
margin: 24px 40px;
font-size: 18px;
font-weight: 300;
font-style: italic;
line-height: 26px;
}
address {
margin: 0 0 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
position: relative;
height: 0;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
clear: both;
margin: 0;
margin-bottom: 10px;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h1,
h2 {
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
line-height: 35px;
}
h1,
h1 span {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
margin-top: 45px;
text-align: center;
}
.button {
display: inline-block;
margin: 10px;
padding: 10px 35px 10px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.custom-button {
display: inline-block !important;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.red-btn {
background: #e96656;
}
.green-btn {
background: #1e9e6b;
}
.blue-btn {
background: #3ab0e2;
}
.yellow-btn {
background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
color: #fff;
background: #1288b9;
}
.red-btn:hover {
color: #fff;
background: #cb4332;
}
.green-btn:hover {
color: #fff;
background: #069059;
}
.yellow-btn:hover {
color: #fff;
background: #d8951e;
}
.btn:hover {
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
max-width: 100%; /* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
figure {
margin: 0;
}
.site-main p {
margin: 0 0 24px;
}
table {
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #ededed;
border-spacing: 0;
border-collapse: collapse;
font-size: 14px;
line-height: 2;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin: 20px 0;
font-size: 16px;
}
th {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
font-weight: bold;
text-transform: uppercase;
}
td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
thead th {
border: none;
}
/*---------------------------------------
** COLORS -----
-----------------------------------------*/
/** BACKGROUNDS **/
.red-bg {
background: #e96656;
}
.green-bg {
background: #34d293;
}
.blue-bg {
background: #3ab0e2;
}
.yellow-bg {
background: #e7ac44;
}
.dark-bg {
background: #404040;
}
.white-bg {
background: #fff;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
color: #e96656;
}
.green-text {
color: #34d293;
}
.blue-text {
color: #3ab0e2;
}
.yellow-text {
color: #f7d861;
}
.dark-text {
color: #404040;
}
.white-text {
color: #fff;
}
/*---------------------------------------
** BORDER BOTTOMS -----
-----------------------------------------*/
.white-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #f5f5f5;
content: "";
}
.dark-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #404040;
content: "";
}
.red-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.green-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #34d293;
content: "";
}
.blue-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #3ab0e2;
content: "";
}
.yellow-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #f7d861;
content: "";
}
/*---------------------------------------
** 4.0 Forms -----
-----------------------------------------*/
button,
input,
select,
textarea {
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #e96656;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-transform: uppercase;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
width: 98%;
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
background: #cb4332;
}
.input-box {
display: inline-block;
width: 274px;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border: 0 !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.textarea-box {
display: inline-block;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border: 0;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
outline: 1 !important;
outline-color: #e96656 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
display: block;
float: left;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display: none;
float: left;
position: absolute;
z-index: 99999;
top: 1.5em;
left: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul {
display: block;
}
.navbar-collapse {
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.nav-links a {
color: #e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.nav .has_children > a:after {
margin: 0 0 0 6px;
color: inherit;
font-family: FontAwesome;
content: "\f0d7";
}
.nav .sub-menu .has_children > a:after {
content: "\f0da";
}
}
/*---------------------------------------
** 6.0 Accessibility -----
-----------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000; /* Above WP toolbar */
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
/*---------------------------------------
** 7.0 Alignments -----
-----------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
/*---------------------------------------
** 8.0 Clearings -----
-----------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
display: table;
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*---------------------------------------
** 9.0 Widgets -----
-----------------------------------------*/
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
/*margin: 0 0 1.5em;
margin-bottom: 30px;*/
}
.widget .widget-title {
float: none;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 5px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.widget .widget-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
/* Make sure select elements fit in widgets */
.widget select {
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #e9e9e9;
}
.tagcloud a {
padding: 2px 5px;
background: #fcfcfc;
}
/* Search widget */
.widget_search .search-submit {
/* display: none; */
display: block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
position: relative;
width: 100%;
margin-bottom: 5px;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
display: block;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
margin: 15px 0;
margin-left: 3%;
padding-left: 10px;
text-align: left;
list-style: none;
}
.widget li:before {
float: left;
position: absolute;
left: 0;
width: 4px;
height: 4px;
margin-top: 11px;
background: #e9e9e9;
content: "";
}
.widget li a {
color: #808080;
}
.widget li a:hover {
color: #404040;
}
/*---------------------------------------
** 10.0 Content -----
-----------------------------------------*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
background: none;
}
/*---------------------------------------
** 10.1 Posts and pages -----
-----------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header {
margin: 0 0 40px;
border-bottom: none;
text-align: left;
}
.search-results .page-header {
margin: 0 0 40px;
}
.page-header .page-title {
position: relative;
}
.page-header .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e9e9e9;
content: "";
}
.taxonomy-description {
margin-top: 15px;
}
.entry-title {
position: relative;
}
.entry-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.entry-meta {
margin-top: 10px;
}
.content-area .entry-header {
overflow: hidden;
}
/*---------------------------------------
** 10.2 Asides -----
-----------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*---------------------------------------
** 10.3 Comments -----
-----------------------------------------*/
.comment {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.comment a {
color: #c7254e;
}
.comment-body {
position: relative;
padding-bottom: 10px;
padding-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form,
.comments-title,
.comment-reply-title {
text-align: left;
}
.comment .reply a {
font-size: 12px;
}
.comment-form p {
margin: 10px 10px 10px 0;
}
.comment-form label {
width: 85px;
}
.comments-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-list {
margin-left: 0;
}
.comment-list li {
float: left;
width: 100%;
list-style: none;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
padding: 0.6em 1em 0.4em;
padding: 3px 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: none;
font-family: sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.comment-form #submit,
.comment-reply-link {
border-color: #e96656;
color: #fff !important;
background: #e96656;
}
.comment-form #submit:hover,
.comment-form #submit:focus,
.comment-form #submit:active {
background: #cb4332;
}
.comment-meta {
margin-top: 0 !important;
padding-top: 0 !important;
}
.comment-metadata {
position: absolute;
top: -2px;
right: 55px;
}
.comment-metadata,
.comment-metadata a {
padding: 3px 0;
color: #888;
font-size: 12px;
font-style: italic;
}
.comment-reply-link:hover {
background: #cb4332;
box-shadow: none;
}
.comment-author img {
position: absolute;
left: 0;
border-radius: 50%;
}
.comment-author b.fn {
color: #000;
}
/*---------------------------------------
** 11.0 Infinite scroll -----
-----------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*---------------------------------------
** 12.0 Media -----
-----------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 1.2%;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*---------------------------------------
** 6.5 Gallery -----
-----------------------------------------*/
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 6px 8px;
opacity: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 49px;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item img {
max-width: 100% !important;
}
/*---------------------------------------
** Header -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 100px;
}
.section-header {
padding-bottom: 75px;
text-align: center;
}
.section-header h2,
#focus .section-header h2 a,
#team .section-header h2 a,
#aboutus .section-header h2 a,
#testimonials .section-header h2 a,
#contact .section-header h2 a {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 45px;
line-height: 40px;
text-transform: uppercase;
}
.section-header .section-legend {
margin-bottom: 0;
padding-top: 0;
color: #000;
font-size: 16px;
}
/* PRE LOADER */
.preloader {
overflow: hidden !important;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fefefe;
}
.status {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#parallax_move .layer {
width: 100%;
height: 100%;
background-position: top center;
background-size: cover;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
/*---------------------------------------
** Section: Home -----
-----------------------------------------*/
.header.header {
min-height: 76px;
}
.header.header > .navbar {
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
position: relative;
padding: 285px 0 210px;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
position: relative;
padding: 170px 0 90px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
margin-bottom: 10px;
color: #fff;
font-size: 21px;
font-weight: 100;
}
.header_title {
float: left;
height: 50px;
margin-top: 10px;
}
.header_title h1 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.header_title h2 {
margin: 0;
font-size: 15px !important;
line-height: 15px;
}
.header_title a {
color: #000;
}
/*---- SECTION: HOME > TOP BAR ----*/
#site-navigation {
float: right;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.navbar {
border: 0;
border-radius: 0 !important;
background: #fff;
text-align: left;
}
#main-nav {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 75px;
margin-bottom: 0;
}
#main-nav.fixed {
position: fixed;
top: 0;
}
.navbar-inverse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
position: absolute;
z-index: 9999;
top: 100%;
left: -999em;
width: 200px;
background: #fff;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
padding: 10px;
list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
color: #e96656;
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
top: 0;
left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-brand {
display: inline-block;
position: relative;
height: 76px;
padding: 7px 15px;
line-height: 60px;
text-align: center;
}
.navbar-brand > a > img {
width: auto;
max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
display: inline-block;
vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
color: #999;
text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 0;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
font-size: 16px;
line-height: normal;
}
.navbar-brand > img {
max-height: 100%;
}
.navbar-brand:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
outline: none;
color: #e96656;
}
.navbar-toggle {
margin-top: 23px;
border: 0;
background-color: #808080;
}
.navbar-toggle:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
opacity: 1;
background-color: #e96656;
box-shadow: none;
filter: alpha(opacity=100);
}
.navbar-toggle.active {
background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
background-color: #808080 !important;
}
.menu-align-center #site-navigation {
width: 100%;
}
.menu-align-center #site-navigation > ul {
width: 100%;
text-align: center;
}
.menu-align-center #site-navigation > ul ul {
text-align: left;
}
.menu-align-center #site-navigation > ul > li {
display: inline-block;
float: none;
}
.menu-align-center .responsive-logo {
width: 100%;
text-align: center;
}
.menu-align-center .zerif_header_title {
width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
margin-top: 0;
margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
display: inline-block;
float: none;
}
.menu-align-center .navbar-brand {
float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
position: relative;
outline: none;
color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
display: none;
content: "";
}
li.current > a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
display: none;
content: "";
}
ul.nav > li.current_page_item.current > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
@media (max-width: 768px) {
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: none;
}
}
/*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
.intro {
float: none;
z-index: 0;
margin-top: 25%;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
.intro-text,
.intro-text a {
float: none;
z-index: 0;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
/* Short Messages */
.bottom-message-section {
position: relative;
margin-top: 14%;
}
.short-text {
margin: auto;
color: rgba(255,255,255,0.7);
text-align: center;
text-transform: uppercase;
}
/*---- SECTION: HOME > LATEST NEWS ----*/
.latest-news {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.carousel-inner {
/* margin: 0 30px; */
}
#carousel-homepage-latestnews .item {
height: auto;
}
.latesnews-content p,
.latesnews-content {
color: #777;
font-size: 14px;
line-height: 18px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
display: block;
color: #404040;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
background: #e96656;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
background: #34d293;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
background: #3ab0e2;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
background: #f7d861;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
display: block;
}
#carousel-homepage-latestnews {
margin: 0 30px;
}
#carousel-homepage-latestnews .carousel-control {
width: 45px;
background: none;
}
.carousel-control:focus {
outline: thin dotted #cb4332;
outline-offset: 0;
}
.carousel-control:active {
outline: 0;
}
.carousel-control.left {
margin-left: -45px;
}
.carousel-control.right {
margin-right: -45px;
}
.carousel-control .glyphicon-chevron-right {
right: auto;
}
#carousel-homepage-latestnews .glyphicon-chevron-left:before {
float: left;
width: 30px;
height: 30px;
background: url(images/left-arrow.png) no-repeat center center;
content: "";
}
#carousel-homepage-latestnews .glyphicon-chevron-right:before {
float: left;
width: 30px;
height: 30px;
background: url(images/right-arrow.png) no-repeat center center;
content: "";
}
/*---------------------------------------
** Section: Our focus -----
-----------------------------------------*/
.focus-box .service-icon .pixeden {
border-radius: 50%;
}
.focus {
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.focus .row {
text-align: center;
}
.focus .row .focus-box,
.our-team .row .team-box {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-bottom: 25px;
vertical-align: top;
}
/* FOCUS BOX */
.focus-box .service-icon {
display: block;
position: relative;
width: 145px;
height: 145px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 20px;
border: 10px solid #ececec;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,
.green,
.blue,
.yellow {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#focus span:nth-child(4n+1) .focus-box .service-icon:hover,
#focus span:nth-child(4n+1) .focus-box .service-icon:focus {
border: 10px solid #e96656;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover,
#focus span:nth-child(4n+2) .focus-box .service-icon:focus {
border: 10px solid #34d293;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover,
#focus span:nth-child(4n+3) .focus-box .service-icon:focus {
border: 10px solid #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover,
#focus span:nth-child(4n+4) .focus-box .service-icon:focus {
border: 10px solid #f7d861;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
background: #e96656;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
background: #34d293;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
background: #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
background: #f7d861;
}
.focus-box h3 {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.focus-box p {
color: #808080;
font-size: 14px;
}
/* Links used in sane defaults */
.focus a.zerif-default-links,
.our-team a.zerif-default-links {
color: #404040;
}
.about-us a.zerif-default-links,
.separator-one a.zerif-default-links,
.testimonial a.zerif-default-links,
.contact-us a.zerif-default-links {
color: #fff;
}
.testimonial #client-feedbacks a.zerif-default-links {
color: #404040;
}
.focus a.zerif-default-links:hover,
.about-us a.zerif-default-links:hover,
.our-team a.zerif-default-links:hover,
.testimonial a.zerif-default-links:hover,
.contact-us a.zerif-default-links:hover {
color: #e96656;
}
.separator-one a.zerif-default-links:hover,
.testimonial #client-feedbacks a.zerif-default-links:hover {
color: #000;
}
/* END - Links used in sane defaults */
/*----OTHER FOCUSES ----*/
.other-focuses {
margin-bottom: 25px;
background: url(images/lines.png) repeat-x center;
}
.other-focuses .section-footer-title {
padding: 0 15px;
color: #404040;
font-weight: bold;
}
.other-focus-list {
margin-bottom: -17px;
padding-top: 5px;
}
.other-focus-list ul li {
display: inline-block;
margin-right: 50px;
padding-bottom: 15px;
text-transform: uppercase;
}
.other-focus-list ul li:last-child {
margin-right: 0;
}
.other-focus-list ul li i {
margin-right: 8px;
}
/*---------------------------------------
** Secction: Separator one -----
-----------------------------------------*/
.separator-one {
padding: 100px 0 100px 0;
background: rgba(52, 210, 147, 0.8);
}
.separator-one .green-btn {
background: #14a168;
}
.separator-one .green-btn:hover {
background: #007345;
}
.separator-one .text {
max-width: 800px;
margin-top: 15px;
margin-bottom: 20px;
padding: 0;
color: #fff;
line-height: 34px;
}
.separator-one .text a {
font-size: 24px;
}
/*---------------------------------------
** Section: Portfolio -----
-----------------------------------------*/
.works {
min-height: 800px;
padding-bottom: 100px;
background: #fff;
}
/* IMAGE GRID */
.cbp-rfgrid {
position: relative;
width: 100%;
margin: auto;
padding: 0;
list-style: none;
}
.cbp-rfgrid li {
float: left;
overflow: hidden;
position: relative;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
max-width: 100%;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.cbp-rfgrid li a:hover img {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1.05,1.07);
-ms-transform: scale(1.05,1.07);
transform: scale(1.05,1.07);
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .project-info {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
padding-top: 25%;
opacity: 0;
background: rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info .project-details {
position: relative;
top: -29px;
width: 100%;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info h5 {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.cbp-rfgrid li a:hover .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .project-details {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .button {
bottom: -50px;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid-tr {
position: absolute;
z-index: 9;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
top: 0;
opacity: 1;
}
/****************************************************************/
/*********************** PIRATE FORMS style ********************/
/****************************************************************/
.pirate_forms {
padding-bottom: 95px;
}
.pirate_forms input:not([type='checkbox']),
.pirate_forms textarea {
width: 100%;
margin: auto;
border-radius: 4px !important;
}
.pirate_forms input:not([type='checkbox']) {
display: inline-block;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms textarea {
display: inline-block;
width: 100% !important;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms .custom-button {
float: right;
margin-right: 15px;
}
.pirate-forms-g-recaptcha {
display: none;
}
.pirate_forms .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.pirate_forms_error_box {
text-align: center;
}
.pirate_forms_error_box p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #e96656;
}
.pirate_forms_thankyou_wrap p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #34d293;
}
.pirate_forms .pirate-forms-submit-button {
float: right;
margin-right: 0;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pirate_forms .pirate-forms-submit-button:hover {
color: #fff;
background: #cb4332;
}
.pirate_forms .contact_checkbox_wrap,
.pirateform_wrap_classes_spam_wrap {
text-align: left;
}
.pirate_forms .contact_checkbox_wrap p {
padding-left: 5px;
margin: 0px;
}
section#contact .pirate_forms .contact_checkbox_wrap p {
color: #ffffff;
}
.pirate-forms-maps-custom {
float: left;
}
.contact-us .pirate-forms-maps-custom,
.contact-us .contact_checkbox_wrap {
color: #ffffff;
}
.zerif_hidden_if_not_customizer {
display: none !important;
}
.pixeden {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 63px;
margin: auto;
}
/* media queries: change number of items per row */
@media screen and (max-width: 1190px) {
.cbp-rfgrid li {
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
}
}
@media screen and (max-width: 1024px) {
.cbp-rfgrid li {
width: 33.33333333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.cbp-rfgrid li {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media screen and (max-width: 480px) {
.cbp-rfgrid li {
width: 100%;
}
}
@media screen and (max-width: 300px) {
.cbp-rfgrid li {
width: 100%;
}
}
/* PROJECT DETAILS LOADER */
#back-button {
display: none;
margin: 10px;
padding: 13px 35px 13px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
#back-button i {
margin-right: 10px;
}
#loader {
display: none;
position: relative;
min-height: 930px;
}
#loader .loader-icon {
position: fixed;
z-index: 10000;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px -22px;
border-radius: 5px;
background: url(images/loading.gif) no-repeat center center;
background-color: #fff;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
/****************************************************************/
/*********************** WPFORMS Lite style ********************/
/****************************************************************/
.home div.wpforms-container-full .wpforms-form input[type=text], .home div.wpforms-container-full .wpforms-form input[type=email], .home div.wpforms-container-full .wpforms-form textarea {
border-radius: 4px;
padding: 9px 9px 9px 15px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.95);
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
background-color: #e96656;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background-color: #cb4332;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home .wpforms-field-label, .home .wpforms-field-description, .home .wpforms-field-sublabel, .home .wpforms-field-checkbox, .home .wpforms-field-radio, .home .wpforms-image-choices-none label {
color: rgba(255, 255, 255, 0.95);
text-align: left;
}
.home .wpforms-field-checkbox .wpforms-image-choices, .home .wpforms-field-radio .wpforms-image-choices{
color: #404040;
}
.home div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #e96656;
}
/*---------------------------------------
** Section: About us; -----
-----------------------------------------*/
.about-us {
color: #fff;
background: #272727;
}
.about-us .big-intro {
margin-top: -15px;
font-size: 60px;
font-weight: 300;
line-height: normal;
text-align: right;
}
.about-us .section-header .section-legend {
color: #fff;
}
.about-us p {
color: #939393;
font-size: 14px;
line-height: 25px;
text-align: left;
}
.about-us .column {
margin-bottom: 78px;
}
.about-us .col-md-12.zerif-rtl-big-title .big-intro,
.about-us .col-md-12.zerif_about_us_center p {
text-align: center;
}
/*--SKILLS --*/
.skills {
margin: 0 0 0 0;
text-align: left;
}
.skills .skill {
display: block;
clear: both;
margin-top: 0;
margin-bottom: 25px;
}
.skills .skill .skill-count {
display: inline-block;
float: left;
height: 64px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 25px;
}
.skills li:last-child {
margin-bottom: 0;
}
.skills .skill .skill1,
.skill2,
.skill3,
.skill4 {
font-size: 16px !important;
}
.skills .skill .section-legend {
float: none;
clear: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
}
.skills .skill p {
color: #8f8f8f;
font-size: 14px;
line-height: 20px;
}
/*--OUR CLIENTS --*/
.our-clients {
float: left;
width: 100%;
margin-bottom: 40px;
background: url(images/lines-dark.png) repeat-x center;
}
.our-clients .section-footer-title {
padding: 0 15px;
color: #fff;
background: #272727;
font-size: 16px;
}
.our-clients h2 {
float: none;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.client-list {
float: left;
width: 100%;
margin-bottom: 78px;
padding-top: 5px;
}
.client-list ul {
margin: 0;
}
.client-list ul li {
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
vertical-align: middle;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list ul li img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div {
margin: 0;
}
.client-list div span {
margin-right: 24px;
}
.client-list div a:last-child {
margin-right: 0;
}
.client-list div img {
max-width: 130px;
padding-bottom: 15px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list div img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list div a:last-child {
margin-right: 0;
}
/*---------------------------------------
** Section: stats -----
-----------------------------------------*/
.stats {
clear: both;
padding: 100px 0 60px 0 !important;
background: rgba(0, 0, 0, 0.5);
}
.stat {
margin-bottom: 40px;
}
.stat .icon-top {
height: 50px;
font-size: 40px;
line-height: 50px;
}
.stat .stat-text {
display: inline-block;
position: relative;
}
.stat h3 {
display: inline-block;
position: relative;
margin-top: 20px;
padding-bottom: 5px;
}
.stat .section-legend {
margin-top: 15px;
color: #d1d1d1;
}
/*---------------------------------------
** Section: Our team; -----
-----------------------------------------*/
.our-team {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.team-member {
overflow: hidden;
position: relative;
margin-bottom: 35px;
border-radius: 4px;
}
.team-member .details {
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: 190px;
padding: 15px;
opacity: 0;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.team-member .member-details {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.team-member:hover .details,
.team-member:focus .details {
top: 0;
opacity: 1;
color: white;
background: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member.team-member-open .details {
display: block;
top: 0;
opacity: 1;
color: white;
background: #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member .profile-pic {
overflow: hidden;
width: 174px;
height: 174px;
margin: auto;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h3 {
position: relative;
margin-top: 15px;
color: #404040;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.team-member .position {
font-size: 13px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
margin: 6px;
line-height: 32px;
}
.team-member .social-icons ul li a {
border-radius: 50%;
color: #808080;
background: #fff;
font-size: 18px;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
background: #e96656;
}
.our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
background: #34d293;
}
.our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
background: #3ab0e2;
}
.our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
background: #f7d861;
}
/*---------------------------------------
** Features -----
-----------------------------------------*/
.features {
padding-bottom: 51px;
background: #fff;
text-align: left;
}
.features .feature {
margin-bottom: 55px;
}
.features .feature-icon {
float: left;
margin-top: 10px;
margin-right: 25px;
font-size: 55px;
}
.features .feature h5 {
color: #404040;
font-weight: bold;
line-height: 28px;
}
.features .feature p {
font-size: 14px;
}
/*---------------------------------------
** Packages -----
-----------------------------------------*/
.packages {
padding-bottom: 50px;
background: rgba(0, 0, 0, 0.5);
}
.package {
margin-top: 25px;
margin-bottom: 50px;
padding-bottom: 15px;
border-radius: 4px;
background: #fff;
}
.package-header {
height: 57px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
line-height: 57px;
}
.package-header h5 {
font-weight: bold;
text-transform: uppercase;
}
.price {
height: 100px;
color: #fff;
font-weight: 400;
line-height: 120px;
}
.price h4 {
display: inline;
margin-bottom: 0;
font-size: 40px;
line-height: normal;
}
.price h4 .dollar-sign {
font-size: 17px;
vertical-align: super;
}
.price .price-meta {
color: #9f9f9f;
line-height: normal;
text-transform: uppercase;
}
.package ul li {
width: 80%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
.package ul li:last-child {
border-bottom: 0;
}
.best-value .package {
margin-top: 0;
}
.best-value .package-header {
height: 82px !important;
padding-top: 17px;
}
.best-value .package-header h4 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
}
.best-value .package-header .meta-text {
font-size: 13px;
line-height: normal;
}
.best-value .package-header {
height: 72px;
}
.package ul li i {
margin-right: 5px;
font-size: 13px;
}
.order {
color: #404040;
background: #d8ccba;
}
.package .order-now {
display: block;
max-width: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
background: #404040;
line-height: 45px;
-webkit-transition: all 700ms;
transition: all 700ms;
}
.package .order-now:hover {
background: #e96656;
}
/*---------------------------------------
** Producs -----
-----------------------------------------*/
.products .color-overlay {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 70px;
background: rgba(39,144,176, 0.96);
}
/*---ITEM STYLE ---*/
.item {
display: block;
overflow: hidden;
position: relative;
z-index: 5;
width: 100%;
height: 260px;
margin: auto;
margin-bottom: 30px;
border-radius: 4px;
-webkit-background-size: 100%;
background-size: 100%;
-webkit-backface-visibility: hidden;
}
.item-overlay {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.item-content {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
transform: translate(0,100%);
}
.item:hover .item-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.item-top-content {
position: relative;
}
.item-top-content-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px 10px 15px;
background: rgba(255,255,255,0.95);
}
.item-add-content {
padding: 0 15px 15px 15px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.item:hover .item-add-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.item-add-content-inner {
padding-top: 10px;
border: 0 solid #dadada;
border-top-width: 1px;
}
.item-top-title {
text-align: left;
}
.item-top-title h5 {
color: #404040;
font-weight: 700;
}
/* ITEM DETAILS */
.item-product {
float: left;
width: 70%;
}
.item-product-price {
float: right;
width: 30%;
text-align: right;
}
.subdescription {
color: #7d7d7d;
font-size: 14px;
font-weight: 400;
}
/*---PRODUCT PRICE---*/
.item-product-price {
position: relative;
font-size: 1em;
font-weight: 700;
}
.item-product-price .subdescription {
color: #808080;
}
.old-price {
position: absolute;
right: -2px;
bottom: 10px;
width: 30px;
margin-top: -11px;
border: 0 solid #808080;
border-bottom-width: 1px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/*---ITEM DESCRIPTION ---*/
.item-content {
background: rgba(255,255,255,0.85);
}
.item-add-content {
color: #808080;
font-weight: 400;
}
.item-add-content .section {
margin-bottom: 10px;
}
.item-add-content .section:last-of-type {
margin-bottom: 0;
}
.item-add-content p {
font-size: 14PX;
}
/*---------------------------------------
** Newsletter -----
-----------------------------------------*/
.newsletter {
padding-top: 62px;
padding-bottom: 62px;
background: rgba(0, 0, 0, 0.5);
}
.newsletter h3 {
margin-bottom: 8px;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
.newsletter .subscription {
margin-top: 15px;
}
.newsletter .custom-button {
margin-top: 7px;
}
/*----------------------------------------
** Testimonial -----
-----------------------------------------*/
.testimonial {
padding-bottom: 90px;
background: #8c7620;
}
.testimonial .section-header .section-legend {
color: #fff;
}
#client-feedbacks .feedback-box,
.testimonial .widget_zerif_testim-widget {
display: inline-block;
z-index: 5;
width: 30%;
margin: 13px;
padding: 25px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
vertical-align: top;
}
.feedback-box .message,
.testimonial .widget_zerif_testim-widget .message {
color: #000;
font-size: 15px;
}
.feedback-box .client,
.testimonial .widget_zerif_testim-widget .client {
position: relative;
height: 73px;
margin-top: 30px;
}
.feedback-box .quote,
.testimonial .widget_zerif_testim-widget .quote {
float: left;
font-size: 45px;
line-height: 80px;
}
.feedback-box .client-info,
.testimonial .widget_zerif_testim-widget .client-info {
float: left;
margin-left: 18px;
padding-top: 15px;
}
.feedback-box .client-info .client-name,
.testimonial .widget_zerif_testim-widget .client-name {
color: #404040;
font-family: "Homemade Apple", serif;
}
.feedback-box .client-info .client-company,
.testimonial .widget_zerif_testim-widget .client-company {
margin-top: -3px;
font-size: 13px;
}
.feedback-box .client-image,
.testimonial .widget_zerif_testim-widget .client-image {
float: right;
overflow: hidden;
width: 73px;
height: 73px;
border: 3px solid #f6f6f6;
border-radius: 50%;
}
.feedback-box .client-image img,
.testimonial .widget_zerif_testim-widget .client-image img {
width: 100%;
height: 100%;
}
.customNavigation {
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
border-radius: 50%;
background: #886e0e;
}
.customNavigation a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.zerif_grid_col_4 > div,
.zerif_grid_col_3 > div,
.zerif_grid_col_2 > div,
.zerif_grid_col_1 > div {
margin-bottom: 30px;
text-align: center;
}
.zerif_grid_col_4 {
float: left;
width: 23%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_3 {
float: left;
width: 31.5%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_2 {
float: left;
width: 48%;
margin: 0 1.75% 0 1.75%;
}
.zerif_grid_col_1 {
float: left;
width: 100%;
}
.zerif_grid_first {
margin-left: 0;
padding-left: 0;
}
.zerif_grid_last {
margin-right: 0;
padding-right: 0;
}
#client-feedbacks.zerif_grid .feedback-box {
width: 100%;
}
/*----------------------------------------
** Purchase now -----
-----------------------------------------*/
.purchase-now {
padding-top: 70px;
padding-bottom: 70px;
background: #e96656;
}
.purchase-now h3 {
margin-top: 14px;
line-height: 40px;
text-align: left;
}
.purchase-now .red-btn {
float: right;
background: #db5a4a;
}
.purchase-now .red-btn:hover {
background: #bf3928;
}
.ribbon-without-button h3 {
text-align: center;
}
.ribbon-without-button .col-md-9 {
width: 100%;
}
/*----------------------------------------
** Contact us -----
-----------------------------------------*/
.contact-us {
padding-bottom: 95px;
background: rgba(0, 0, 0, 0.5);
}
.contact-us .section-header .section-legend {
color: #fff;
}
.contact-us .input-box,
textarea {
width: 100%;
margin: auto;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-us textarea {
border: 1px solid transparent;
}
.zerif-g-recaptcha {
display: none;
margin-left: 15px;
}
.contact-us .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.contact-us .error p {
background: #e96656;
}
.contact-us .success p {
background: #34d293;
}
.contact_submit_wrap {
float: right;
}
/*---------------------------------------
** Footer -----
-----------------------------------------*/
#footer {
background: #272727;
line-height: 20px;
}
.company-details {
padding-top: 67px;
padding-bottom: 30px;
color: #939393;
}
.company-details a {
color: #939393;
text-decoration: none;
}
.company-details a:hover {
color: #e96656;
}
.company-details .icon-top {
margin-bottom: 10px;
font-size: 30px;
}
.copyright {
padding-top: 68px;
padding-bottom: 68px;
background: #171717;
}
.social {
margin: 0 0 1.5em 0 !important;
}
.social li {
display: inline-block;
margin: 5px;
}
.social li a {
color: #939393;
font-size: 18px;
}
.social li a:hover {
color: #e96656;
}
.copyright p {
margin-bottom: 0;
color: #939393;
}
.footer-widget-wrap > .container {
text-align: center;
}
.footer-widget {
display: inline-block;
float: none;
vertical-align: top;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
margin-left: 0;
list-style: none;
}
.footer-widget-wrap {
background: rgba(255,255,255,0.05);
}
.footer-widget-wrap .widget .widget-title {
color: #fff;
}
.footer-widget-wrap .widget li a {
color: #ccc;
}
.footer-widget-wrap .widget li a:hover {
color: #fff;
}
.footer-widget-wrap .widget {
padding-bottom: 30px;
color: #ccc;
}
.footer-widget-wrap .widget_calendar tbody td {
background-color: rgba(249, 249, 249, 0.75);
}
.footer-widget-wrap .tagcloud a {
padding: 2px 5px;
color: #ccc;
background: none;
}
.footer-widget-wrap .tagcloud a:hover {
color: #fff;
}
.footer-widget-wrap .widget #wp-calendar {
color: #333;
}
/*---------------------------------------
** Single page -----
-----------------------------------------*/
.single-project {
margin-bottom: 25px;
text-align: left;
}
.single-project .project-image {
float: left;
width: 100%;
margin-bottom: 25px;
text-align: left;
}
.single-project h3 {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #dadada;
line-height: 40px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
margin-right: 5px;
font-weight: 700;
}
/*---------------------------------------
** Section blog -----
-----------------------------------------*/
.blog {
overflow: hidden;
position: relative;
min-height: 175px;
}
.blog-list {
background: #fff;
}
.post-img-wrap {
display: inline-block;
float: left;
overflow: hidden;
margin-right: 20px;
}
.post-img-wrap a img {
width: 200px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5 ease-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
article.hentry {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
padding: 10px;
background: #f9f9f9;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #e96656;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #404040;
font-size: 20px;
line-height: 22px;
}
.entry-title a:hover {
color: #e96656;;
}
.clear {
clear: both;
}
.content-left-wrap {
padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
margin-top: 60px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.entry-title:after {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap .entry-title a:after {
display: none;
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.entry-title {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0;
}
.entry-content {
line-height: 20px;
}
.list-post-top {
min-height: 130px;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large a:hover {
color: #e96656;
}
.entry-footer-large {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
padding-right: 200px;
background: transparent;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0 0;
text-align: justify;
}
.entry-content {
margin: 1em 0 0;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar caption {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
color: #e96656;
background: #f9f9f9;
}
.widget_calendar a:hover {
color: #fff;
background-color: #e96656;
}
.widget_calendar tbody td {
background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_calendar thead th {
border: none;
background: #e9e9e9;
}
/*----------------------------------------
** SiteOrigin Page Builder styles -----
-----------------------------------------*/
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
margin: 0;
}
.siteorigin-panels .widget li::before {
display: none;
}
/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
float: right;
position: absolute;
top: 0;
right: 0;
}
.entry-content p {
text-align: justify;
}
.entry-content blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0;
width: 100%;
min-height: 50px;
padding: 15px 20px 0 20px;
border-top: 2px solid #fff;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
float: left;
position: relative;
width: 95%;
margin: 0 0 35px 0;
border-radius: 4px;
background-color: #fff;
}
.large-container .list-post-top {
min-height: 130px;
}
/* woocommerce v2.3.5 */
*:focus {
outline: 0;
}
.woocommerce-page .page-description {
float: left;
margin-top: 20px;
text-align: justify;
}
.woocommerce-page h1.page-title {
position: relative;
color: #404040;
font-size: 20px;
font-size: 20px;
line-height: 22px;
text-align: left;
}
.woocommerce-page .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.woocommerce span.onsale {
position: absolute;
top: -20px;
left: -20px;
width: 55px;
height: 55px;
padding: 0;
border: 4px solid #34d293;
border-radius: 50%;
color: #000;
background: rgba(255,255,255,0.9);
text-shadow: none;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
top: -20px;
left: -20px;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #a0a0a0;
}
.woocommerce-page .products .product > a:first-child {
display: block;
position: relative;
text-align: center;
}
.woocommerce-page .products a.button {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .products a.button:hover {
background: #cb4332;
}
.woocommerce-page .products h3,
.woocommerce-page .products h2 {
display: inline-block;
float: none;
position: relative;
width: auto;
min-height: 42px;
margin: 0;
color: #404040;
font-size: 16px !important;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.woocommerce-page .products a .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
padding: 10px 0;
color: #000 ;
line-height: 20px;
text-align: center;
}
.woocommerce-page .products a .price del {
display: block;
line-height: 20px;
}
.woocommerce ul.products li.product .price {
color: #000;
font-size: 16px;
}
.woocommerce-page .products a .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .products .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .products .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .products .price {
padding: 5px 0;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-result-count {
float: left;
margin-top: 20px;
font-size: 14px;
line-height: 46px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-page .product .images {
float: left;
width: 50%;
}
.woocommerce-page .product .entry-summary {
float: right;
width: 50%;
margin-top: 0;
padding-left: 5%;
}
.woocommerce-page .product .quantity {
display: block;
float: left;
margin-bottom: 15px;
}
.woocommerce-page .product .quantity input {
width: 78px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.woocommerce-page #content .quantity input.minus {
float: left;
position: relative;
position: absolute;
top: 15px;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce-page #content .quantity input.plus {
float: left;
position: relative;
position: absolute;
top: 0;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
position: relative;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 30px;
}
.woocommerce-page .quantity.buttons_added {
width: auto;
}
.woocommerce-page .product .product_meta a {
color: #e96656;
}
.woocommerce-page .product_title {
margin-top: 0;
text-align: left;
}
.woocommerce-page .product .price {
margin-bottom: 0;
padding: 30px 0;
text-align: left;
}
.woocommerce-page .product div[itemprop="description"] {
float: left;
text-align: justify;
}
.woocommerce-page .product .stock,
.woocommerce-page .product .cart,
.woocommerce-page .product .product_meta {
float: left;
clear: left;
text-align: left;
}
.woocommerce-page .product .cart .button {
float: left;
clear: left;
margin: 0;
margin-bottom: 25px;
}
.woocommerce-page .product .cart .button:hover {
background: rgb(203, 67, 50);
box-shadow: none;
}
.woocommerce-page .product .images .thumbnails {
width: 100%;
}
.woocommerce-page .product .images .thumbnails a {
display: inline-block;
float: left;
}
.woocommerce-page .woocommerce-tabs {
float: left;
width: 100%;
margin-top: 50px;
}
.woocommerce-page .woocommerce-tabs .tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs li {
display: inline-block;
margin-bottom: -2px;
padding: 10px 20px;
list-style: none;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
border-bottom: 2px solid #e96656;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
color: #e96656;
text-decoration: none;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
color: rgb(64, 64, 64);
font-size: 18px;
}
.woocommerce-page .woocommerce-tabs .entry-content {
margin-bottom: 50px;
box-shadow: none;
text-align: justify;
}
.woocommerce-page h3.comment-reply-title {
min-height: auto;
}
.woocommerce-page .product .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
color: #000;
line-height: 20px;
}
.woocommerce div.product p.price {
color: #000;
font-size: 16px;
}
.woocommerce-page .product .price del {
display: block;
line-height: 20px;
}
.woocommerce-page .product .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .product .comment-form input {
border-radius: 3px;
}
.woocommerce-page .product .comment-form input[type="submit"] {
margin-left: 0;
}
.woocommerce-page .product .comment-form label {
float: left;
width: auto;
line-height: 32px;
}
.woocommerce-page .product .comment-form .comment-form-rating label {
line-height: 20px;
}
.woocommerce-page .product .comment-form-author label,
.woocommerce-page .product .comment-form-email label {
width: 100px;
}
.woocommerce-page .product .comment-form .star-rating {
float: right;
width: 100px;
height: 20px;
background: url(images/woostars.png) repeat-x left bottom;
}
.woocommerce-page .product .comment-form .star-rating span {
float: left;
overflow: hidden;
height: 0;
padding-top: 16px;
background: url(images/woostars.png) repeat-x left top;
}
.woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce-page .product .comment-form #review_form #respond {
position: static;
width: auto;
margin: 0;
padding: 0 0 0;
border: 0;
background: transparent none;
}
.woocommerce-page .product .comment-form #review_form #respond:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce-page .product .comment-form #review_form #respond .form-submit input {
left: auto;
}
.woocommerce-page .product .comment-form #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.woocommerce-page .product .comment-form p.stars:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form p.stars span {
float: left;
position: relative;
width: 100px;
height: 20px;
margin-left: 10px;
background: url(images/woostars.png) repeat-x left 0;
}
.woocommerce-page .product .comment-form p.stars span a {
float: left ;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 0;
padding-top: 20px;
}
.woocommerce-page .product .comment-form p.stars span a:hover,
.woocommerce-page .product .comment-form p.stars span a:focus {
background: url(images/woostars.png) repeat-x left bottom;
-webkit-transition: initial;
-moz-transition: initial;
-o-transition: initial;
transition: initial;
}
.woocommerce-page .product .comment-form p.stars span a.active {
background: url(images/woostars.png) repeat-x left bottom ;
}
.woocommerce-page .product .comment-form p.stars span a.star-1 {
z-index: 10;
width: 20px;
}
.woocommerce-page .product .comment-form p.stars span a.star-1:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-2 {
z-index: 9;
width: 40px;
}
.woocommerce-page .product .comment-form p.stars span a.star-2:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-3 {
z-index: 8;
width: 60px;
}
.woocommerce-page .product .comment-form p.stars span a.star-3:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-4 {
z-index: 7;
width: 80px;
}
.woocommerce-page .product .comment-form p.stars span a.star-4:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-5 {
z-index: 6;
width: 100px;
}
.woocommerce-page .product .comment-form p.stars span a.star-5:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a {
border: none;
}
.woocommerce-page .comment-form-rating {
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce-page .product #review_form_wrapper {
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-page .woocommerce-tabs .commentlist .comment {
float: left;
clear: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment-text {
display: inline-block;
}
.woocommerce-page .woocommerce-tabs .description {
width: 100%;
}
.woocommerce-page .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating {
float: left;
margin-top: 30px;
margin-bottom: 0;
text-align: left;
}
.woocommerce-page .woocommerce-product-rating .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
color: #eca420;
font-size: 11px;
}
.woocommerce-page .comment-text .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .comment-text .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-tabs .comment-text {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 50px;
}
.woocommerce-page .woocommerce-tabs .comment_container > img {
position: absolute;
top: 0;
left: 0;
}
.woocommerce-page .woocommerce-message:before {
color: #38c28b;
}
.woocommerce-page .woocommerce-message {
margin: 0 0 40px;
border-top-color: #38c28b;
border-radius: 3px;
color: #38c28b;
background: #f5f5f5;
text-align: left;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
color: #fff;
background-color: #38c28b;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
float: left;
width: 100%;
margin: 0 0 40px;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #e96656;
list-style: none;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
color: #fff;
background-color: #f47565;
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-error:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
width: 100%;
margin: 0 0 40px;
margin-top: 25px !important;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #3ab0e2;
list-style: none;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
color: #fff;
background-color: #5fb8dd;
font-size: 12px;
}
.woocommerce-page .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
padding-top: 30px;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-info {
margin-bottom: 40px;
border: none;
border-radius: 3px;
color: #fff;
background: rgb(58, 176, 226);
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
color: #fff;
}
.woocommerce-page .woocommerce .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce input {
padding: 10px 5px;
border-radius: 3px;
}
.woocommerce-page .woocommerce .woocommerce-error {
padding: 1em 2em 1em 3.5em!important;
border-top-color: #b81c23;
border-radius: 3px;
}
.woocommerce-page .woocommerce .products .product h3 {
float: none;
color: #404040;
}
.woocommerce-page .woocommerce .added_to_cart,
.woocommerce .button {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #000;
background: #f3f3f3;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce div.product form.cart .button {
display: inline-block;
margin: 10px;
margin-left: 0;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 1px solid #ccc;
}
.woocommerce-page .woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button :hover,
.woocommerce #place_order:hover,
.woocommerce div.product form.cart .button:hover {
background: #bf3928;
}
.woocommerce-page .woocommerce .price del {
display: block;
}
.woocommerce-page .woocommerce .price {
height: auto;
line-height: normal;
}
.woocommerce-page .woocommerce .price ins {
color: #000;
font-size: 20px;
font-weight: bold;
}
.woocommerce-page .woocommerce #coupon_code {
min-width: 110px;
margin-top: 2px;
padding: 6px 10px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
border-radius: 5px!important;
color: #a0a0a0;
}
.woocommerce-page .woocommerce .product-name a {
color: #404040;
}
.woocommerce-page .woocommerce-cart-form__contents .actions button {
width: auto;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce-page .woocommerce .cart_totals tr.order-total th {
width: 50%;
}
.woocommerce-page .woocommerce .entry-title {
text-align: left;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
padding: 0;
}
.woocommerce-page .woocommerce .checkout input,
.woocommerce-page .woocommerce .checkout textarea,
.woocommerce-page .woocommerce .checkout select {
padding: 12px 15% 12px 2%;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 15px;
}
.woocommerce-page .woocommerce ul.payment_methods {
padding-left: 1em;
}
.woocommerce-page ul.products {
float: left;
width: 100%;
margin-top: 40px;
}
.woocommerce-page .woocommerce .summary,
.woocommerce-page .woocommerce .entry-summary,
.woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
text-align: justify;
}
.woocommerce-page .woocommerce .quantity input.input-text {
width: 100px;
height: 42px;
margin-right: 10px;
}
.woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
margin: 0;
}
.woocommerce-page .woocommerce .comment-form label {
width: 100%;
}
.woocommerce-page .woocommerce .woocommerce-message {
float: left;
width: 100%;
border: none;
border-radius: 3px;
color: white;
background: #20aa80;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-message a.button {
margin: 0;
padding: 7px 17px;
}
.woocommerce-page .woocommerce .woocommerce-message:before {
color: #fff;
}
.woocommerce-page .woocommerce ul.products li.product .star-rating {
font-size: inherit;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page input.button.alt {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-shadow: none;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce input[type="submit"]:hover,
.woocommerce-page #content input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page input.button.alt:hover {
color: #fff;
background: #cb4332;
box-shadow: none;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 60px;
height: 30px;
margin-right: 0;
padding: 0 0 0 5px;
text-align: left;
}
.woocommerce a.button.alt {
color: #fff;
background: #e96656;
}
.woocommerce a.button.alt:hover {
color: #fff;
background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
color: #fff !important;
background: #e96656;
line-height: 20px;
}
.woocommerce-page .woocommerce a.remove {
color: #e96656 !important;
line-height: 20px;
}
.woocommerce-page .woocommerce-info {
width: 100%;
}
.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout #order_review_heading {
clear: none;
float: left;
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout .col-1,
.woocommerce-page .woocommerce-checkout .col-2 {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
float: left;
width: 55%;
margin-right: 5%;
}
.woocommerce-page .woocommerce-checkout-review-order {
clear: left;
}
.woocommerce-page .woocommerce .checkbox {
float: left;
padding: 0;
}
.woocommerce-page .woocommerce-checkout #payment {
background: #fafafa;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
margin: -13px 0 0 2em;
border: 8px solid #ececec;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
content: "";
}
.woocommerce-page .woocommerce-checkout #ship-to-different-address {
font-size: 16px;
margin-left: 24px;
}
.woocommerce-page .woocommerce .order_details li.order {
background: #fff;
}
.woocommerce-page .products a.button {
text-decoration: none;
}
.woocommerce-page .product .cart .button {
color: #fff;
}
.woocommerce-page .woocommerce {
margin-top: 25px;
}
.woocommerce-page .woocommerce .order {
background: #fff;
}
.woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
font-size: 12px;
}
.woocommerce-page .woocommerce #payment ul.payment_methods {
margin: 0;
border-bottom: 1px solid #d3ced2;
text-align: left;
list-style: outside none none;
}
.woocommerce-page .woocommerce #payment {
background: none repeat scroll 0 0 #fafafa;
}
.woocommerce-page .woocommerce #payment div.payment_box {
position: relative;
width: 96%;
margin: 1em 0;
padding: 1em 2%;
border-radius: 2px;
color: #515151;
background-color: #dfdcde;
font-size: 0.92em;
line-height: 1.5;
}
.woocommerce-page .woocommerce #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
margin-bottom: 0;
}
.woocommerce-page .woocommerce #payment div.payment_box:after {
position: absolute;
top: -3px;
left: 0;
margin: -13px 0 0 2em;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #ececec;
border-image: none;
content: "";
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.woocommerce-page .woocommerce #payment h3 {
padding-left: 20px;
}
.woocommerce-page .woocommerce #payment #place_order {
float: none;
}
.woocommerce-page .woocommerce a.button {
margin-left: 0;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button {
margin-left: 0;
padding: 13px 35px 13px 35px;
font-size: 12px;
}
.woocommerce button.button {
width: 100%;
}
.woocommerce-page .woocommerce select {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
outline: 0;
color: #a0a0a0;
line-height: 1;
}
.woocommerce-page .woocommerce #order_review {
float: right;
clear: right;
width: 40%;
margin-right: 0;
}
.woocommerce-page .woocommerce .login {
float: left;
width: 100%;
}
.woocommerce-page .select2-drop {
text-align: left;
}
.woocommerce-page .woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding-bottom: 0;
border: none;
background: none;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
border: none;
content: "";
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
content: "";
}
.woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin-bottom: -1px;
border-bottom: 2px solid #e96656;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
box-shadow: none;
}
.woocommerce-page .comment-form {
float: left;
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce #review_form #respond .form-submit input {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 130px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
clear: left;
}
.woocommerce table.shop_table {
clear: left;
font-size: 16px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
margin-bottom: 1em;
}
.woocommerce .upsells {
width: 100%;
float: left;
}
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products {
float: left;
clear: left;
}
/**/
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
padding: 0;
content: "\2713";
}
.woocommerce .shipping_calculator h2 a {
font-size: 18px;
}
/**/
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: none;
position: relative;
width: 22.05%;
margin: 0 3.8% 2.992em 0;
padding: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1),
.woocommerce-page ul.products li.product:nth-child(4+1) {
clear: left;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination {
float: left;
width: 100%;
padding-bottom: 30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers .current:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
display: none;
content: "";
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 3px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 32px;
min-width: 32px;
border: none;
border-radius: 4px;
color: #000;
background: rgb(236, 236, 236);
}
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: rgb(233, 102, 86);
}
.woocommerce div.product form.cart label {
color: #404040;
}
.woocommerce p.stars a:before,
.woocommerce p.stars a:hover ~ a:before {
display: none;
content: "";
}
/* Changes for woocommerce 3.0.0 */
.woocommerce div.product .related {
clear: both;
}
.woocommerce div.product {
float: left;
width: 100%;
}
.woocommerce-product-details__short-description {
clear: both;
text-align: left;
}
.woocommerce-product-details__short-description ul {
margin: 0 0 24px;
list-style-position: inside;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 30.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
width: 30.75%;
padding-top: 1em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 3.8%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
margin: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: auto;
margin: 0 0 2em!important;
padding: 1em 2em 1em 3.5em!important;
word-wrap: break-word;
list-style: none!important;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
margin: 0 !important;
margin-left: 2em !important;
color: inherit;
background: transparent;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
color: #404040;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: inherit;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 20px;
}
/* End changes for woocommerce 3.0.0*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (max-width: 992px) {
.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-page .products .product > a:first-child {
/* min-height: 325px; */
}
.large-container {
width: 100%;
}
}
@media (max-width: 767px) {
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
.woocommerce-page .woocommerce #order_review {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 100%;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: both;
width: 48%;
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1) {
clear: none;
}
.woocommerce .upsells.products ul li.product:nth-child(even),
.woocommerce-page ul.products li.product:nth-child(even) {
float: right;
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(odd),
.woocommerce-page ul.products li.product:nth-child(odd) {
clear: left;
}
.listpost-content-wrap-large {
position: relative;
}
.menu-align-center .responsive-logo > a {
float: left;
}
}
@media (max-width: 600px) {
.woocommerce-page .product .images {
width: 100%;
}
.woocommerce-page .product .entry-summary {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
font-size: 14px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
padding: 10px 10px;
}
.listpost-content-wrap-large {
position: relative;
}
.listpost-content-wrap-large {
padding: 20px 0 0 0;
}
body {
position: initial !important;
}
.entry-meta-large {
float: left;
position: relative;
width: 100%;
}
.entry-footer-large {
padding-right: 0;
}
}
@media (max-width: 480px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-top: 50px;
padding-left: 0;
}
.woocommerce-page .comment-text .star-rating {
float: left;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 5px 0;
border-right: none;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
width: 100%;
}
}
/* [end] woocommerce */
/* bbpress style [version 2.5.8] */
.bbpress #subscription-toggle {
float: right;
}
.bbpress .bbp-breadcrumb {
margin: 10px 0;
}
#subscription-toggle {
/** margin: 10px 0; */
}
#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: 2px;
}
div.bbp-template-notice.info {
padding: 1px 5px;
border: none;
background-color: #f0f8ff;
}
div.bbp-template-notice,
div.indicator-hint {
padding: 1px 5px;
border: none;
background-color: #fff7d6;
}
#bbpress-forums fieldset.bbp-form label {
line-height: 30px;
}
div.bbp-template-notice a {
color: #008ed6;
text-decoration: none;
}
.bbp-pagination {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#bbpress-forums li.bbp-header {
padding: 10px 0;
background: #fbfbfb;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 11px;
line-height: 16px;
}
#bbpress-forums div.bbp-the-content-wrapper input {
width: auto;
}
#bbpress-forums fieldset.bbp-form input {
padding: 5px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
border-top: none;
}
#bbpress-forums li.bbp-header {
background: none;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: none;
}
#bbpress-forums input[type="submit"] {
padding: 5px 30px 5px 30px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: none;
}
#bbpress-forums li.bbp-header {
border-bottom: 2px solid #ececec;
}
#bbpress-forums li.bbp-footer {
border-top: 3px solid #ececec;
}
.bbp-breadcrumb,
.bbp-breadcrumb a,
.bbp-breadcrumb p {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #f9f9f9 !important;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-forum-title,
.bbp-forum-title:visited {
float: left;
margin-bottom: 15px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.bbp-forum-title:hover {
text-decoration: none;
}
.bbp-forum-title:after {
display: block;
width: 80px;
height: 2px;
margin-top: 5px;
background: #008ed6;
content: "";
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px 5px !important;
border-top: 1px solid #eee;
}
.bbp-forum-freshness p,
.bbp-forum-freshness a,
.bbp-forum-freshness span {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.bbp-forum-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
clear: left;
margin: 0;
font-size: 14px;
line-height: 24px;
}
#bbpress-forums li {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums p.bbp-topic-meta span {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-started-by {
float: left;
}
div.bbp-template-notice p,
div.bbp-template-notice a {
font-size: 12px;
line-height: 16px;
}
.bbp-topic-freshness,
.bbp-topic-freshness a {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-freshness a {
color: #666;
font-style: italic;
}
a.bbp-author-name:hover,
.bbp-topic-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: none;
}
#bbpress-forums .bbp-author-name {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 0;
padding: 0;
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border: 1px solid #e7e7e7;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
font-size: 14px;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: left;
width: 25%;
text-align: center;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
padding: 5px;
border: 1px solid #e7e7e7;
background-color: #fbfbfb;
box-shadow: none;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
color: #e96656;
}
#bbpress-forums fieldset.bbp-form input {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums fieldset.bbp-form select {
padding: 5px;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background: red;
}
#bbpress-forums div.bbp-topic-tags {
float: left;
width: 100%;
margin-bottom: 15px;
}
#bbpress-forums .bbp-topic-description a {
color: #666;
font-size: 12px;
font-style: italic;
}
#bbpress-forums .bbp-topic-description a:hover {
text-decoration: underline;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 5px 0;
}
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
padding: 8px 0;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums .bbp-admin-links {
color: transparent;
}
#bbpress-forums .bbp-admin-links a:hover {
color: #008ed6;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
.bbp-body a.bbp-topic-permalink {
position: relative;
color: #404040;
font-size: 20px;
line-height: 22px;
}
.bbp-body a.bbp-topic-permalink:hover {
color: #e96656;
}
.bbp-body .bbp-topic-permalink:after {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 30px;
line-height: 34px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
opacity: 0.8;
color: #fff;
background: #008ed6;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
line-height: 18px;
}
#bbpress-forums .bbp-forum-description .bbp-author-name {
font-size: 12px;
}
.bbp-pagination-count {
float: left;
border: 1px solid transparent;
font-size: 12px;
}
.bbp-topic-tags a {
color: #949494;
font-style: italic;
}
.bbp-topic-tags a:hover {
color: #e96656;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
clear: left;
color: #e96656;
}
.bbp-reply-post-date {
font-size: 12px;
}
.bbp-template-notice.error strong {
font-size: 12px;
}
.bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
background: #e96656;
content: "";
}
.bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
background: #e96656;
content: "";
}
.bbp-meta {
float: left;
width: 100%;
padding: 0 5px;
border-bottom: 1px solid #f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-border-radius: 3px;
}
span.bbp-admin-links a {
color: #666;
}
span.bbp-admin-links a:hover {
color: #e96656 !important;
}
#favorite-toggle a,
#subscription-toggle a {
color: #666;
font-style: italic;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
color: #e96656;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
clear: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4em;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.bbp-user-section {
margin-top: 20px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
background: none !important;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
clear: left;
}
.bbp-topic-started-in a {
color: #666;
font-size: 12px;
font-style: italic;
}
.bbp-topic-started-in a:hover {
text-decoration: underline;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-replies {
clear: left;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header {
float: left;
clear: left;
font-size: 13px;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
font-size: 13px;
font-style: italic;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
float: left;
}
#bbpress-forums fieldset.bbp-form legend {
float: left;
position: relative;
margin-top: 50px;
margin-bottom: 30px;
color: #404040;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#bbpress-forums fieldset.bbp-form legend:before {
position: absolute;
z-index: 1;
bottom: -5px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums .is-favorite a {
color: #e96656;
}
#bbpress-forums .bbp-reply-title h3 {
float: left;
}
#bbpress-forums .bbp-reply-title h3 a {
font-size: 16px;
font-style: italic;
}
#bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-forum-header {
padding-bottom: 0;
background: none;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header {
background: none;
}
#bbpress-forums div.bbp-topic-title h3 {
float: left;
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
float: left;
margin-left: 5px;
line-height: 33px;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
display: none;
content: "";
}
li.bbp-body div.hentry {
padding: 0;
}
#bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
padding-top: 0;
}
/* [end] bbpress */
/* Easy Digital Downloads style [version 2.4.9] */
.edd_download {
float: left;
width: 33%;
}
.edd_download:nth-child(4n+1) {
clear: both;
}
.edd_download_excerpt p {
text-align: justify;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
color: #fff;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
border: none;
}
#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
border: none;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#edd_checkout_cart a,
.edd_discount_link a,
.edd-lost-password a {
color: #f73f2e;
}
#edd_login_form input[type="submit"] {
margin-left: 0;
}
#edd_checkout_form_wrap select.edd-select {
display: block;
width: 70%;
}
.edd-cart-added-alert {
width: 100%;
color: #d9534f;
}
.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
border: none;
border: none;
border-bottom: 3px solid #c84e54;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background-color: #e86a6a;
}
.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
color: #fff;
}
.edd-alert-error a:hover {
text-decoration: underline;
}
#edd_checkout_form_wrap fieldset p:last-child {
color: rgba(255,255,255,0.8);
}
.edd_download_inner {
margin: 0 15px;
margin-bottom: 30px;
padding: 15px;
background: #fff;
text-align: center;
list-style: none;
transition: all ease 0.55s;
}
.edd_download_inner:hover {
border-bottom-color: #008ed6;
}
.edd_download_title a,
.edd_download_title {
color: #404040;
font-size: 1em;
font-weight: bold;
line-height: 24px;
}
.edd_download_title {
margin-top: 10px;
margin-bottom: 10px;
}
#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
border-bottom: 0;
}
#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
margin-bottom: 10px;
}
#edd_new_user_pass1,
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="url"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="search"],
#edd_profile_editor_form textarea {
width: 221px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #555;
}
#edd_profile_editor_form input[type="submit"] {
margin-left: 0;
}
#edd_profile_billing_address_wrap legend {
margin-top: 50px;
}
#edd_login_form legend {
margin-top: 50px;
}
#edd_address_country,
#edd_display_name {
width: 192px;
}
#edd_user_history,
#edd_checkout_cart,
#edd_checkout_form_wrap fieldset,
#edd_discounts_list {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th {
padding: 9px 12px;
border: none;
background: transparent;
}
#edd_user_history td,
#edd_checkout_cart td {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
.edd_cart_footer_row,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart tfoot th:last-child {
border-top: 1px solid rgba(0,0,0,0.1);
}
#edd_checkout_cart .edd_checkout_cart_item_title,
#edd_checkout_cart td {
font-size: 16px;
line-height: 22px;
}
#edd_checkout_cart td {
border-right: none;
border-left: none;
}
#edd_discounts_list .edd_discount {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
list-style: none;
}
#edd_discounts_list .edd_discount:nth-child(1) {
border-top: none;
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=text] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
#edd_profile_editor_form legend {
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
color: #333;
font-size: 120%;
font-weight: 700;
line-height: 1;
}
.edd_price_options.edd_multi_mode ul {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
.edd_price_options.edd_multi_mode ul li {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.edd_price_options.edd_multi_mode ul li:nth-child(1) {
border-top: none;
}
.edd-image-wrap {
float: right;
width: 100%;
max-width: 50%;
padding: 0 0 15px 15px;
}
.edd-image-wrap img {
width: 100%;
height: auto;
}
/* WP MegaMenu */
.wr-megamenu-container .preview-text,
.wr-megamenu-container .preview-text p {
color: #808080;
font-size: 14px;
font-weight: normal;
}
.wr-megamenu-container .block-sub-menu a {
padding: 5px;
color: #808080;
}
.wr-element-submenu .submenu-items a {
padding: 6px 5px 6px 20px !important;
}
.wr-megamenu-container {
margin-top: 12px;
}
.it-responsive-mega {
display: none !important;
}
.jsn-bootstrap3 .glyphicon {
margin-right: 2px;
font-size: 10px;
}
.wr-element-container {
padding: 5px 0;
}
.jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
display: none !important;
}
.wr-element-container ul.sub-menu li a > i,
.wr-element-container ul.submenu-items li a > i {
margin-right: 7px;
}
@media only screen and (max-width: 783px) {
.wr-mega-menu .wr-menu-down {
margin: -43px 5px 0 0 !important;
}
}
@media (max-width: 992px) {
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
padding: 10px;
color: #fff;
font-size: 12px;
}
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
font-size: 12px;
}
.zerif_about_us_center p,
.about-us .col-md-6.zerif_about_us_center.text_and_skills p {
text-align: center;
}
}
@media (max-width: 768px) {
.edd_download {
width: 100% !important;
}
}
/* [end] Easy Digital Downloads */
body.custom-background {
background-attachment: fixed !important;
background-position: top center !important;
}
.blog .blog-site-content.site-content {
background: #fff;
}
.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
clear: both;
}
.dropdownmenu {
display: none;
}
/* mobile background fix */
.mobile-bg-fix-wrap {
overflow: hidden;
width: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
/*---------------------------------------
** Max Mega Menu -----
-----------------------------------------*/
.mega-menu-primary #main-nav > .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
text-align: center;
}
.menu-align-center #mega-menu-wrap-primary {
margin: auto;
}
#mega-menu-wrap-primary {
margin-left: auto;
}
.obfx-menu-icon {
vertical-align: middle;
margin-right: 5px;
}
@media (max-width: 768px) {
.mega-menu-primary #main-nav > .container {
display: block;
}
.mega-menu-primary .responsive-logo {
float: left;
}
#mega-menu-wrap-primary {
float: none;
clear: both;
position: static;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 20px;
top: 20px;
margin-bottom: 10px;
background: #808080;
border: 1px solid #333;
border-radius: 4px;
height: auto;
transition: .3s ease background;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
background: #e96656;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
margin: 0;
font-size: 28px;
padding: 0 10px;
color: #fff;
line-height: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
line-height: 34px;
}
.mega-toggle-label-closed,
.mega-toggle-label-open {
padding-left: 10px;
}
.mega-toggle-label-closed:empty,
.mega-toggle-label-open:empty {
padding-left: 0;
}
}
@media (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle {
position: relative;
top: 0;
left: 0;
}
.mega-menu-primary .responsive-logo {
width: 100%;
text-align: center;
}
.mega-menu-primary .navbar-brand {
float: none !important;
}
}
/*---------------------------------------
** Responsive -----
-----------------------------------------*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* TOP BAR ELEMENTS */
/* HOME */
.intro {
margin-top: 40%;
font-size: 45px;
line-height: 55px;
}
/* ABOUT US */
.big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
/* TEAM */
.team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
line-height: 18px;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.container .company-details {
width: 33%;
padding-top: 40px;
}
}
@media (max-width: 992px) {
.purchase-now .red-btn {
float: none;
}
.skills {
margin-left: 0;
}
#client-feedbacks .feedback-box {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 26%;
}
.intro-text {
font-size: 45px;
line-height: 55px;
}
.section-header h2 {
font-size: 35px;
}
.section-header {
padding-bottom: 30px;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 60px;
padding-bottom: 60px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 225px 0 150px;
}
.about-us .big-intro {
text-align: center;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.container .company-details:first-child {
padding-top: 40px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
.container .company-details {
width: 100%;
}
}
@media (max-width: 767px) {
/* HEADER */
.bs-navbar-collapse {
border: 0;
}
#main-nav {
overflow: visible;
}
#main-nav,
#main-nav.fixed {
position: relative;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li {
position: relative;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
width: 100%;
box-shadow: none;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: left;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
float: left;
width: 100%;
padding: 8px 25px 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
top: 0;
left: 0;
}
.navbar-inverse .navbar-brand {
float: left;
}
.rtl .navbar-inverse .navbar-brand {
float: right;
}
#main-nav {
overflow: hidden;
}
.navbar-collapse {
max-height: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-left: 20px;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-top: 0;
padding-bottom: 0;
}
.dropdownmenu {
display: block;
position: absolute;
z-index: 9;
top: 5px;
right: 0;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
border-radius: 3px;
background: url(images/menu-icon.png) center center no-repeat #e96656;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
margin-right: 0;
padding-right: 0;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #404040 !important;
}
.this-open > a {
color: #e96656 !important;
}
li.current > a:before {
display: none !important;
content: "";
}
ul.nav > li.current_page_item > a:before {
left: 0;
width: 50px;
content: "";
}
.menu-align-center #site-navigation > ul ul {
left: 0;
}
/* HOME */
.header {
min-height: inherit;
padding-bottom: 0 !important;
}
.intro {
font-size: 6.5vw;
line-height: 8vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 30%;
}
.intro-text {
font-size: 41px;
line-height: 49px;
}
.focus-box {
margin-bottom: 75px;
}
.section-header {
float: left;
width: 100%;
}
.pirate-forms-g-recaptcha > div {
display: inline-block;
}
.pirate_forms .pirate-forms-submit-button {
display: inline-block;
text-align: center;
}
.contact_submit_wrap {
text-align: center;
}
/* ABOUT US */
.big-intro {
font-size: 8vw !important;
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
.our-clients {
float: left;
width: 100%;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
footer.entry-footer {
padding-top: 0;
}
/* comments */
.comment-metadata {
position: relative;
top: 0;
right: 0;
}
}
@media (max-width: 480px) {
/* HOME */
.intro {
margin-top: 60%;
font-size: 6.5vw;
line-height: 6vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 40%;
}
.intro-text {
font-size: 32px;
line-height: 37px;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
margin-right: 0;
text-align: left;
}
/* blog */
.post-img-wrap {
width: 100%;
}
.listpost-content-wrap {
float: left;
width: 100%;
margin-top: 20px;
}
.post-img-wrap a {
float: none;
width: 250px;
height: 250px;
margin: 0 auto;
}
.post-img-wrap {
margin-right: 0;
text-align: center;
}
.post-img-wrap a img {
width: auto;
}
/* comments */
.comment-reply-link {
position: relative;
margin-top: 10px;
}
.post-img-wrap a img {
width: 250px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 320px) {
.intro {
font-size: 7vw;
line-height: 25px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 50%;
}
.intro-text {
font-size: 22px;
line-height: 30px;
}
.client-list ul li {
display: block;
}
.listpost-content-wrap-large {
position: relative;
}
.post-img-wrap-large {
display: none;
}
}
.zerif-copyright {
color: #939393!important;
}
.zerif-copyright-box {
width: 100%;
color: #666;
}
/* print */
@media print {
body {
font-size: 11.25pt;
}
a:link:after,
a:visited:after {
content: "";
}
header.header {
min-height: 0 !important;
}
#main-nav {
position: relative;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 30px 0 15px;
}
.buttons {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 15px;
}
.focus {
padding-bottom: 0;
}
.focus .row .focus-box,
.zerif_about_us_center,
.zerif-rtl-skills .skills,
#testimonials > .container > .row,
.zerif-rtl-contact-name,
.zerif-rtl-contact-email,
.zerif-rtl-contact-subject,
#contact > .container > .row .col-lg-12.col-sm-12,
.purchase-now > .container > .row .col-md-9,
.purchase-now > .container > .row .col-md-3,
.separator-one > .color-overlay .container.text,
.separator-one > .color-overlay > div {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.focus .row .focus-box {
width: 23% !important;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.about-us {
padding-bottom: 0;
}
.about-us .column {
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.about-us .big-intro {
margin-top: 0;
text-align: center;
}
.zerif-rtl-big-title,
.zerif-rtl-skills,
.zerif-rtl-skills .skills {
width: 100%;
}
.zerif-rtl-skills .skills li.skill {
display: inline-block;
float: left;
clear: none;
width: 25%;
margin-bottom: 0;
}
.about-us p {
text-align: center;
}
.our-team {
padding-top: 30px;
padding-bottom: 0;
}
.our-team .row {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.our-team .col-lg-3.col-sm-3 {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.team-member .profile-pic {
width: 100%;
height: auto;
}
#client-feedbacks .feedback-box {
width: 30%;
margin: 1.5%;
padding: 0;
}
.feedback-box .quote {
display: none;
}
.feedback-box .client-info {
margin-left: 0;
}
.section-header {
padding-bottom: 15px;
}
.testimonial {
padding-bottom: 0;
}
.feedback-box .client {
margin-top: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .input-box,
textarea {
border: 1px solid #000 !important;
box-shadow: none;
}
.footer-box {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.latestnews-box {
float: left;
width: 50%;
margin: 0;
padding: 0;
padding-right: 2%;
padding-left: 2%;
}
#carousel-homepage-latestnews .item {
height: auto !important;
}
.company-details {
float: left;
width: 33% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.copyright {
width: 100%;
}
.separator-one,
.purchase-now {
padding: 15px 0 15px 0;
}
.latest-news {
padding-top: 15px;
padding-bottom: 15px;
}
/* inner page */
.content-left-wrap {
padding-top: 0;
}
}
/* Nivo slider basic styling */
.nivo-controlNav {
position: absolute;
width: 100%;
bottom: 30px;
text-align: center;
z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
margin: 0 10px;
padding: 5px 10px;
opacity: 0.85;
color: #fff;
background-color: rgba(10, 10, 10, 0.9);
cursor: pointer;
transition: 0.3s ease;
}
.nivo-controlNav a.active {
color: #333;
background: #fff;
}
.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
opacity: 1;
}
.nivo-directionNav {
position: relative;
z-index: 100;
bottom: 74px;
width: 100%;
}
.nivo-directionNav .nivo-prevNav {
float: left;
}
.nivo-directionNav .nivo-prevNav:before {
content: "\00AB ";
}
.nivo-directionNav .nivo-nextNav {
float: right;
}
.nivo-directionNav .nivo-nextNav:after {
content: " \00BB";
}
/* END Nivo slider basic styling */
home/xbodynamge/lebauwcentre/wp-content/themes/twentyseventeen/style.css 0000604 00000243044 15113164572 0023025 0 ustar 00 /*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover:not( .mejs-container > button ),
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
home/xbodynamge/dev/wp-content/themes/twentynineteen/style.css 0000604 00000331524 15113174511 0020727 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://github.com/WordPress/twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: A new Gutenberg-ready theme.
Requires at least: WordPress 4.9.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
hyphens: auto;
word-break: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Arabic */
html[lang="ar"] .site *,
html[lang="ary"] .site *,
html[lang="azb"] .site *,
html[lang="ckb"] .site *,
html[lang="fa-IR"] .site *,
html[lang="haz"] .site *,
html[lang="ps"] .site * {
font-family: Tahoma, Arial, sans-serif !important;
}
/* Cyrillic */
html[lang="be"] .site *,
html[lang="bg-BG"] .site *,
html[lang="kk"] .site *,
html[lang="mk-MK"] .site *,
html[lang="mn"] .site *,
html[lang="ru-RU"] .site *,
html[lang="sah"] .site *,
html[lang="sr-RS"] .site *,
html[lang="tt-RU"] .site *,
html[lang="uk"] .site * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (Taiwan) */
html[lang="zh-TW"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (China) */
html[lang="zh-CN"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Devanagari */
html[lang="bn-BD"] .site *,
html[lang="hi-IN"] .site *,
html[lang="mr"] .site *,
html[lang="ne-NP"] .site * {
font-family: Arial, sans-serif !important;
}
/* Greek */
html[lang="el"] .site * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Gujarati */
html[lang="gu"] .site * {
font-family: Arial, sans-serif !important;
}
/* Hebrew */
html[lang="he-IL"] .site * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
/* Japanese */
html[lang="ja"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
/* Korean */
html[lang="ko-KR"] .site * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
/* Thai */
html[lang="th"] .site * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
/* Vietnamese */
html[lang="vi"] .site * {
font-family: 'Libre Franklin', sans-serif !important;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid #0073aa;
margin-left: 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover, a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: left;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-left: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-left: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-right: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-left: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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;
}
/* Alignments */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
position: relative;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-left: calc(10% + 60px);
margin-right: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-right: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-right: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-right: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
right: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
left: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-right: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-right: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
margin-left: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin: calc(2 * 1rem) 1rem;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
width: 100%;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: 0;
margin-right: 0;
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
padding-bottom: 0.75rem;
}
.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-left: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-left: 2px solid #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-left: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image img {
display: block;
}
.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
max-width: 100%;
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
margin-left: auto;
margin-right: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns.alignfull {
padding-left: 1rem;
padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > * {
margin-right: 1rem;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns.alignfull,
.entry .entry-content .wp-block-columns.alignfull .wp-block-column {
padding-left: calc(2 * 1rem);
padding-right: calc(2 * 1rem);
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color p,
.entry .entry-content .has-primary-background-color h1,
.entry .entry-content .has-primary-background-color h2,
.entry .entry-content .has-primary-background-color h3,
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
.entry .entry-content .has-primary-background-color a,
.entry .entry-content .has-secondary-background-color p,
.entry .entry-content .has-secondary-background-color h1,
.entry .entry-content .has-secondary-background-color h2,
.entry .entry-content .has-secondary-background-color h3,
.entry .entry-content .has-secondary-background-color h4,
.entry .entry-content .has-secondary-background-color h5,
.entry .entry-content .has-secondary-background-color h6,
.entry .entry-content .has-secondary-background-color a,
.entry .entry-content .has-dark-gray-background-color p,
.entry .entry-content .has-dark-gray-background-color h1,
.entry .entry-content .has-dark-gray-background-color h2,
.entry .entry-content .has-dark-gray-background-color h3,
.entry .entry-content .has-dark-gray-background-color h4,
.entry .entry-content .has-dark-gray-background-color h5,
.entry .entry-content .has-dark-gray-background-color h6,
.entry .entry-content .has-dark-gray-background-color a,
.entry .entry-content .has-light-gray-background-color p,
.entry .entry-content .has-light-gray-background-color h1,
.entry .entry-content .has-light-gray-background-color h2,
.entry .entry-content .has-light-gray-background-color h3,
.entry .entry-content .has-light-gray-background-color h4,
.entry .entry-content .has-light-gray-background-color h5,
.entry .entry-content .has-light-gray-background-color h6,
.entry .entry-content .has-light-gray-background-color a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color p,
.entry .entry-content .has-white-background-color h1,
.entry .entry-content .has-white-background-color h2,
.entry .entry-content .has-white-background-color h3,
.entry .entry-content .has-white-background-color h4,
.entry .entry-content .has-white-background-color h5,
.entry .entry-content .has-white-background-color h6,
.entry .entry-content .has-white-background-color a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/xbodynamge/www/wp-content/themes/twentynineteen/style.css 0000644 00000331524 15113176174 0021010 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://github.com/WordPress/twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: A new Gutenberg-ready theme.
Requires at least: WordPress 4.9.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
hyphens: auto;
word-break: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Arabic */
html[lang="ar"] .site *,
html[lang="ary"] .site *,
html[lang="azb"] .site *,
html[lang="ckb"] .site *,
html[lang="fa-IR"] .site *,
html[lang="haz"] .site *,
html[lang="ps"] .site * {
font-family: Tahoma, Arial, sans-serif !important;
}
/* Cyrillic */
html[lang="be"] .site *,
html[lang="bg-BG"] .site *,
html[lang="kk"] .site *,
html[lang="mk-MK"] .site *,
html[lang="mn"] .site *,
html[lang="ru-RU"] .site *,
html[lang="sah"] .site *,
html[lang="sr-RS"] .site *,
html[lang="tt-RU"] .site *,
html[lang="uk"] .site * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (Taiwan) */
html[lang="zh-TW"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (China) */
html[lang="zh-CN"] .site * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Devanagari */
html[lang="bn-BD"] .site *,
html[lang="hi-IN"] .site *,
html[lang="mr"] .site *,
html[lang="ne-NP"] .site * {
font-family: Arial, sans-serif !important;
}
/* Greek */
html[lang="el"] .site * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Gujarati */
html[lang="gu"] .site * {
font-family: Arial, sans-serif !important;
}
/* Hebrew */
html[lang="he-IL"] .site * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
/* Japanese */
html[lang="ja"] .site * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
/* Korean */
html[lang="ko-KR"] .site * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
/* Thai */
html[lang="th"] .site * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
/* Vietnamese */
html[lang="vi"] .site * {
font-family: 'Libre Franklin', sans-serif !important;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid #0073aa;
margin-left: 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover, a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: left;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-left: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-left: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-right: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-left: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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;
}
/* Alignments */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
position: relative;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-left: calc(10% + 60px);
margin-right: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-right: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-right: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-right: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
right: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
left: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-right: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-right: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
margin-left: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
margin: calc(2 * 1rem) 1rem;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
width: 100%;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: 0;
margin-right: 0;
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
padding-bottom: 0.75rem;
}
.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-left: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-left: 2px solid #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-left: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image img {
display: block;
}
.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
max-width: 100%;
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
margin-left: auto;
margin-right: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns.alignfull {
padding-left: 1rem;
padding-right: 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-columns[class*='has-'] > * {
margin-right: 1rem;
}
.entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
margin-right: 0;
}
.entry .entry-content .wp-block-columns.alignfull,
.entry .entry-content .wp-block-columns.alignfull .wp-block-column {
padding-left: calc(2 * 1rem);
padding-right: calc(2 * 1rem);
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color p,
.entry .entry-content .has-primary-background-color h1,
.entry .entry-content .has-primary-background-color h2,
.entry .entry-content .has-primary-background-color h3,
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
.entry .entry-content .has-primary-background-color a,
.entry .entry-content .has-secondary-background-color p,
.entry .entry-content .has-secondary-background-color h1,
.entry .entry-content .has-secondary-background-color h2,
.entry .entry-content .has-secondary-background-color h3,
.entry .entry-content .has-secondary-background-color h4,
.entry .entry-content .has-secondary-background-color h5,
.entry .entry-content .has-secondary-background-color h6,
.entry .entry-content .has-secondary-background-color a,
.entry .entry-content .has-dark-gray-background-color p,
.entry .entry-content .has-dark-gray-background-color h1,
.entry .entry-content .has-dark-gray-background-color h2,
.entry .entry-content .has-dark-gray-background-color h3,
.entry .entry-content .has-dark-gray-background-color h4,
.entry .entry-content .has-dark-gray-background-color h5,
.entry .entry-content .has-dark-gray-background-color h6,
.entry .entry-content .has-dark-gray-background-color a,
.entry .entry-content .has-light-gray-background-color p,
.entry .entry-content .has-light-gray-background-color h1,
.entry .entry-content .has-light-gray-background-color h2,
.entry .entry-content .has-light-gray-background-color h3,
.entry .entry-content .has-light-gray-background-color h4,
.entry .entry-content .has-light-gray-background-color h5,
.entry .entry-content .has-light-gray-background-color h6,
.entry .entry-content .has-light-gray-background-color a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color p,
.entry .entry-content .has-white-background-color h1,
.entry .entry-content .has-white-background-color h2,
.entry .entry-content .has-white-background-color h3,
.entry .entry-content .has-white-background-color h4,
.entry .entry-content .has-white-background-color h5,
.entry .entry-content .has-white-background-color h6,
.entry .entry-content .has-white-background-color a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/xbodynamge/namtation/wp-content/themes/twentysixteen/style.css 0000604 00000211247 15113216432 0022013 0 ustar 00 /*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
home/xbodynamge/crosstraining/wp-content/themes/twentyseventeen/style.css 0000604 00000243042 15113365531 0023226 0 ustar 00 /*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
home/xbodynamge/lebauwcentre/wp-content/themes/twentynineteen/style.css 0000604 00000637561 15113403056 0022642 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */
body:lang(ar), button:lang(ar),
input:lang(ar),
select:lang(ar),
optgroup:lang(ar),
textarea:lang(ar), .author-description .author-link:lang(ar),
.comment-metadata:lang(ar),
.comment-reply-link:lang(ar),
.comments-title:lang(ar),
.comment-author .fn:lang(ar),
.discussion-meta-info:lang(ar),
.entry-meta:lang(ar),
.entry-footer:lang(ar),
.main-navigation:lang(ar),
.no-comments:lang(ar),
.not-found .page-title:lang(ar),
.error-404 .page-title:lang(ar),
.post-navigation .post-title:lang(ar),
.page-links:lang(ar),
.page-description:lang(ar),
.pagination .nav-links:lang(ar),
.sticky-post:lang(ar),
.site-title:lang(ar),
.site-info:lang(ar),
#cancel-comment-reply-link:lang(ar),
h1:lang(ar),
h2:lang(ar),
h3:lang(ar),
h4:lang(ar),
h5:lang(ar),
h6:lang(ar), .page-title:lang(ar), blockquote cite:lang(ar), table:lang(ar), .button:lang(ar),
input:lang(ar)[type="button"],
input:lang(ar)[type="reset"],
input:lang(ar)[type="submit"], .comment-navigation .nav-previous:lang(ar),
.comment-navigation .nav-next:lang(ar), .comment-list .pingback .comment-body:lang(ar),
.comment-list .trackback .comment-body:lang(ar), .comment-list .pingback .comment-body .comment-edit-link:lang(ar),
.comment-list .trackback .comment-body .comment-edit-link:lang(ar), .comment-form .comment-notes:lang(ar),
.comment-form label:lang(ar), .widget_archive ul li:lang(ar),
.widget_categories ul li:lang(ar),
.widget_meta ul li:lang(ar),
.widget_nav_menu ul li:lang(ar),
.widget_pages ul li:lang(ar),
.widget_recent_comments ul li:lang(ar),
.widget_recent_entries ul li:lang(ar),
.widget_rss ul li:lang(ar), .widget_tag_cloud .tagcloud:lang(ar), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ar), .entry .entry-content .wp-block-archives li:lang(ar),
.entry .entry-content .wp-block-categories li:lang(ar),
.entry .entry-content .wp-block-latest-posts li:lang(ar), .entry .entry-content .wp-block-verse:lang(ar), .entry .entry-content .has-drop-cap:lang(ar):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ar), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover-image h2:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover h2:lang(ar), .entry .entry-content .wp-block-audio figcaption:lang(ar),
.entry .entry-content .wp-block-video figcaption:lang(ar),
.entry .entry-content .wp-block-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ar), .entry .entry-content .wp-block-file:lang(ar), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ar), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ar), .wp-caption-text:lang(ar), .gallery-caption:lang(ar) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ary), button:lang(ary),
input:lang(ary),
select:lang(ary),
optgroup:lang(ary),
textarea:lang(ary), .author-description .author-link:lang(ary),
.comment-metadata:lang(ary),
.comment-reply-link:lang(ary),
.comments-title:lang(ary),
.comment-author .fn:lang(ary),
.discussion-meta-info:lang(ary),
.entry-meta:lang(ary),
.entry-footer:lang(ary),
.main-navigation:lang(ary),
.no-comments:lang(ary),
.not-found .page-title:lang(ary),
.error-404 .page-title:lang(ary),
.post-navigation .post-title:lang(ary),
.page-links:lang(ary),
.page-description:lang(ary),
.pagination .nav-links:lang(ary),
.sticky-post:lang(ary),
.site-title:lang(ary),
.site-info:lang(ary),
#cancel-comment-reply-link:lang(ary),
h1:lang(ary),
h2:lang(ary),
h3:lang(ary),
h4:lang(ary),
h5:lang(ary),
h6:lang(ary), .page-title:lang(ary), blockquote cite:lang(ary), table:lang(ary), .button:lang(ary),
input:lang(ary)[type="button"],
input:lang(ary)[type="reset"],
input:lang(ary)[type="submit"], .comment-navigation .nav-previous:lang(ary),
.comment-navigation .nav-next:lang(ary), .comment-list .pingback .comment-body:lang(ary),
.comment-list .trackback .comment-body:lang(ary), .comment-list .pingback .comment-body .comment-edit-link:lang(ary),
.comment-list .trackback .comment-body .comment-edit-link:lang(ary), .comment-form .comment-notes:lang(ary),
.comment-form label:lang(ary), .widget_archive ul li:lang(ary),
.widget_categories ul li:lang(ary),
.widget_meta ul li:lang(ary),
.widget_nav_menu ul li:lang(ary),
.widget_pages ul li:lang(ary),
.widget_recent_comments ul li:lang(ary),
.widget_recent_entries ul li:lang(ary),
.widget_rss ul li:lang(ary), .widget_tag_cloud .tagcloud:lang(ary), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ary), .entry .entry-content .wp-block-archives li:lang(ary),
.entry .entry-content .wp-block-categories li:lang(ary),
.entry .entry-content .wp-block-latest-posts li:lang(ary), .entry .entry-content .wp-block-verse:lang(ary), .entry .entry-content .has-drop-cap:lang(ary):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ary), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover-image h2:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover h2:lang(ary), .entry .entry-content .wp-block-audio figcaption:lang(ary),
.entry .entry-content .wp-block-video figcaption:lang(ary),
.entry .entry-content .wp-block-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ary), .entry .entry-content .wp-block-file:lang(ary), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ary), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ary), .wp-caption-text:lang(ary), .gallery-caption:lang(ary) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(azb), button:lang(azb),
input:lang(azb),
select:lang(azb),
optgroup:lang(azb),
textarea:lang(azb), .author-description .author-link:lang(azb),
.comment-metadata:lang(azb),
.comment-reply-link:lang(azb),
.comments-title:lang(azb),
.comment-author .fn:lang(azb),
.discussion-meta-info:lang(azb),
.entry-meta:lang(azb),
.entry-footer:lang(azb),
.main-navigation:lang(azb),
.no-comments:lang(azb),
.not-found .page-title:lang(azb),
.error-404 .page-title:lang(azb),
.post-navigation .post-title:lang(azb),
.page-links:lang(azb),
.page-description:lang(azb),
.pagination .nav-links:lang(azb),
.sticky-post:lang(azb),
.site-title:lang(azb),
.site-info:lang(azb),
#cancel-comment-reply-link:lang(azb),
h1:lang(azb),
h2:lang(azb),
h3:lang(azb),
h4:lang(azb),
h5:lang(azb),
h6:lang(azb), .page-title:lang(azb), blockquote cite:lang(azb), table:lang(azb), .button:lang(azb),
input:lang(azb)[type="button"],
input:lang(azb)[type="reset"],
input:lang(azb)[type="submit"], .comment-navigation .nav-previous:lang(azb),
.comment-navigation .nav-next:lang(azb), .comment-list .pingback .comment-body:lang(azb),
.comment-list .trackback .comment-body:lang(azb), .comment-list .pingback .comment-body .comment-edit-link:lang(azb),
.comment-list .trackback .comment-body .comment-edit-link:lang(azb), .comment-form .comment-notes:lang(azb),
.comment-form label:lang(azb), .widget_archive ul li:lang(azb),
.widget_categories ul li:lang(azb),
.widget_meta ul li:lang(azb),
.widget_nav_menu ul li:lang(azb),
.widget_pages ul li:lang(azb),
.widget_recent_comments ul li:lang(azb),
.widget_recent_entries ul li:lang(azb),
.widget_rss ul li:lang(azb), .widget_tag_cloud .tagcloud:lang(azb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(azb), .entry .entry-content .wp-block-archives li:lang(azb),
.entry .entry-content .wp-block-categories li:lang(azb),
.entry .entry-content .wp-block-latest-posts li:lang(azb), .entry .entry-content .wp-block-verse:lang(azb), .entry .entry-content .has-drop-cap:lang(azb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(azb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover-image h2:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover h2:lang(azb), .entry .entry-content .wp-block-audio figcaption:lang(azb),
.entry .entry-content .wp-block-video figcaption:lang(azb),
.entry .entry-content .wp-block-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(azb), .entry .entry-content .wp-block-file:lang(azb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(azb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(azb), .wp-caption-text:lang(azb), .gallery-caption:lang(azb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ckb), button:lang(ckb),
input:lang(ckb),
select:lang(ckb),
optgroup:lang(ckb),
textarea:lang(ckb), .author-description .author-link:lang(ckb),
.comment-metadata:lang(ckb),
.comment-reply-link:lang(ckb),
.comments-title:lang(ckb),
.comment-author .fn:lang(ckb),
.discussion-meta-info:lang(ckb),
.entry-meta:lang(ckb),
.entry-footer:lang(ckb),
.main-navigation:lang(ckb),
.no-comments:lang(ckb),
.not-found .page-title:lang(ckb),
.error-404 .page-title:lang(ckb),
.post-navigation .post-title:lang(ckb),
.page-links:lang(ckb),
.page-description:lang(ckb),
.pagination .nav-links:lang(ckb),
.sticky-post:lang(ckb),
.site-title:lang(ckb),
.site-info:lang(ckb),
#cancel-comment-reply-link:lang(ckb),
h1:lang(ckb),
h2:lang(ckb),
h3:lang(ckb),
h4:lang(ckb),
h5:lang(ckb),
h6:lang(ckb), .page-title:lang(ckb), blockquote cite:lang(ckb), table:lang(ckb), .button:lang(ckb),
input:lang(ckb)[type="button"],
input:lang(ckb)[type="reset"],
input:lang(ckb)[type="submit"], .comment-navigation .nav-previous:lang(ckb),
.comment-navigation .nav-next:lang(ckb), .comment-list .pingback .comment-body:lang(ckb),
.comment-list .trackback .comment-body:lang(ckb), .comment-list .pingback .comment-body .comment-edit-link:lang(ckb),
.comment-list .trackback .comment-body .comment-edit-link:lang(ckb), .comment-form .comment-notes:lang(ckb),
.comment-form label:lang(ckb), .widget_archive ul li:lang(ckb),
.widget_categories ul li:lang(ckb),
.widget_meta ul li:lang(ckb),
.widget_nav_menu ul li:lang(ckb),
.widget_pages ul li:lang(ckb),
.widget_recent_comments ul li:lang(ckb),
.widget_recent_entries ul li:lang(ckb),
.widget_rss ul li:lang(ckb), .widget_tag_cloud .tagcloud:lang(ckb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ckb), .entry .entry-content .wp-block-archives li:lang(ckb),
.entry .entry-content .wp-block-categories li:lang(ckb),
.entry .entry-content .wp-block-latest-posts li:lang(ckb), .entry .entry-content .wp-block-verse:lang(ckb), .entry .entry-content .has-drop-cap:lang(ckb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ckb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover-image h2:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover h2:lang(ckb), .entry .entry-content .wp-block-audio figcaption:lang(ckb),
.entry .entry-content .wp-block-video figcaption:lang(ckb),
.entry .entry-content .wp-block-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ckb), .entry .entry-content .wp-block-file:lang(ckb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ckb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ckb), .wp-caption-text:lang(ckb), .gallery-caption:lang(ckb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(fa-IR), button:lang(fa-IR),
input:lang(fa-IR),
select:lang(fa-IR),
optgroup:lang(fa-IR),
textarea:lang(fa-IR), .author-description .author-link:lang(fa-IR),
.comment-metadata:lang(fa-IR),
.comment-reply-link:lang(fa-IR),
.comments-title:lang(fa-IR),
.comment-author .fn:lang(fa-IR),
.discussion-meta-info:lang(fa-IR),
.entry-meta:lang(fa-IR),
.entry-footer:lang(fa-IR),
.main-navigation:lang(fa-IR),
.no-comments:lang(fa-IR),
.not-found .page-title:lang(fa-IR),
.error-404 .page-title:lang(fa-IR),
.post-navigation .post-title:lang(fa-IR),
.page-links:lang(fa-IR),
.page-description:lang(fa-IR),
.pagination .nav-links:lang(fa-IR),
.sticky-post:lang(fa-IR),
.site-title:lang(fa-IR),
.site-info:lang(fa-IR),
#cancel-comment-reply-link:lang(fa-IR),
h1:lang(fa-IR),
h2:lang(fa-IR),
h3:lang(fa-IR),
h4:lang(fa-IR),
h5:lang(fa-IR),
h6:lang(fa-IR), .page-title:lang(fa-IR), blockquote cite:lang(fa-IR), table:lang(fa-IR), .button:lang(fa-IR),
input:lang(fa-IR)[type="button"],
input:lang(fa-IR)[type="reset"],
input:lang(fa-IR)[type="submit"], .comment-navigation .nav-previous:lang(fa-IR),
.comment-navigation .nav-next:lang(fa-IR), .comment-list .pingback .comment-body:lang(fa-IR),
.comment-list .trackback .comment-body:lang(fa-IR), .comment-list .pingback .comment-body .comment-edit-link:lang(fa-IR),
.comment-list .trackback .comment-body .comment-edit-link:lang(fa-IR), .comment-form .comment-notes:lang(fa-IR),
.comment-form label:lang(fa-IR), .widget_archive ul li:lang(fa-IR),
.widget_categories ul li:lang(fa-IR),
.widget_meta ul li:lang(fa-IR),
.widget_nav_menu ul li:lang(fa-IR),
.widget_pages ul li:lang(fa-IR),
.widget_recent_comments ul li:lang(fa-IR),
.widget_recent_entries ul li:lang(fa-IR),
.widget_rss ul li:lang(fa-IR), .widget_tag_cloud .tagcloud:lang(fa-IR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(fa-IR), .entry .entry-content .wp-block-archives li:lang(fa-IR),
.entry .entry-content .wp-block-categories li:lang(fa-IR),
.entry .entry-content .wp-block-latest-posts li:lang(fa-IR), .entry .entry-content .wp-block-verse:lang(fa-IR), .entry .entry-content .has-drop-cap:lang(fa-IR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(fa-IR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image h2:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover h2:lang(fa-IR), .entry .entry-content .wp-block-audio figcaption:lang(fa-IR),
.entry .entry-content .wp-block-video figcaption:lang(fa-IR),
.entry .entry-content .wp-block-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(fa-IR), .entry .entry-content .wp-block-file:lang(fa-IR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(fa-IR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(fa-IR), .wp-caption-text:lang(fa-IR), .gallery-caption:lang(fa-IR) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(haz), button:lang(haz),
input:lang(haz),
select:lang(haz),
optgroup:lang(haz),
textarea:lang(haz), .author-description .author-link:lang(haz),
.comment-metadata:lang(haz),
.comment-reply-link:lang(haz),
.comments-title:lang(haz),
.comment-author .fn:lang(haz),
.discussion-meta-info:lang(haz),
.entry-meta:lang(haz),
.entry-footer:lang(haz),
.main-navigation:lang(haz),
.no-comments:lang(haz),
.not-found .page-title:lang(haz),
.error-404 .page-title:lang(haz),
.post-navigation .post-title:lang(haz),
.page-links:lang(haz),
.page-description:lang(haz),
.pagination .nav-links:lang(haz),
.sticky-post:lang(haz),
.site-title:lang(haz),
.site-info:lang(haz),
#cancel-comment-reply-link:lang(haz),
h1:lang(haz),
h2:lang(haz),
h3:lang(haz),
h4:lang(haz),
h5:lang(haz),
h6:lang(haz), .page-title:lang(haz), blockquote cite:lang(haz), table:lang(haz), .button:lang(haz),
input:lang(haz)[type="button"],
input:lang(haz)[type="reset"],
input:lang(haz)[type="submit"], .comment-navigation .nav-previous:lang(haz),
.comment-navigation .nav-next:lang(haz), .comment-list .pingback .comment-body:lang(haz),
.comment-list .trackback .comment-body:lang(haz), .comment-list .pingback .comment-body .comment-edit-link:lang(haz),
.comment-list .trackback .comment-body .comment-edit-link:lang(haz), .comment-form .comment-notes:lang(haz),
.comment-form label:lang(haz), .widget_archive ul li:lang(haz),
.widget_categories ul li:lang(haz),
.widget_meta ul li:lang(haz),
.widget_nav_menu ul li:lang(haz),
.widget_pages ul li:lang(haz),
.widget_recent_comments ul li:lang(haz),
.widget_recent_entries ul li:lang(haz),
.widget_rss ul li:lang(haz), .widget_tag_cloud .tagcloud:lang(haz), .entry .entry-content .wp-block-button .wp-block-button__link:lang(haz), .entry .entry-content .wp-block-archives li:lang(haz),
.entry .entry-content .wp-block-categories li:lang(haz),
.entry .entry-content .wp-block-latest-posts li:lang(haz), .entry .entry-content .wp-block-verse:lang(haz), .entry .entry-content .has-drop-cap:lang(haz):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(haz), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover-image h2:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover h2:lang(haz), .entry .entry-content .wp-block-audio figcaption:lang(haz),
.entry .entry-content .wp-block-video figcaption:lang(haz),
.entry .entry-content .wp-block-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(haz), .entry .entry-content .wp-block-file:lang(haz), .entry .entry-content .wp-block-file .wp-block-file__button:lang(haz), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(haz), .wp-caption-text:lang(haz), .gallery-caption:lang(haz) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ps), button:lang(ps),
input:lang(ps),
select:lang(ps),
optgroup:lang(ps),
textarea:lang(ps), .author-description .author-link:lang(ps),
.comment-metadata:lang(ps),
.comment-reply-link:lang(ps),
.comments-title:lang(ps),
.comment-author .fn:lang(ps),
.discussion-meta-info:lang(ps),
.entry-meta:lang(ps),
.entry-footer:lang(ps),
.main-navigation:lang(ps),
.no-comments:lang(ps),
.not-found .page-title:lang(ps),
.error-404 .page-title:lang(ps),
.post-navigation .post-title:lang(ps),
.page-links:lang(ps),
.page-description:lang(ps),
.pagination .nav-links:lang(ps),
.sticky-post:lang(ps),
.site-title:lang(ps),
.site-info:lang(ps),
#cancel-comment-reply-link:lang(ps),
h1:lang(ps),
h2:lang(ps),
h3:lang(ps),
h4:lang(ps),
h5:lang(ps),
h6:lang(ps), .page-title:lang(ps), blockquote cite:lang(ps), table:lang(ps), .button:lang(ps),
input:lang(ps)[type="button"],
input:lang(ps)[type="reset"],
input:lang(ps)[type="submit"], .comment-navigation .nav-previous:lang(ps),
.comment-navigation .nav-next:lang(ps), .comment-list .pingback .comment-body:lang(ps),
.comment-list .trackback .comment-body:lang(ps), .comment-list .pingback .comment-body .comment-edit-link:lang(ps),
.comment-list .trackback .comment-body .comment-edit-link:lang(ps), .comment-form .comment-notes:lang(ps),
.comment-form label:lang(ps), .widget_archive ul li:lang(ps),
.widget_categories ul li:lang(ps),
.widget_meta ul li:lang(ps),
.widget_nav_menu ul li:lang(ps),
.widget_pages ul li:lang(ps),
.widget_recent_comments ul li:lang(ps),
.widget_recent_entries ul li:lang(ps),
.widget_rss ul li:lang(ps), .widget_tag_cloud .tagcloud:lang(ps), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ps), .entry .entry-content .wp-block-archives li:lang(ps),
.entry .entry-content .wp-block-categories li:lang(ps),
.entry .entry-content .wp-block-latest-posts li:lang(ps), .entry .entry-content .wp-block-verse:lang(ps), .entry .entry-content .has-drop-cap:lang(ps):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ps), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover-image h2:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover h2:lang(ps), .entry .entry-content .wp-block-audio figcaption:lang(ps),
.entry .entry-content .wp-block-video figcaption:lang(ps),
.entry .entry-content .wp-block-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ps), .entry .entry-content .wp-block-file:lang(ps), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ps), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ps), .wp-caption-text:lang(ps), .gallery-caption:lang(ps) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(be), button:lang(be),
input:lang(be),
select:lang(be),
optgroup:lang(be),
textarea:lang(be), .author-description .author-link:lang(be),
.comment-metadata:lang(be),
.comment-reply-link:lang(be),
.comments-title:lang(be),
.comment-author .fn:lang(be),
.discussion-meta-info:lang(be),
.entry-meta:lang(be),
.entry-footer:lang(be),
.main-navigation:lang(be),
.no-comments:lang(be),
.not-found .page-title:lang(be),
.error-404 .page-title:lang(be),
.post-navigation .post-title:lang(be),
.page-links:lang(be),
.page-description:lang(be),
.pagination .nav-links:lang(be),
.sticky-post:lang(be),
.site-title:lang(be),
.site-info:lang(be),
#cancel-comment-reply-link:lang(be),
h1:lang(be),
h2:lang(be),
h3:lang(be),
h4:lang(be),
h5:lang(be),
h6:lang(be), .page-title:lang(be), blockquote cite:lang(be), table:lang(be), .button:lang(be),
input:lang(be)[type="button"],
input:lang(be)[type="reset"],
input:lang(be)[type="submit"], .comment-navigation .nav-previous:lang(be),
.comment-navigation .nav-next:lang(be), .comment-list .pingback .comment-body:lang(be),
.comment-list .trackback .comment-body:lang(be), .comment-list .pingback .comment-body .comment-edit-link:lang(be),
.comment-list .trackback .comment-body .comment-edit-link:lang(be), .comment-form .comment-notes:lang(be),
.comment-form label:lang(be), .widget_archive ul li:lang(be),
.widget_categories ul li:lang(be),
.widget_meta ul li:lang(be),
.widget_nav_menu ul li:lang(be),
.widget_pages ul li:lang(be),
.widget_recent_comments ul li:lang(be),
.widget_recent_entries ul li:lang(be),
.widget_rss ul li:lang(be), .widget_tag_cloud .tagcloud:lang(be), .entry .entry-content .wp-block-button .wp-block-button__link:lang(be), .entry .entry-content .wp-block-archives li:lang(be),
.entry .entry-content .wp-block-categories li:lang(be),
.entry .entry-content .wp-block-latest-posts li:lang(be), .entry .entry-content .wp-block-verse:lang(be), .entry .entry-content .has-drop-cap:lang(be):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(be), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover-image h2:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover h2:lang(be), .entry .entry-content .wp-block-audio figcaption:lang(be),
.entry .entry-content .wp-block-video figcaption:lang(be),
.entry .entry-content .wp-block-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(be), .entry .entry-content .wp-block-file:lang(be), .entry .entry-content .wp-block-file .wp-block-file__button:lang(be), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(be), .wp-caption-text:lang(be), .gallery-caption:lang(be) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(bg-BG), button:lang(bg-BG),
input:lang(bg-BG),
select:lang(bg-BG),
optgroup:lang(bg-BG),
textarea:lang(bg-BG), .author-description .author-link:lang(bg-BG),
.comment-metadata:lang(bg-BG),
.comment-reply-link:lang(bg-BG),
.comments-title:lang(bg-BG),
.comment-author .fn:lang(bg-BG),
.discussion-meta-info:lang(bg-BG),
.entry-meta:lang(bg-BG),
.entry-footer:lang(bg-BG),
.main-navigation:lang(bg-BG),
.no-comments:lang(bg-BG),
.not-found .page-title:lang(bg-BG),
.error-404 .page-title:lang(bg-BG),
.post-navigation .post-title:lang(bg-BG),
.page-links:lang(bg-BG),
.page-description:lang(bg-BG),
.pagination .nav-links:lang(bg-BG),
.sticky-post:lang(bg-BG),
.site-title:lang(bg-BG),
.site-info:lang(bg-BG),
#cancel-comment-reply-link:lang(bg-BG),
h1:lang(bg-BG),
h2:lang(bg-BG),
h3:lang(bg-BG),
h4:lang(bg-BG),
h5:lang(bg-BG),
h6:lang(bg-BG), .page-title:lang(bg-BG), blockquote cite:lang(bg-BG), table:lang(bg-BG), .button:lang(bg-BG),
input:lang(bg-BG)[type="button"],
input:lang(bg-BG)[type="reset"],
input:lang(bg-BG)[type="submit"], .comment-navigation .nav-previous:lang(bg-BG),
.comment-navigation .nav-next:lang(bg-BG), .comment-list .pingback .comment-body:lang(bg-BG),
.comment-list .trackback .comment-body:lang(bg-BG), .comment-list .pingback .comment-body .comment-edit-link:lang(bg-BG),
.comment-list .trackback .comment-body .comment-edit-link:lang(bg-BG), .comment-form .comment-notes:lang(bg-BG),
.comment-form label:lang(bg-BG), .widget_archive ul li:lang(bg-BG),
.widget_categories ul li:lang(bg-BG),
.widget_meta ul li:lang(bg-BG),
.widget_nav_menu ul li:lang(bg-BG),
.widget_pages ul li:lang(bg-BG),
.widget_recent_comments ul li:lang(bg-BG),
.widget_recent_entries ul li:lang(bg-BG),
.widget_rss ul li:lang(bg-BG), .widget_tag_cloud .tagcloud:lang(bg-BG), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bg-BG), .entry .entry-content .wp-block-archives li:lang(bg-BG),
.entry .entry-content .wp-block-categories li:lang(bg-BG),
.entry .entry-content .wp-block-latest-posts li:lang(bg-BG), .entry .entry-content .wp-block-verse:lang(bg-BG), .entry .entry-content .has-drop-cap:lang(bg-BG):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bg-BG), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image h2:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover h2:lang(bg-BG), .entry .entry-content .wp-block-audio figcaption:lang(bg-BG),
.entry .entry-content .wp-block-video figcaption:lang(bg-BG),
.entry .entry-content .wp-block-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bg-BG), .entry .entry-content .wp-block-file:lang(bg-BG), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bg-BG), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bg-BG), .wp-caption-text:lang(bg-BG), .gallery-caption:lang(bg-BG) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(kk), button:lang(kk),
input:lang(kk),
select:lang(kk),
optgroup:lang(kk),
textarea:lang(kk), .author-description .author-link:lang(kk),
.comment-metadata:lang(kk),
.comment-reply-link:lang(kk),
.comments-title:lang(kk),
.comment-author .fn:lang(kk),
.discussion-meta-info:lang(kk),
.entry-meta:lang(kk),
.entry-footer:lang(kk),
.main-navigation:lang(kk),
.no-comments:lang(kk),
.not-found .page-title:lang(kk),
.error-404 .page-title:lang(kk),
.post-navigation .post-title:lang(kk),
.page-links:lang(kk),
.page-description:lang(kk),
.pagination .nav-links:lang(kk),
.sticky-post:lang(kk),
.site-title:lang(kk),
.site-info:lang(kk),
#cancel-comment-reply-link:lang(kk),
h1:lang(kk),
h2:lang(kk),
h3:lang(kk),
h4:lang(kk),
h5:lang(kk),
h6:lang(kk), .page-title:lang(kk), blockquote cite:lang(kk), table:lang(kk), .button:lang(kk),
input:lang(kk)[type="button"],
input:lang(kk)[type="reset"],
input:lang(kk)[type="submit"], .comment-navigation .nav-previous:lang(kk),
.comment-navigation .nav-next:lang(kk), .comment-list .pingback .comment-body:lang(kk),
.comment-list .trackback .comment-body:lang(kk), .comment-list .pingback .comment-body .comment-edit-link:lang(kk),
.comment-list .trackback .comment-body .comment-edit-link:lang(kk), .comment-form .comment-notes:lang(kk),
.comment-form label:lang(kk), .widget_archive ul li:lang(kk),
.widget_categories ul li:lang(kk),
.widget_meta ul li:lang(kk),
.widget_nav_menu ul li:lang(kk),
.widget_pages ul li:lang(kk),
.widget_recent_comments ul li:lang(kk),
.widget_recent_entries ul li:lang(kk),
.widget_rss ul li:lang(kk), .widget_tag_cloud .tagcloud:lang(kk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(kk), .entry .entry-content .wp-block-archives li:lang(kk),
.entry .entry-content .wp-block-categories li:lang(kk),
.entry .entry-content .wp-block-latest-posts li:lang(kk), .entry .entry-content .wp-block-verse:lang(kk), .entry .entry-content .has-drop-cap:lang(kk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(kk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover-image h2:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover h2:lang(kk), .entry .entry-content .wp-block-audio figcaption:lang(kk),
.entry .entry-content .wp-block-video figcaption:lang(kk),
.entry .entry-content .wp-block-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(kk), .entry .entry-content .wp-block-file:lang(kk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(kk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(kk), .wp-caption-text:lang(kk), .gallery-caption:lang(kk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mk-MK), button:lang(mk-MK),
input:lang(mk-MK),
select:lang(mk-MK),
optgroup:lang(mk-MK),
textarea:lang(mk-MK), .author-description .author-link:lang(mk-MK),
.comment-metadata:lang(mk-MK),
.comment-reply-link:lang(mk-MK),
.comments-title:lang(mk-MK),
.comment-author .fn:lang(mk-MK),
.discussion-meta-info:lang(mk-MK),
.entry-meta:lang(mk-MK),
.entry-footer:lang(mk-MK),
.main-navigation:lang(mk-MK),
.no-comments:lang(mk-MK),
.not-found .page-title:lang(mk-MK),
.error-404 .page-title:lang(mk-MK),
.post-navigation .post-title:lang(mk-MK),
.page-links:lang(mk-MK),
.page-description:lang(mk-MK),
.pagination .nav-links:lang(mk-MK),
.sticky-post:lang(mk-MK),
.site-title:lang(mk-MK),
.site-info:lang(mk-MK),
#cancel-comment-reply-link:lang(mk-MK),
h1:lang(mk-MK),
h2:lang(mk-MK),
h3:lang(mk-MK),
h4:lang(mk-MK),
h5:lang(mk-MK),
h6:lang(mk-MK), .page-title:lang(mk-MK), blockquote cite:lang(mk-MK), table:lang(mk-MK), .button:lang(mk-MK),
input:lang(mk-MK)[type="button"],
input:lang(mk-MK)[type="reset"],
input:lang(mk-MK)[type="submit"], .comment-navigation .nav-previous:lang(mk-MK),
.comment-navigation .nav-next:lang(mk-MK), .comment-list .pingback .comment-body:lang(mk-MK),
.comment-list .trackback .comment-body:lang(mk-MK), .comment-list .pingback .comment-body .comment-edit-link:lang(mk-MK),
.comment-list .trackback .comment-body .comment-edit-link:lang(mk-MK), .comment-form .comment-notes:lang(mk-MK),
.comment-form label:lang(mk-MK), .widget_archive ul li:lang(mk-MK),
.widget_categories ul li:lang(mk-MK),
.widget_meta ul li:lang(mk-MK),
.widget_nav_menu ul li:lang(mk-MK),
.widget_pages ul li:lang(mk-MK),
.widget_recent_comments ul li:lang(mk-MK),
.widget_recent_entries ul li:lang(mk-MK),
.widget_rss ul li:lang(mk-MK), .widget_tag_cloud .tagcloud:lang(mk-MK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mk-MK), .entry .entry-content .wp-block-archives li:lang(mk-MK),
.entry .entry-content .wp-block-categories li:lang(mk-MK),
.entry .entry-content .wp-block-latest-posts li:lang(mk-MK), .entry .entry-content .wp-block-verse:lang(mk-MK), .entry .entry-content .has-drop-cap:lang(mk-MK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mk-MK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image h2:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover h2:lang(mk-MK), .entry .entry-content .wp-block-audio figcaption:lang(mk-MK),
.entry .entry-content .wp-block-video figcaption:lang(mk-MK),
.entry .entry-content .wp-block-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mk-MK), .entry .entry-content .wp-block-file:lang(mk-MK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mk-MK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mk-MK), .wp-caption-text:lang(mk-MK), .gallery-caption:lang(mk-MK) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mn), button:lang(mn),
input:lang(mn),
select:lang(mn),
optgroup:lang(mn),
textarea:lang(mn), .author-description .author-link:lang(mn),
.comment-metadata:lang(mn),
.comment-reply-link:lang(mn),
.comments-title:lang(mn),
.comment-author .fn:lang(mn),
.discussion-meta-info:lang(mn),
.entry-meta:lang(mn),
.entry-footer:lang(mn),
.main-navigation:lang(mn),
.no-comments:lang(mn),
.not-found .page-title:lang(mn),
.error-404 .page-title:lang(mn),
.post-navigation .post-title:lang(mn),
.page-links:lang(mn),
.page-description:lang(mn),
.pagination .nav-links:lang(mn),
.sticky-post:lang(mn),
.site-title:lang(mn),
.site-info:lang(mn),
#cancel-comment-reply-link:lang(mn),
h1:lang(mn),
h2:lang(mn),
h3:lang(mn),
h4:lang(mn),
h5:lang(mn),
h6:lang(mn), .page-title:lang(mn), blockquote cite:lang(mn), table:lang(mn), .button:lang(mn),
input:lang(mn)[type="button"],
input:lang(mn)[type="reset"],
input:lang(mn)[type="submit"], .comment-navigation .nav-previous:lang(mn),
.comment-navigation .nav-next:lang(mn), .comment-list .pingback .comment-body:lang(mn),
.comment-list .trackback .comment-body:lang(mn), .comment-list .pingback .comment-body .comment-edit-link:lang(mn),
.comment-list .trackback .comment-body .comment-edit-link:lang(mn), .comment-form .comment-notes:lang(mn),
.comment-form label:lang(mn), .widget_archive ul li:lang(mn),
.widget_categories ul li:lang(mn),
.widget_meta ul li:lang(mn),
.widget_nav_menu ul li:lang(mn),
.widget_pages ul li:lang(mn),
.widget_recent_comments ul li:lang(mn),
.widget_recent_entries ul li:lang(mn),
.widget_rss ul li:lang(mn), .widget_tag_cloud .tagcloud:lang(mn), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mn), .entry .entry-content .wp-block-archives li:lang(mn),
.entry .entry-content .wp-block-categories li:lang(mn),
.entry .entry-content .wp-block-latest-posts li:lang(mn), .entry .entry-content .wp-block-verse:lang(mn), .entry .entry-content .has-drop-cap:lang(mn):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mn), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover-image h2:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover h2:lang(mn), .entry .entry-content .wp-block-audio figcaption:lang(mn),
.entry .entry-content .wp-block-video figcaption:lang(mn),
.entry .entry-content .wp-block-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mn), .entry .entry-content .wp-block-file:lang(mn), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mn), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mn), .wp-caption-text:lang(mn), .gallery-caption:lang(mn) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(ru-RU), button:lang(ru-RU),
input:lang(ru-RU),
select:lang(ru-RU),
optgroup:lang(ru-RU),
textarea:lang(ru-RU), .author-description .author-link:lang(ru-RU),
.comment-metadata:lang(ru-RU),
.comment-reply-link:lang(ru-RU),
.comments-title:lang(ru-RU),
.comment-author .fn:lang(ru-RU),
.discussion-meta-info:lang(ru-RU),
.entry-meta:lang(ru-RU),
.entry-footer:lang(ru-RU),
.main-navigation:lang(ru-RU),
.no-comments:lang(ru-RU),
.not-found .page-title:lang(ru-RU),
.error-404 .page-title:lang(ru-RU),
.post-navigation .post-title:lang(ru-RU),
.page-links:lang(ru-RU),
.page-description:lang(ru-RU),
.pagination .nav-links:lang(ru-RU),
.sticky-post:lang(ru-RU),
.site-title:lang(ru-RU),
.site-info:lang(ru-RU),
#cancel-comment-reply-link:lang(ru-RU),
h1:lang(ru-RU),
h2:lang(ru-RU),
h3:lang(ru-RU),
h4:lang(ru-RU),
h5:lang(ru-RU),
h6:lang(ru-RU), .page-title:lang(ru-RU), blockquote cite:lang(ru-RU), table:lang(ru-RU), .button:lang(ru-RU),
input:lang(ru-RU)[type="button"],
input:lang(ru-RU)[type="reset"],
input:lang(ru-RU)[type="submit"], .comment-navigation .nav-previous:lang(ru-RU),
.comment-navigation .nav-next:lang(ru-RU), .comment-list .pingback .comment-body:lang(ru-RU),
.comment-list .trackback .comment-body:lang(ru-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(ru-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(ru-RU), .comment-form .comment-notes:lang(ru-RU),
.comment-form label:lang(ru-RU), .widget_archive ul li:lang(ru-RU),
.widget_categories ul li:lang(ru-RU),
.widget_meta ul li:lang(ru-RU),
.widget_nav_menu ul li:lang(ru-RU),
.widget_pages ul li:lang(ru-RU),
.widget_recent_comments ul li:lang(ru-RU),
.widget_recent_entries ul li:lang(ru-RU),
.widget_rss ul li:lang(ru-RU), .widget_tag_cloud .tagcloud:lang(ru-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ru-RU), .entry .entry-content .wp-block-archives li:lang(ru-RU),
.entry .entry-content .wp-block-categories li:lang(ru-RU),
.entry .entry-content .wp-block-latest-posts li:lang(ru-RU), .entry .entry-content .wp-block-verse:lang(ru-RU), .entry .entry-content .has-drop-cap:lang(ru-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ru-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image h2:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover h2:lang(ru-RU), .entry .entry-content .wp-block-audio figcaption:lang(ru-RU),
.entry .entry-content .wp-block-video figcaption:lang(ru-RU),
.entry .entry-content .wp-block-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ru-RU), .entry .entry-content .wp-block-file:lang(ru-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ru-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ru-RU), .wp-caption-text:lang(ru-RU), .gallery-caption:lang(ru-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sah), button:lang(sah),
input:lang(sah),
select:lang(sah),
optgroup:lang(sah),
textarea:lang(sah), .author-description .author-link:lang(sah),
.comment-metadata:lang(sah),
.comment-reply-link:lang(sah),
.comments-title:lang(sah),
.comment-author .fn:lang(sah),
.discussion-meta-info:lang(sah),
.entry-meta:lang(sah),
.entry-footer:lang(sah),
.main-navigation:lang(sah),
.no-comments:lang(sah),
.not-found .page-title:lang(sah),
.error-404 .page-title:lang(sah),
.post-navigation .post-title:lang(sah),
.page-links:lang(sah),
.page-description:lang(sah),
.pagination .nav-links:lang(sah),
.sticky-post:lang(sah),
.site-title:lang(sah),
.site-info:lang(sah),
#cancel-comment-reply-link:lang(sah),
h1:lang(sah),
h2:lang(sah),
h3:lang(sah),
h4:lang(sah),
h5:lang(sah),
h6:lang(sah), .page-title:lang(sah), blockquote cite:lang(sah), table:lang(sah), .button:lang(sah),
input:lang(sah)[type="button"],
input:lang(sah)[type="reset"],
input:lang(sah)[type="submit"], .comment-navigation .nav-previous:lang(sah),
.comment-navigation .nav-next:lang(sah), .comment-list .pingback .comment-body:lang(sah),
.comment-list .trackback .comment-body:lang(sah), .comment-list .pingback .comment-body .comment-edit-link:lang(sah),
.comment-list .trackback .comment-body .comment-edit-link:lang(sah), .comment-form .comment-notes:lang(sah),
.comment-form label:lang(sah), .widget_archive ul li:lang(sah),
.widget_categories ul li:lang(sah),
.widget_meta ul li:lang(sah),
.widget_nav_menu ul li:lang(sah),
.widget_pages ul li:lang(sah),
.widget_recent_comments ul li:lang(sah),
.widget_recent_entries ul li:lang(sah),
.widget_rss ul li:lang(sah), .widget_tag_cloud .tagcloud:lang(sah), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sah), .entry .entry-content .wp-block-archives li:lang(sah),
.entry .entry-content .wp-block-categories li:lang(sah),
.entry .entry-content .wp-block-latest-posts li:lang(sah), .entry .entry-content .wp-block-verse:lang(sah), .entry .entry-content .has-drop-cap:lang(sah):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sah), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover-image h2:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover h2:lang(sah), .entry .entry-content .wp-block-audio figcaption:lang(sah),
.entry .entry-content .wp-block-video figcaption:lang(sah),
.entry .entry-content .wp-block-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sah), .entry .entry-content .wp-block-file:lang(sah), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sah), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sah), .wp-caption-text:lang(sah), .gallery-caption:lang(sah) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sr-RS), button:lang(sr-RS),
input:lang(sr-RS),
select:lang(sr-RS),
optgroup:lang(sr-RS),
textarea:lang(sr-RS), .author-description .author-link:lang(sr-RS),
.comment-metadata:lang(sr-RS),
.comment-reply-link:lang(sr-RS),
.comments-title:lang(sr-RS),
.comment-author .fn:lang(sr-RS),
.discussion-meta-info:lang(sr-RS),
.entry-meta:lang(sr-RS),
.entry-footer:lang(sr-RS),
.main-navigation:lang(sr-RS),
.no-comments:lang(sr-RS),
.not-found .page-title:lang(sr-RS),
.error-404 .page-title:lang(sr-RS),
.post-navigation .post-title:lang(sr-RS),
.page-links:lang(sr-RS),
.page-description:lang(sr-RS),
.pagination .nav-links:lang(sr-RS),
.sticky-post:lang(sr-RS),
.site-title:lang(sr-RS),
.site-info:lang(sr-RS),
#cancel-comment-reply-link:lang(sr-RS),
h1:lang(sr-RS),
h2:lang(sr-RS),
h3:lang(sr-RS),
h4:lang(sr-RS),
h5:lang(sr-RS),
h6:lang(sr-RS), .page-title:lang(sr-RS), blockquote cite:lang(sr-RS), table:lang(sr-RS), .button:lang(sr-RS),
input:lang(sr-RS)[type="button"],
input:lang(sr-RS)[type="reset"],
input:lang(sr-RS)[type="submit"], .comment-navigation .nav-previous:lang(sr-RS),
.comment-navigation .nav-next:lang(sr-RS), .comment-list .pingback .comment-body:lang(sr-RS),
.comment-list .trackback .comment-body:lang(sr-RS), .comment-list .pingback .comment-body .comment-edit-link:lang(sr-RS),
.comment-list .trackback .comment-body .comment-edit-link:lang(sr-RS), .comment-form .comment-notes:lang(sr-RS),
.comment-form label:lang(sr-RS), .widget_archive ul li:lang(sr-RS),
.widget_categories ul li:lang(sr-RS),
.widget_meta ul li:lang(sr-RS),
.widget_nav_menu ul li:lang(sr-RS),
.widget_pages ul li:lang(sr-RS),
.widget_recent_comments ul li:lang(sr-RS),
.widget_recent_entries ul li:lang(sr-RS),
.widget_rss ul li:lang(sr-RS), .widget_tag_cloud .tagcloud:lang(sr-RS), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sr-RS), .entry .entry-content .wp-block-archives li:lang(sr-RS),
.entry .entry-content .wp-block-categories li:lang(sr-RS),
.entry .entry-content .wp-block-latest-posts li:lang(sr-RS), .entry .entry-content .wp-block-verse:lang(sr-RS), .entry .entry-content .has-drop-cap:lang(sr-RS):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sr-RS), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image h2:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover h2:lang(sr-RS), .entry .entry-content .wp-block-audio figcaption:lang(sr-RS),
.entry .entry-content .wp-block-video figcaption:lang(sr-RS),
.entry .entry-content .wp-block-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sr-RS), .entry .entry-content .wp-block-file:lang(sr-RS), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sr-RS), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sr-RS), .wp-caption-text:lang(sr-RS), .gallery-caption:lang(sr-RS) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(tt-RU), button:lang(tt-RU),
input:lang(tt-RU),
select:lang(tt-RU),
optgroup:lang(tt-RU),
textarea:lang(tt-RU), .author-description .author-link:lang(tt-RU),
.comment-metadata:lang(tt-RU),
.comment-reply-link:lang(tt-RU),
.comments-title:lang(tt-RU),
.comment-author .fn:lang(tt-RU),
.discussion-meta-info:lang(tt-RU),
.entry-meta:lang(tt-RU),
.entry-footer:lang(tt-RU),
.main-navigation:lang(tt-RU),
.no-comments:lang(tt-RU),
.not-found .page-title:lang(tt-RU),
.error-404 .page-title:lang(tt-RU),
.post-navigation .post-title:lang(tt-RU),
.page-links:lang(tt-RU),
.page-description:lang(tt-RU),
.pagination .nav-links:lang(tt-RU),
.sticky-post:lang(tt-RU),
.site-title:lang(tt-RU),
.site-info:lang(tt-RU),
#cancel-comment-reply-link:lang(tt-RU),
h1:lang(tt-RU),
h2:lang(tt-RU),
h3:lang(tt-RU),
h4:lang(tt-RU),
h5:lang(tt-RU),
h6:lang(tt-RU), .page-title:lang(tt-RU), blockquote cite:lang(tt-RU), table:lang(tt-RU), .button:lang(tt-RU),
input:lang(tt-RU)[type="button"],
input:lang(tt-RU)[type="reset"],
input:lang(tt-RU)[type="submit"], .comment-navigation .nav-previous:lang(tt-RU),
.comment-navigation .nav-next:lang(tt-RU), .comment-list .pingback .comment-body:lang(tt-RU),
.comment-list .trackback .comment-body:lang(tt-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(tt-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(tt-RU), .comment-form .comment-notes:lang(tt-RU),
.comment-form label:lang(tt-RU), .widget_archive ul li:lang(tt-RU),
.widget_categories ul li:lang(tt-RU),
.widget_meta ul li:lang(tt-RU),
.widget_nav_menu ul li:lang(tt-RU),
.widget_pages ul li:lang(tt-RU),
.widget_recent_comments ul li:lang(tt-RU),
.widget_recent_entries ul li:lang(tt-RU),
.widget_rss ul li:lang(tt-RU), .widget_tag_cloud .tagcloud:lang(tt-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(tt-RU), .entry .entry-content .wp-block-archives li:lang(tt-RU),
.entry .entry-content .wp-block-categories li:lang(tt-RU),
.entry .entry-content .wp-block-latest-posts li:lang(tt-RU), .entry .entry-content .wp-block-verse:lang(tt-RU), .entry .entry-content .has-drop-cap:lang(tt-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(tt-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image h2:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover h2:lang(tt-RU), .entry .entry-content .wp-block-audio figcaption:lang(tt-RU),
.entry .entry-content .wp-block-video figcaption:lang(tt-RU),
.entry .entry-content .wp-block-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(tt-RU), .entry .entry-content .wp-block-file:lang(tt-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(tt-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(tt-RU), .wp-caption-text:lang(tt-RU), .gallery-caption:lang(tt-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(uk), button:lang(uk),
input:lang(uk),
select:lang(uk),
optgroup:lang(uk),
textarea:lang(uk), .author-description .author-link:lang(uk),
.comment-metadata:lang(uk),
.comment-reply-link:lang(uk),
.comments-title:lang(uk),
.comment-author .fn:lang(uk),
.discussion-meta-info:lang(uk),
.entry-meta:lang(uk),
.entry-footer:lang(uk),
.main-navigation:lang(uk),
.no-comments:lang(uk),
.not-found .page-title:lang(uk),
.error-404 .page-title:lang(uk),
.post-navigation .post-title:lang(uk),
.page-links:lang(uk),
.page-description:lang(uk),
.pagination .nav-links:lang(uk),
.sticky-post:lang(uk),
.site-title:lang(uk),
.site-info:lang(uk),
#cancel-comment-reply-link:lang(uk),
h1:lang(uk),
h2:lang(uk),
h3:lang(uk),
h4:lang(uk),
h5:lang(uk),
h6:lang(uk), .page-title:lang(uk), blockquote cite:lang(uk), table:lang(uk), .button:lang(uk),
input:lang(uk)[type="button"],
input:lang(uk)[type="reset"],
input:lang(uk)[type="submit"], .comment-navigation .nav-previous:lang(uk),
.comment-navigation .nav-next:lang(uk), .comment-list .pingback .comment-body:lang(uk),
.comment-list .trackback .comment-body:lang(uk), .comment-list .pingback .comment-body .comment-edit-link:lang(uk),
.comment-list .trackback .comment-body .comment-edit-link:lang(uk), .comment-form .comment-notes:lang(uk),
.comment-form label:lang(uk), .widget_archive ul li:lang(uk),
.widget_categories ul li:lang(uk),
.widget_meta ul li:lang(uk),
.widget_nav_menu ul li:lang(uk),
.widget_pages ul li:lang(uk),
.widget_recent_comments ul li:lang(uk),
.widget_recent_entries ul li:lang(uk),
.widget_rss ul li:lang(uk), .widget_tag_cloud .tagcloud:lang(uk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(uk), .entry .entry-content .wp-block-archives li:lang(uk),
.entry .entry-content .wp-block-categories li:lang(uk),
.entry .entry-content .wp-block-latest-posts li:lang(uk), .entry .entry-content .wp-block-verse:lang(uk), .entry .entry-content .has-drop-cap:lang(uk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(uk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover-image h2:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover h2:lang(uk), .entry .entry-content .wp-block-audio figcaption:lang(uk),
.entry .entry-content .wp-block-video figcaption:lang(uk),
.entry .entry-content .wp-block-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(uk), .entry .entry-content .wp-block-file:lang(uk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(uk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(uk), .wp-caption-text:lang(uk), .gallery-caption:lang(uk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(zh-HK), button:lang(zh-HK),
input:lang(zh-HK),
select:lang(zh-HK),
optgroup:lang(zh-HK),
textarea:lang(zh-HK), .author-description .author-link:lang(zh-HK),
.comment-metadata:lang(zh-HK),
.comment-reply-link:lang(zh-HK),
.comments-title:lang(zh-HK),
.comment-author .fn:lang(zh-HK),
.discussion-meta-info:lang(zh-HK),
.entry-meta:lang(zh-HK),
.entry-footer:lang(zh-HK),
.main-navigation:lang(zh-HK),
.no-comments:lang(zh-HK),
.not-found .page-title:lang(zh-HK),
.error-404 .page-title:lang(zh-HK),
.post-navigation .post-title:lang(zh-HK),
.page-links:lang(zh-HK),
.page-description:lang(zh-HK),
.pagination .nav-links:lang(zh-HK),
.sticky-post:lang(zh-HK),
.site-title:lang(zh-HK),
.site-info:lang(zh-HK),
#cancel-comment-reply-link:lang(zh-HK),
h1:lang(zh-HK),
h2:lang(zh-HK),
h3:lang(zh-HK),
h4:lang(zh-HK),
h5:lang(zh-HK),
h6:lang(zh-HK), .page-title:lang(zh-HK), blockquote cite:lang(zh-HK), table:lang(zh-HK), .button:lang(zh-HK),
input:lang(zh-HK)[type="button"],
input:lang(zh-HK)[type="reset"],
input:lang(zh-HK)[type="submit"], .comment-navigation .nav-previous:lang(zh-HK),
.comment-navigation .nav-next:lang(zh-HK), .comment-list .pingback .comment-body:lang(zh-HK),
.comment-list .trackback .comment-body:lang(zh-HK), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-HK),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-HK), .comment-form .comment-notes:lang(zh-HK),
.comment-form label:lang(zh-HK), .widget_archive ul li:lang(zh-HK),
.widget_categories ul li:lang(zh-HK),
.widget_meta ul li:lang(zh-HK),
.widget_nav_menu ul li:lang(zh-HK),
.widget_pages ul li:lang(zh-HK),
.widget_recent_comments ul li:lang(zh-HK),
.widget_recent_entries ul li:lang(zh-HK),
.widget_rss ul li:lang(zh-HK), .widget_tag_cloud .tagcloud:lang(zh-HK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-HK), .entry .entry-content .wp-block-archives li:lang(zh-HK),
.entry .entry-content .wp-block-categories li:lang(zh-HK),
.entry .entry-content .wp-block-latest-posts li:lang(zh-HK), .entry .entry-content .wp-block-verse:lang(zh-HK), .entry .entry-content .has-drop-cap:lang(zh-HK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-HK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image h2:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover h2:lang(zh-HK), .entry .entry-content .wp-block-audio figcaption:lang(zh-HK),
.entry .entry-content .wp-block-video figcaption:lang(zh-HK),
.entry .entry-content .wp-block-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-HK), .entry .entry-content .wp-block-file:lang(zh-HK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-HK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-HK), .wp-caption-text:lang(zh-HK), .gallery-caption:lang(zh-HK) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-TW), button:lang(zh-TW),
input:lang(zh-TW),
select:lang(zh-TW),
optgroup:lang(zh-TW),
textarea:lang(zh-TW), .author-description .author-link:lang(zh-TW),
.comment-metadata:lang(zh-TW),
.comment-reply-link:lang(zh-TW),
.comments-title:lang(zh-TW),
.comment-author .fn:lang(zh-TW),
.discussion-meta-info:lang(zh-TW),
.entry-meta:lang(zh-TW),
.entry-footer:lang(zh-TW),
.main-navigation:lang(zh-TW),
.no-comments:lang(zh-TW),
.not-found .page-title:lang(zh-TW),
.error-404 .page-title:lang(zh-TW),
.post-navigation .post-title:lang(zh-TW),
.page-links:lang(zh-TW),
.page-description:lang(zh-TW),
.pagination .nav-links:lang(zh-TW),
.sticky-post:lang(zh-TW),
.site-title:lang(zh-TW),
.site-info:lang(zh-TW),
#cancel-comment-reply-link:lang(zh-TW),
h1:lang(zh-TW),
h2:lang(zh-TW),
h3:lang(zh-TW),
h4:lang(zh-TW),
h5:lang(zh-TW),
h6:lang(zh-TW), .page-title:lang(zh-TW), blockquote cite:lang(zh-TW), table:lang(zh-TW), .button:lang(zh-TW),
input:lang(zh-TW)[type="button"],
input:lang(zh-TW)[type="reset"],
input:lang(zh-TW)[type="submit"], .comment-navigation .nav-previous:lang(zh-TW),
.comment-navigation .nav-next:lang(zh-TW), .comment-list .pingback .comment-body:lang(zh-TW),
.comment-list .trackback .comment-body:lang(zh-TW), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-TW),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-TW), .comment-form .comment-notes:lang(zh-TW),
.comment-form label:lang(zh-TW), .widget_archive ul li:lang(zh-TW),
.widget_categories ul li:lang(zh-TW),
.widget_meta ul li:lang(zh-TW),
.widget_nav_menu ul li:lang(zh-TW),
.widget_pages ul li:lang(zh-TW),
.widget_recent_comments ul li:lang(zh-TW),
.widget_recent_entries ul li:lang(zh-TW),
.widget_rss ul li:lang(zh-TW), .widget_tag_cloud .tagcloud:lang(zh-TW), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-TW), .entry .entry-content .wp-block-archives li:lang(zh-TW),
.entry .entry-content .wp-block-categories li:lang(zh-TW),
.entry .entry-content .wp-block-latest-posts li:lang(zh-TW), .entry .entry-content .wp-block-verse:lang(zh-TW), .entry .entry-content .has-drop-cap:lang(zh-TW):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-TW), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image h2:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover h2:lang(zh-TW), .entry .entry-content .wp-block-audio figcaption:lang(zh-TW),
.entry .entry-content .wp-block-video figcaption:lang(zh-TW),
.entry .entry-content .wp-block-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-TW), .entry .entry-content .wp-block-file:lang(zh-TW), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-TW), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-TW), .wp-caption-text:lang(zh-TW), .gallery-caption:lang(zh-TW) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-CN), button:lang(zh-CN),
input:lang(zh-CN),
select:lang(zh-CN),
optgroup:lang(zh-CN),
textarea:lang(zh-CN), .author-description .author-link:lang(zh-CN),
.comment-metadata:lang(zh-CN),
.comment-reply-link:lang(zh-CN),
.comments-title:lang(zh-CN),
.comment-author .fn:lang(zh-CN),
.discussion-meta-info:lang(zh-CN),
.entry-meta:lang(zh-CN),
.entry-footer:lang(zh-CN),
.main-navigation:lang(zh-CN),
.no-comments:lang(zh-CN),
.not-found .page-title:lang(zh-CN),
.error-404 .page-title:lang(zh-CN),
.post-navigation .post-title:lang(zh-CN),
.page-links:lang(zh-CN),
.page-description:lang(zh-CN),
.pagination .nav-links:lang(zh-CN),
.sticky-post:lang(zh-CN),
.site-title:lang(zh-CN),
.site-info:lang(zh-CN),
#cancel-comment-reply-link:lang(zh-CN),
h1:lang(zh-CN),
h2:lang(zh-CN),
h3:lang(zh-CN),
h4:lang(zh-CN),
h5:lang(zh-CN),
h6:lang(zh-CN), .page-title:lang(zh-CN), blockquote cite:lang(zh-CN), table:lang(zh-CN), .button:lang(zh-CN),
input:lang(zh-CN)[type="button"],
input:lang(zh-CN)[type="reset"],
input:lang(zh-CN)[type="submit"], .comment-navigation .nav-previous:lang(zh-CN),
.comment-navigation .nav-next:lang(zh-CN), .comment-list .pingback .comment-body:lang(zh-CN),
.comment-list .trackback .comment-body:lang(zh-CN), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-CN),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-CN), .comment-form .comment-notes:lang(zh-CN),
.comment-form label:lang(zh-CN), .widget_archive ul li:lang(zh-CN),
.widget_categories ul li:lang(zh-CN),
.widget_meta ul li:lang(zh-CN),
.widget_nav_menu ul li:lang(zh-CN),
.widget_pages ul li:lang(zh-CN),
.widget_recent_comments ul li:lang(zh-CN),
.widget_recent_entries ul li:lang(zh-CN),
.widget_rss ul li:lang(zh-CN), .widget_tag_cloud .tagcloud:lang(zh-CN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-CN), .entry .entry-content .wp-block-archives li:lang(zh-CN),
.entry .entry-content .wp-block-categories li:lang(zh-CN),
.entry .entry-content .wp-block-latest-posts li:lang(zh-CN), .entry .entry-content .wp-block-verse:lang(zh-CN), .entry .entry-content .has-drop-cap:lang(zh-CN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-CN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image h2:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover h2:lang(zh-CN), .entry .entry-content .wp-block-audio figcaption:lang(zh-CN),
.entry .entry-content .wp-block-video figcaption:lang(zh-CN),
.entry .entry-content .wp-block-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-CN), .entry .entry-content .wp-block-file:lang(zh-CN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-CN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-CN), .wp-caption-text:lang(zh-CN), .gallery-caption:lang(zh-CN) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(bn-BD), button:lang(bn-BD),
input:lang(bn-BD),
select:lang(bn-BD),
optgroup:lang(bn-BD),
textarea:lang(bn-BD), .author-description .author-link:lang(bn-BD),
.comment-metadata:lang(bn-BD),
.comment-reply-link:lang(bn-BD),
.comments-title:lang(bn-BD),
.comment-author .fn:lang(bn-BD),
.discussion-meta-info:lang(bn-BD),
.entry-meta:lang(bn-BD),
.entry-footer:lang(bn-BD),
.main-navigation:lang(bn-BD),
.no-comments:lang(bn-BD),
.not-found .page-title:lang(bn-BD),
.error-404 .page-title:lang(bn-BD),
.post-navigation .post-title:lang(bn-BD),
.page-links:lang(bn-BD),
.page-description:lang(bn-BD),
.pagination .nav-links:lang(bn-BD),
.sticky-post:lang(bn-BD),
.site-title:lang(bn-BD),
.site-info:lang(bn-BD),
#cancel-comment-reply-link:lang(bn-BD),
h1:lang(bn-BD),
h2:lang(bn-BD),
h3:lang(bn-BD),
h4:lang(bn-BD),
h5:lang(bn-BD),
h6:lang(bn-BD), .page-title:lang(bn-BD), blockquote cite:lang(bn-BD), table:lang(bn-BD), .button:lang(bn-BD),
input:lang(bn-BD)[type="button"],
input:lang(bn-BD)[type="reset"],
input:lang(bn-BD)[type="submit"], .comment-navigation .nav-previous:lang(bn-BD),
.comment-navigation .nav-next:lang(bn-BD), .comment-list .pingback .comment-body:lang(bn-BD),
.comment-list .trackback .comment-body:lang(bn-BD), .comment-list .pingback .comment-body .comment-edit-link:lang(bn-BD),
.comment-list .trackback .comment-body .comment-edit-link:lang(bn-BD), .comment-form .comment-notes:lang(bn-BD),
.comment-form label:lang(bn-BD), .widget_archive ul li:lang(bn-BD),
.widget_categories ul li:lang(bn-BD),
.widget_meta ul li:lang(bn-BD),
.widget_nav_menu ul li:lang(bn-BD),
.widget_pages ul li:lang(bn-BD),
.widget_recent_comments ul li:lang(bn-BD),
.widget_recent_entries ul li:lang(bn-BD),
.widget_rss ul li:lang(bn-BD), .widget_tag_cloud .tagcloud:lang(bn-BD), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bn-BD), .entry .entry-content .wp-block-archives li:lang(bn-BD),
.entry .entry-content .wp-block-categories li:lang(bn-BD),
.entry .entry-content .wp-block-latest-posts li:lang(bn-BD), .entry .entry-content .wp-block-verse:lang(bn-BD), .entry .entry-content .has-drop-cap:lang(bn-BD):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bn-BD), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image h2:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover h2:lang(bn-BD), .entry .entry-content .wp-block-audio figcaption:lang(bn-BD),
.entry .entry-content .wp-block-video figcaption:lang(bn-BD),
.entry .entry-content .wp-block-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bn-BD), .entry .entry-content .wp-block-file:lang(bn-BD), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bn-BD), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bn-BD), .wp-caption-text:lang(bn-BD), .gallery-caption:lang(bn-BD) {
font-family: Arial, sans-serif;
}
body:lang(hi-IN), button:lang(hi-IN),
input:lang(hi-IN),
select:lang(hi-IN),
optgroup:lang(hi-IN),
textarea:lang(hi-IN), .author-description .author-link:lang(hi-IN),
.comment-metadata:lang(hi-IN),
.comment-reply-link:lang(hi-IN),
.comments-title:lang(hi-IN),
.comment-author .fn:lang(hi-IN),
.discussion-meta-info:lang(hi-IN),
.entry-meta:lang(hi-IN),
.entry-footer:lang(hi-IN),
.main-navigation:lang(hi-IN),
.no-comments:lang(hi-IN),
.not-found .page-title:lang(hi-IN),
.error-404 .page-title:lang(hi-IN),
.post-navigation .post-title:lang(hi-IN),
.page-links:lang(hi-IN),
.page-description:lang(hi-IN),
.pagination .nav-links:lang(hi-IN),
.sticky-post:lang(hi-IN),
.site-title:lang(hi-IN),
.site-info:lang(hi-IN),
#cancel-comment-reply-link:lang(hi-IN),
h1:lang(hi-IN),
h2:lang(hi-IN),
h3:lang(hi-IN),
h4:lang(hi-IN),
h5:lang(hi-IN),
h6:lang(hi-IN), .page-title:lang(hi-IN), blockquote cite:lang(hi-IN), table:lang(hi-IN), .button:lang(hi-IN),
input:lang(hi-IN)[type="button"],
input:lang(hi-IN)[type="reset"],
input:lang(hi-IN)[type="submit"], .comment-navigation .nav-previous:lang(hi-IN),
.comment-navigation .nav-next:lang(hi-IN), .comment-list .pingback .comment-body:lang(hi-IN),
.comment-list .trackback .comment-body:lang(hi-IN), .comment-list .pingback .comment-body .comment-edit-link:lang(hi-IN),
.comment-list .trackback .comment-body .comment-edit-link:lang(hi-IN), .comment-form .comment-notes:lang(hi-IN),
.comment-form label:lang(hi-IN), .widget_archive ul li:lang(hi-IN),
.widget_categories ul li:lang(hi-IN),
.widget_meta ul li:lang(hi-IN),
.widget_nav_menu ul li:lang(hi-IN),
.widget_pages ul li:lang(hi-IN),
.widget_recent_comments ul li:lang(hi-IN),
.widget_recent_entries ul li:lang(hi-IN),
.widget_rss ul li:lang(hi-IN), .widget_tag_cloud .tagcloud:lang(hi-IN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(hi-IN), .entry .entry-content .wp-block-archives li:lang(hi-IN),
.entry .entry-content .wp-block-categories li:lang(hi-IN),
.entry .entry-content .wp-block-latest-posts li:lang(hi-IN), .entry .entry-content .wp-block-verse:lang(hi-IN), .entry .entry-content .has-drop-cap:lang(hi-IN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(hi-IN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image h2:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover h2:lang(hi-IN), .entry .entry-content .wp-block-audio figcaption:lang(hi-IN),
.entry .entry-content .wp-block-video figcaption:lang(hi-IN),
.entry .entry-content .wp-block-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(hi-IN), .entry .entry-content .wp-block-file:lang(hi-IN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(hi-IN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(hi-IN), .wp-caption-text:lang(hi-IN), .gallery-caption:lang(hi-IN) {
font-family: Arial, sans-serif;
}
body:lang(mr), button:lang(mr),
input:lang(mr),
select:lang(mr),
optgroup:lang(mr),
textarea:lang(mr), .author-description .author-link:lang(mr),
.comment-metadata:lang(mr),
.comment-reply-link:lang(mr),
.comments-title:lang(mr),
.comment-author .fn:lang(mr),
.discussion-meta-info:lang(mr),
.entry-meta:lang(mr),
.entry-footer:lang(mr),
.main-navigation:lang(mr),
.no-comments:lang(mr),
.not-found .page-title:lang(mr),
.error-404 .page-title:lang(mr),
.post-navigation .post-title:lang(mr),
.page-links:lang(mr),
.page-description:lang(mr),
.pagination .nav-links:lang(mr),
.sticky-post:lang(mr),
.site-title:lang(mr),
.site-info:lang(mr),
#cancel-comment-reply-link:lang(mr),
h1:lang(mr),
h2:lang(mr),
h3:lang(mr),
h4:lang(mr),
h5:lang(mr),
h6:lang(mr), .page-title:lang(mr), blockquote cite:lang(mr), table:lang(mr), .button:lang(mr),
input:lang(mr)[type="button"],
input:lang(mr)[type="reset"],
input:lang(mr)[type="submit"], .comment-navigation .nav-previous:lang(mr),
.comment-navigation .nav-next:lang(mr), .comment-list .pingback .comment-body:lang(mr),
.comment-list .trackback .comment-body:lang(mr), .comment-list .pingback .comment-body .comment-edit-link:lang(mr),
.comment-list .trackback .comment-body .comment-edit-link:lang(mr), .comment-form .comment-notes:lang(mr),
.comment-form label:lang(mr), .widget_archive ul li:lang(mr),
.widget_categories ul li:lang(mr),
.widget_meta ul li:lang(mr),
.widget_nav_menu ul li:lang(mr),
.widget_pages ul li:lang(mr),
.widget_recent_comments ul li:lang(mr),
.widget_recent_entries ul li:lang(mr),
.widget_rss ul li:lang(mr), .widget_tag_cloud .tagcloud:lang(mr), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mr), .entry .entry-content .wp-block-archives li:lang(mr),
.entry .entry-content .wp-block-categories li:lang(mr),
.entry .entry-content .wp-block-latest-posts li:lang(mr), .entry .entry-content .wp-block-verse:lang(mr), .entry .entry-content .has-drop-cap:lang(mr):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mr), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover-image h2:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover h2:lang(mr), .entry .entry-content .wp-block-audio figcaption:lang(mr),
.entry .entry-content .wp-block-video figcaption:lang(mr),
.entry .entry-content .wp-block-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mr), .entry .entry-content .wp-block-file:lang(mr), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mr), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mr), .wp-caption-text:lang(mr), .gallery-caption:lang(mr) {
font-family: Arial, sans-serif;
}
body:lang(ne-NP), button:lang(ne-NP),
input:lang(ne-NP),
select:lang(ne-NP),
optgroup:lang(ne-NP),
textarea:lang(ne-NP), .author-description .author-link:lang(ne-NP),
.comment-metadata:lang(ne-NP),
.comment-reply-link:lang(ne-NP),
.comments-title:lang(ne-NP),
.comment-author .fn:lang(ne-NP),
.discussion-meta-info:lang(ne-NP),
.entry-meta:lang(ne-NP),
.entry-footer:lang(ne-NP),
.main-navigation:lang(ne-NP),
.no-comments:lang(ne-NP),
.not-found .page-title:lang(ne-NP),
.error-404 .page-title:lang(ne-NP),
.post-navigation .post-title:lang(ne-NP),
.page-links:lang(ne-NP),
.page-description:lang(ne-NP),
.pagination .nav-links:lang(ne-NP),
.sticky-post:lang(ne-NP),
.site-title:lang(ne-NP),
.site-info:lang(ne-NP),
#cancel-comment-reply-link:lang(ne-NP),
h1:lang(ne-NP),
h2:lang(ne-NP),
h3:lang(ne-NP),
h4:lang(ne-NP),
h5:lang(ne-NP),
h6:lang(ne-NP), .page-title:lang(ne-NP), blockquote cite:lang(ne-NP), table:lang(ne-NP), .button:lang(ne-NP),
input:lang(ne-NP)[type="button"],
input:lang(ne-NP)[type="reset"],
input:lang(ne-NP)[type="submit"], .comment-navigation .nav-previous:lang(ne-NP),
.comment-navigation .nav-next:lang(ne-NP), .comment-list .pingback .comment-body:lang(ne-NP),
.comment-list .trackback .comment-body:lang(ne-NP), .comment-list .pingback .comment-body .comment-edit-link:lang(ne-NP),
.comment-list .trackback .comment-body .comment-edit-link:lang(ne-NP), .comment-form .comment-notes:lang(ne-NP),
.comment-form label:lang(ne-NP), .widget_archive ul li:lang(ne-NP),
.widget_categories ul li:lang(ne-NP),
.widget_meta ul li:lang(ne-NP),
.widget_nav_menu ul li:lang(ne-NP),
.widget_pages ul li:lang(ne-NP),
.widget_recent_comments ul li:lang(ne-NP),
.widget_recent_entries ul li:lang(ne-NP),
.widget_rss ul li:lang(ne-NP), .widget_tag_cloud .tagcloud:lang(ne-NP), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ne-NP), .entry .entry-content .wp-block-archives li:lang(ne-NP),
.entry .entry-content .wp-block-categories li:lang(ne-NP),
.entry .entry-content .wp-block-latest-posts li:lang(ne-NP), .entry .entry-content .wp-block-verse:lang(ne-NP), .entry .entry-content .has-drop-cap:lang(ne-NP):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ne-NP), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image h2:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover h2:lang(ne-NP), .entry .entry-content .wp-block-audio figcaption:lang(ne-NP),
.entry .entry-content .wp-block-video figcaption:lang(ne-NP),
.entry .entry-content .wp-block-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ne-NP), .entry .entry-content .wp-block-file:lang(ne-NP), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ne-NP), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ne-NP), .wp-caption-text:lang(ne-NP), .gallery-caption:lang(ne-NP) {
font-family: Arial, sans-serif;
}
body:lang(el), button:lang(el),
input:lang(el),
select:lang(el),
optgroup:lang(el),
textarea:lang(el), .author-description .author-link:lang(el),
.comment-metadata:lang(el),
.comment-reply-link:lang(el),
.comments-title:lang(el),
.comment-author .fn:lang(el),
.discussion-meta-info:lang(el),
.entry-meta:lang(el),
.entry-footer:lang(el),
.main-navigation:lang(el),
.no-comments:lang(el),
.not-found .page-title:lang(el),
.error-404 .page-title:lang(el),
.post-navigation .post-title:lang(el),
.page-links:lang(el),
.page-description:lang(el),
.pagination .nav-links:lang(el),
.sticky-post:lang(el),
.site-title:lang(el),
.site-info:lang(el),
#cancel-comment-reply-link:lang(el),
h1:lang(el),
h2:lang(el),
h3:lang(el),
h4:lang(el),
h5:lang(el),
h6:lang(el), .page-title:lang(el), blockquote cite:lang(el), table:lang(el), .button:lang(el),
input:lang(el)[type="button"],
input:lang(el)[type="reset"],
input:lang(el)[type="submit"], .comment-navigation .nav-previous:lang(el),
.comment-navigation .nav-next:lang(el), .comment-list .pingback .comment-body:lang(el),
.comment-list .trackback .comment-body:lang(el), .comment-list .pingback .comment-body .comment-edit-link:lang(el),
.comment-list .trackback .comment-body .comment-edit-link:lang(el), .comment-form .comment-notes:lang(el),
.comment-form label:lang(el), .widget_archive ul li:lang(el),
.widget_categories ul li:lang(el),
.widget_meta ul li:lang(el),
.widget_nav_menu ul li:lang(el),
.widget_pages ul li:lang(el),
.widget_recent_comments ul li:lang(el),
.widget_recent_entries ul li:lang(el),
.widget_rss ul li:lang(el), .widget_tag_cloud .tagcloud:lang(el), .entry .entry-content .wp-block-button .wp-block-button__link:lang(el), .entry .entry-content .wp-block-archives li:lang(el),
.entry .entry-content .wp-block-categories li:lang(el),
.entry .entry-content .wp-block-latest-posts li:lang(el), .entry .entry-content .wp-block-verse:lang(el), .entry .entry-content .has-drop-cap:lang(el):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(el), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover-image h2:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover h2:lang(el), .entry .entry-content .wp-block-audio figcaption:lang(el),
.entry .entry-content .wp-block-video figcaption:lang(el),
.entry .entry-content .wp-block-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(el), .entry .entry-content .wp-block-file:lang(el), .entry .entry-content .wp-block-file .wp-block-file__button:lang(el), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(el), .wp-caption-text:lang(el), .gallery-caption:lang(el) {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body:lang(gu), button:lang(gu),
input:lang(gu),
select:lang(gu),
optgroup:lang(gu),
textarea:lang(gu), .author-description .author-link:lang(gu),
.comment-metadata:lang(gu),
.comment-reply-link:lang(gu),
.comments-title:lang(gu),
.comment-author .fn:lang(gu),
.discussion-meta-info:lang(gu),
.entry-meta:lang(gu),
.entry-footer:lang(gu),
.main-navigation:lang(gu),
.no-comments:lang(gu),
.not-found .page-title:lang(gu),
.error-404 .page-title:lang(gu),
.post-navigation .post-title:lang(gu),
.page-links:lang(gu),
.page-description:lang(gu),
.pagination .nav-links:lang(gu),
.sticky-post:lang(gu),
.site-title:lang(gu),
.site-info:lang(gu),
#cancel-comment-reply-link:lang(gu),
h1:lang(gu),
h2:lang(gu),
h3:lang(gu),
h4:lang(gu),
h5:lang(gu),
h6:lang(gu), .page-title:lang(gu), blockquote cite:lang(gu), table:lang(gu), .button:lang(gu),
input:lang(gu)[type="button"],
input:lang(gu)[type="reset"],
input:lang(gu)[type="submit"], .comment-navigation .nav-previous:lang(gu),
.comment-navigation .nav-next:lang(gu), .comment-list .pingback .comment-body:lang(gu),
.comment-list .trackback .comment-body:lang(gu), .comment-list .pingback .comment-body .comment-edit-link:lang(gu),
.comment-list .trackback .comment-body .comment-edit-link:lang(gu), .comment-form .comment-notes:lang(gu),
.comment-form label:lang(gu), .widget_archive ul li:lang(gu),
.widget_categories ul li:lang(gu),
.widget_meta ul li:lang(gu),
.widget_nav_menu ul li:lang(gu),
.widget_pages ul li:lang(gu),
.widget_recent_comments ul li:lang(gu),
.widget_recent_entries ul li:lang(gu),
.widget_rss ul li:lang(gu), .widget_tag_cloud .tagcloud:lang(gu), .entry .entry-content .wp-block-button .wp-block-button__link:lang(gu), .entry .entry-content .wp-block-archives li:lang(gu),
.entry .entry-content .wp-block-categories li:lang(gu),
.entry .entry-content .wp-block-latest-posts li:lang(gu), .entry .entry-content .wp-block-verse:lang(gu), .entry .entry-content .has-drop-cap:lang(gu):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(gu), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover-image h2:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover h2:lang(gu), .entry .entry-content .wp-block-audio figcaption:lang(gu),
.entry .entry-content .wp-block-video figcaption:lang(gu),
.entry .entry-content .wp-block-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(gu), .entry .entry-content .wp-block-file:lang(gu), .entry .entry-content .wp-block-file .wp-block-file__button:lang(gu), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(gu), .wp-caption-text:lang(gu), .gallery-caption:lang(gu) {
font-family: Arial, sans-serif;
}
body:lang(he-IL), button:lang(he-IL),
input:lang(he-IL),
select:lang(he-IL),
optgroup:lang(he-IL),
textarea:lang(he-IL), .author-description .author-link:lang(he-IL),
.comment-metadata:lang(he-IL),
.comment-reply-link:lang(he-IL),
.comments-title:lang(he-IL),
.comment-author .fn:lang(he-IL),
.discussion-meta-info:lang(he-IL),
.entry-meta:lang(he-IL),
.entry-footer:lang(he-IL),
.main-navigation:lang(he-IL),
.no-comments:lang(he-IL),
.not-found .page-title:lang(he-IL),
.error-404 .page-title:lang(he-IL),
.post-navigation .post-title:lang(he-IL),
.page-links:lang(he-IL),
.page-description:lang(he-IL),
.pagination .nav-links:lang(he-IL),
.sticky-post:lang(he-IL),
.site-title:lang(he-IL),
.site-info:lang(he-IL),
#cancel-comment-reply-link:lang(he-IL),
h1:lang(he-IL),
h2:lang(he-IL),
h3:lang(he-IL),
h4:lang(he-IL),
h5:lang(he-IL),
h6:lang(he-IL), .page-title:lang(he-IL), blockquote cite:lang(he-IL), table:lang(he-IL), .button:lang(he-IL),
input:lang(he-IL)[type="button"],
input:lang(he-IL)[type="reset"],
input:lang(he-IL)[type="submit"], .comment-navigation .nav-previous:lang(he-IL),
.comment-navigation .nav-next:lang(he-IL), .comment-list .pingback .comment-body:lang(he-IL),
.comment-list .trackback .comment-body:lang(he-IL), .comment-list .pingback .comment-body .comment-edit-link:lang(he-IL),
.comment-list .trackback .comment-body .comment-edit-link:lang(he-IL), .comment-form .comment-notes:lang(he-IL),
.comment-form label:lang(he-IL), .widget_archive ul li:lang(he-IL),
.widget_categories ul li:lang(he-IL),
.widget_meta ul li:lang(he-IL),
.widget_nav_menu ul li:lang(he-IL),
.widget_pages ul li:lang(he-IL),
.widget_recent_comments ul li:lang(he-IL),
.widget_recent_entries ul li:lang(he-IL),
.widget_rss ul li:lang(he-IL), .widget_tag_cloud .tagcloud:lang(he-IL), .entry .entry-content .wp-block-button .wp-block-button__link:lang(he-IL), .entry .entry-content .wp-block-archives li:lang(he-IL),
.entry .entry-content .wp-block-categories li:lang(he-IL),
.entry .entry-content .wp-block-latest-posts li:lang(he-IL), .entry .entry-content .wp-block-verse:lang(he-IL), .entry .entry-content .has-drop-cap:lang(he-IL):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(he-IL), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image h2:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover h2:lang(he-IL), .entry .entry-content .wp-block-audio figcaption:lang(he-IL),
.entry .entry-content .wp-block-video figcaption:lang(he-IL),
.entry .entry-content .wp-block-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(he-IL), .entry .entry-content .wp-block-file:lang(he-IL), .entry .entry-content .wp-block-file .wp-block-file__button:lang(he-IL), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(he-IL), .wp-caption-text:lang(he-IL), .gallery-caption:lang(he-IL) {
font-family: "Arial Hebrew", Arial, sans-serif;
}
body:lang(ja), button:lang(ja),
input:lang(ja),
select:lang(ja),
optgroup:lang(ja),
textarea:lang(ja), .author-description .author-link:lang(ja),
.comment-metadata:lang(ja),
.comment-reply-link:lang(ja),
.comments-title:lang(ja),
.comment-author .fn:lang(ja),
.discussion-meta-info:lang(ja),
.entry-meta:lang(ja),
.entry-footer:lang(ja),
.main-navigation:lang(ja),
.no-comments:lang(ja),
.not-found .page-title:lang(ja),
.error-404 .page-title:lang(ja),
.post-navigation .post-title:lang(ja),
.page-links:lang(ja),
.page-description:lang(ja),
.pagination .nav-links:lang(ja),
.sticky-post:lang(ja),
.site-title:lang(ja),
.site-info:lang(ja),
#cancel-comment-reply-link:lang(ja),
h1:lang(ja),
h2:lang(ja),
h3:lang(ja),
h4:lang(ja),
h5:lang(ja),
h6:lang(ja), .page-title:lang(ja), blockquote cite:lang(ja), table:lang(ja), .button:lang(ja),
input:lang(ja)[type="button"],
input:lang(ja)[type="reset"],
input:lang(ja)[type="submit"], .comment-navigation .nav-previous:lang(ja),
.comment-navigation .nav-next:lang(ja), .comment-list .pingback .comment-body:lang(ja),
.comment-list .trackback .comment-body:lang(ja), .comment-list .pingback .comment-body .comment-edit-link:lang(ja),
.comment-list .trackback .comment-body .comment-edit-link:lang(ja), .comment-form .comment-notes:lang(ja),
.comment-form label:lang(ja), .widget_archive ul li:lang(ja),
.widget_categories ul li:lang(ja),
.widget_meta ul li:lang(ja),
.widget_nav_menu ul li:lang(ja),
.widget_pages ul li:lang(ja),
.widget_recent_comments ul li:lang(ja),
.widget_recent_entries ul li:lang(ja),
.widget_rss ul li:lang(ja), .widget_tag_cloud .tagcloud:lang(ja), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ja), .entry .entry-content .wp-block-archives li:lang(ja),
.entry .entry-content .wp-block-categories li:lang(ja),
.entry .entry-content .wp-block-latest-posts li:lang(ja), .entry .entry-content .wp-block-verse:lang(ja), .entry .entry-content .has-drop-cap:lang(ja):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ja), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover-image h2:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover h2:lang(ja), .entry .entry-content .wp-block-audio figcaption:lang(ja),
.entry .entry-content .wp-block-video figcaption:lang(ja),
.entry .entry-content .wp-block-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ja), .entry .entry-content .wp-block-file:lang(ja), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ja), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ja), .wp-caption-text:lang(ja), .gallery-caption:lang(ja) {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
}
body:lang(ko-KR), button:lang(ko-KR),
input:lang(ko-KR),
select:lang(ko-KR),
optgroup:lang(ko-KR),
textarea:lang(ko-KR), .author-description .author-link:lang(ko-KR),
.comment-metadata:lang(ko-KR),
.comment-reply-link:lang(ko-KR),
.comments-title:lang(ko-KR),
.comment-author .fn:lang(ko-KR),
.discussion-meta-info:lang(ko-KR),
.entry-meta:lang(ko-KR),
.entry-footer:lang(ko-KR),
.main-navigation:lang(ko-KR),
.no-comments:lang(ko-KR),
.not-found .page-title:lang(ko-KR),
.error-404 .page-title:lang(ko-KR),
.post-navigation .post-title:lang(ko-KR),
.page-links:lang(ko-KR),
.page-description:lang(ko-KR),
.pagination .nav-links:lang(ko-KR),
.sticky-post:lang(ko-KR),
.site-title:lang(ko-KR),
.site-info:lang(ko-KR),
#cancel-comment-reply-link:lang(ko-KR),
h1:lang(ko-KR),
h2:lang(ko-KR),
h3:lang(ko-KR),
h4:lang(ko-KR),
h5:lang(ko-KR),
h6:lang(ko-KR), .page-title:lang(ko-KR), blockquote cite:lang(ko-KR), table:lang(ko-KR), .button:lang(ko-KR),
input:lang(ko-KR)[type="button"],
input:lang(ko-KR)[type="reset"],
input:lang(ko-KR)[type="submit"], .comment-navigation .nav-previous:lang(ko-KR),
.comment-navigation .nav-next:lang(ko-KR), .comment-list .pingback .comment-body:lang(ko-KR),
.comment-list .trackback .comment-body:lang(ko-KR), .comment-list .pingback .comment-body .comment-edit-link:lang(ko-KR),
.comment-list .trackback .comment-body .comment-edit-link:lang(ko-KR), .comment-form .comment-notes:lang(ko-KR),
.comment-form label:lang(ko-KR), .widget_archive ul li:lang(ko-KR),
.widget_categories ul li:lang(ko-KR),
.widget_meta ul li:lang(ko-KR),
.widget_nav_menu ul li:lang(ko-KR),
.widget_pages ul li:lang(ko-KR),
.widget_recent_comments ul li:lang(ko-KR),
.widget_recent_entries ul li:lang(ko-KR),
.widget_rss ul li:lang(ko-KR), .widget_tag_cloud .tagcloud:lang(ko-KR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ko-KR), .entry .entry-content .wp-block-archives li:lang(ko-KR),
.entry .entry-content .wp-block-categories li:lang(ko-KR),
.entry .entry-content .wp-block-latest-posts li:lang(ko-KR), .entry .entry-content .wp-block-verse:lang(ko-KR), .entry .entry-content .has-drop-cap:lang(ko-KR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ko-KR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image h2:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover h2:lang(ko-KR), .entry .entry-content .wp-block-audio figcaption:lang(ko-KR),
.entry .entry-content .wp-block-video figcaption:lang(ko-KR),
.entry .entry-content .wp-block-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ko-KR), .entry .entry-content .wp-block-file:lang(ko-KR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ko-KR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ko-KR), .wp-caption-text:lang(ko-KR), .gallery-caption:lang(ko-KR) {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
body:lang(th), button:lang(th),
input:lang(th),
select:lang(th),
optgroup:lang(th),
textarea:lang(th), .author-description .author-link:lang(th),
.comment-metadata:lang(th),
.comment-reply-link:lang(th),
.comments-title:lang(th),
.comment-author .fn:lang(th),
.discussion-meta-info:lang(th),
.entry-meta:lang(th),
.entry-footer:lang(th),
.main-navigation:lang(th),
.no-comments:lang(th),
.not-found .page-title:lang(th),
.error-404 .page-title:lang(th),
.post-navigation .post-title:lang(th),
.page-links:lang(th),
.page-description:lang(th),
.pagination .nav-links:lang(th),
.sticky-post:lang(th),
.site-title:lang(th),
.site-info:lang(th),
#cancel-comment-reply-link:lang(th),
h1:lang(th),
h2:lang(th),
h3:lang(th),
h4:lang(th),
h5:lang(th),
h6:lang(th), .page-title:lang(th), blockquote cite:lang(th), table:lang(th), .button:lang(th),
input:lang(th)[type="button"],
input:lang(th)[type="reset"],
input:lang(th)[type="submit"], .comment-navigation .nav-previous:lang(th),
.comment-navigation .nav-next:lang(th), .comment-list .pingback .comment-body:lang(th),
.comment-list .trackback .comment-body:lang(th), .comment-list .pingback .comment-body .comment-edit-link:lang(th),
.comment-list .trackback .comment-body .comment-edit-link:lang(th), .comment-form .comment-notes:lang(th),
.comment-form label:lang(th), .widget_archive ul li:lang(th),
.widget_categories ul li:lang(th),
.widget_meta ul li:lang(th),
.widget_nav_menu ul li:lang(th),
.widget_pages ul li:lang(th),
.widget_recent_comments ul li:lang(th),
.widget_recent_entries ul li:lang(th),
.widget_rss ul li:lang(th), .widget_tag_cloud .tagcloud:lang(th), .entry .entry-content .wp-block-button .wp-block-button__link:lang(th), .entry .entry-content .wp-block-archives li:lang(th),
.entry .entry-content .wp-block-categories li:lang(th),
.entry .entry-content .wp-block-latest-posts li:lang(th), .entry .entry-content .wp-block-verse:lang(th), .entry .entry-content .has-drop-cap:lang(th):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(th), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover-image h2:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover h2:lang(th), .entry .entry-content .wp-block-audio figcaption:lang(th),
.entry .entry-content .wp-block-video figcaption:lang(th),
.entry .entry-content .wp-block-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(th), .entry .entry-content .wp-block-file:lang(th), .entry .entry-content .wp-block-file .wp-block-file__button:lang(th), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(th), .wp-caption-text:lang(th), .gallery-caption:lang(th) {
font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif;
}
body:lang(vi), button:lang(vi),
input:lang(vi),
select:lang(vi),
optgroup:lang(vi),
textarea:lang(vi), .author-description .author-link:lang(vi),
.comment-metadata:lang(vi),
.comment-reply-link:lang(vi),
.comments-title:lang(vi),
.comment-author .fn:lang(vi),
.discussion-meta-info:lang(vi),
.entry-meta:lang(vi),
.entry-footer:lang(vi),
.main-navigation:lang(vi),
.no-comments:lang(vi),
.not-found .page-title:lang(vi),
.error-404 .page-title:lang(vi),
.post-navigation .post-title:lang(vi),
.page-links:lang(vi),
.page-description:lang(vi),
.pagination .nav-links:lang(vi),
.sticky-post:lang(vi),
.site-title:lang(vi),
.site-info:lang(vi),
#cancel-comment-reply-link:lang(vi),
h1:lang(vi),
h2:lang(vi),
h3:lang(vi),
h4:lang(vi),
h5:lang(vi),
h6:lang(vi), .page-title:lang(vi), blockquote cite:lang(vi), table:lang(vi), .button:lang(vi),
input:lang(vi)[type="button"],
input:lang(vi)[type="reset"],
input:lang(vi)[type="submit"], .comment-navigation .nav-previous:lang(vi),
.comment-navigation .nav-next:lang(vi), .comment-list .pingback .comment-body:lang(vi),
.comment-list .trackback .comment-body:lang(vi), .comment-list .pingback .comment-body .comment-edit-link:lang(vi),
.comment-list .trackback .comment-body .comment-edit-link:lang(vi), .comment-form .comment-notes:lang(vi),
.comment-form label:lang(vi), .widget_archive ul li:lang(vi),
.widget_categories ul li:lang(vi),
.widget_meta ul li:lang(vi),
.widget_nav_menu ul li:lang(vi),
.widget_pages ul li:lang(vi),
.widget_recent_comments ul li:lang(vi),
.widget_recent_entries ul li:lang(vi),
.widget_rss ul li:lang(vi), .widget_tag_cloud .tagcloud:lang(vi), .entry .entry-content .wp-block-button .wp-block-button__link:lang(vi), .entry .entry-content .wp-block-archives li:lang(vi),
.entry .entry-content .wp-block-categories li:lang(vi),
.entry .entry-content .wp-block-latest-posts li:lang(vi), .entry .entry-content .wp-block-verse:lang(vi), .entry .entry-content .has-drop-cap:lang(vi):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(vi), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover-image h2:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover h2:lang(vi), .entry .entry-content .wp-block-audio figcaption:lang(vi),
.entry .entry-content .wp-block-video figcaption:lang(vi),
.entry .entry-content .wp-block-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(vi), .entry .entry-content .wp-block-file:lang(vi), .entry .entry-content .wp-block-file .wp-block-file__button:lang(vi), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(vi), .wp-caption-text:lang(vi), .gallery-caption:lang(vi) {
font-family: "Libre Franklin", sans-serif;
}
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid #0073aa;
margin-left: 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/* Un-style buttons */
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation button {
display: inline-block;
border: none;
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
background: transparent;
color: inherit;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
.main-navigation button:hover, .main-navigation button:focus {
background: transparent;
}
.main-navigation button:focus {
outline: 1px solid transparent;
outline-offset: -4px;
}
.main-navigation button:active {
transform: scale(0.99);
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: left;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: left;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-left: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-left: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-right: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-left: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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;
}
/* Alignments */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
position: relative;
word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .main-navigation .sub-menu a {
opacity: inherit;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-left: calc(10% + 60px);
margin-right: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-right: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-right: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-right: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
right: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
left: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-right: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-right: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
display: inline-block;
margin-left: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: calc(2 * 1rem) 1rem;
word-wrap: break-word;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width: 100%;
word-wrap: break-word;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: 0;
margin-right: 0;
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
padding-bottom: 0.75rem;
}
.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-left: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-width: 2px;
border-color: #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-left: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image {
max-width: 100%;
}
.entry .entry-content .wp-block-image img {
display: block;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
margin: 0;
width: calc(8 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
width: calc(6 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
max-width: calc( 100% + (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
max-width: calc( 125% + 150px);
margin-left: auto;
margin-right: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
.entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 32px;
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color > p,
.entry .entry-content .has-primary-background-color > h1,
.entry .entry-content .has-primary-background-color > h2,
.entry .entry-content .has-primary-background-color > h3,
.entry .entry-content .has-primary-background-color > h4,
.entry .entry-content .has-primary-background-color > h5,
.entry .entry-content .has-primary-background-color > h6,
.entry .entry-content .has-primary-background-color > a,
.entry .entry-content .has-secondary-background-color > p,
.entry .entry-content .has-secondary-background-color > h1,
.entry .entry-content .has-secondary-background-color > h2,
.entry .entry-content .has-secondary-background-color > h3,
.entry .entry-content .has-secondary-background-color > h4,
.entry .entry-content .has-secondary-background-color > h5,
.entry .entry-content .has-secondary-background-color > h6,
.entry .entry-content .has-secondary-background-color > a,
.entry .entry-content .has-dark-gray-background-color > p,
.entry .entry-content .has-dark-gray-background-color > h1,
.entry .entry-content .has-dark-gray-background-color > h2,
.entry .entry-content .has-dark-gray-background-color > h3,
.entry .entry-content .has-dark-gray-background-color > h4,
.entry .entry-content .has-dark-gray-background-color > h5,
.entry .entry-content .has-dark-gray-background-color > h6,
.entry .entry-content .has-dark-gray-background-color > a,
.entry .entry-content .has-light-gray-background-color > p,
.entry .entry-content .has-light-gray-background-color > h1,
.entry .entry-content .has-light-gray-background-color > h2,
.entry .entry-content .has-light-gray-background-color > h3,
.entry .entry-content .has-light-gray-background-color > h4,
.entry .entry-content .has-light-gray-background-color > h5,
.entry .entry-content .has-light-gray-background-color > h6,
.entry .entry-content .has-light-gray-background-color > a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color > p,
.entry .entry-content .has-white-background-color > h1,
.entry .entry-content .has-white-background-color > h2,
.entry .entry-content .has-white-background-color > h3,
.entry .entry-content .has-white-background-color > h4,
.entry .entry-content .has-white-background-color > h5,
.entry .entry-content .has-white-background-color > h6,
.entry .entry-content .has-white-background-color > a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color > p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color > p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color > p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/xbodynamge/crosstraining/wp-content/themes/twentysixteen/style.css 0000604 00000211247 15113404225 0022705 0 ustar 00 /*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
home/xbodynamge/namtation/wp-content/themes/twentyseventeen/style.css 0000604 00000243044 15113443214 0022330 0 ustar 00 /*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
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: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}
h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
h2,
.home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
p {
margin: 0 0 1.5em;
padding: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #eee;
text-decoration: none;
}
big {
font-size: 125%;
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
blockquote:before,
blockquote:after {
content: "";
}
:focus {
outline: none;
}
/* Typography for Arabic Font */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}
/* Typography for Chinese Font */
html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}
html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}
/* Typography for Cyrillic Font */
html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}
/* Typography for Devanagari Font */
html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}
/* Typography for Greek Font */
html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}
/* Typography for Gujarati Font */
html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}
html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}
/* Typography for Hebrew Font */
html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}
html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}
/* Typography for Japanese Font */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}
/* Typography for Korean font */
html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 600;
}
/* Typography for Thai Font */
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Remove letter-spacing for all non-latin alphabets */
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 0 !important;
}
/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #222;
border-color: #333;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
background-color: #222;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}
button:hover:not( .mejs-container > button ),
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #767676;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
margin: 0 0 1.5em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
thead th {
border-bottom: 2px solid #bbb;
padding-bottom: 0.5em;
}
th {
padding: 0.4em;
text-align: left;
}
tr {
border-bottom: 1px solid #eee;
}
td {
padding: 0.4em;
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
color: #222;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
color: #000;
outline: 0;
}
/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
text-decoration: none;
-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
color: #000;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}
/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}
/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
margin-bottom: 1em;
}
.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navigation-top {
background: #fff;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.navigation-top .wrap {
max-width: 1000px;
padding: 0;
}
.navigation-top a {
color: #222;
font-weight: 600;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #767676;
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: #fff;
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
}
/* Hide the menu on small screens when JavaScript is available.
* It only works with JavaScript.
*/
.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.main-navigation a:hover {
color: #767676;
}
/* Menu toggle */
.menu-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: none;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1.5;
margin: 1px auto 2px;
padding: 1em;
text-shadow: none;
}
/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
display: block;
}
.main-navigation.toggled-on ul.nav-menu {
display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu-toggle:focus {
outline: thin solid;
}
.menu-toggle .icon {
margin-right: 0.5em;
top: -2px;
}
.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
display: none;
}
.toggled-on .menu-toggle .icon-close {
display: inline-block;
}
/* Dropdown Toggle */
.dropdown-toggle {
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
display: block;
font-size: 16px;
right: -0.5em;
line-height: 1.5;
margin: 0 auto;
padding: 0.5em;
position: absolute;
text-shadow: none;
top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background: transparent;
}
.dropdown-toggle:focus {
outline: thin dotted;
}
.dropdown-toggle.toggled-on .icon {
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: none;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
#page {
position: relative;
word-wrap: break-word;
}
.wrap {
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding-left: 2em;
padding-right: 2em;
}
.wrap:after {
clear: both;
content: "";
display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#masthead .wrap {
position: relative;
}
.site-header {
background-color: #fafafa;
position: relative;
}
/* Site branding */
.site-branding {
padding: 1em 0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}
.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.site-branding a:hover,
.site-branding a:focus {
opacity: 0.7;
}
.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.site-title,
.site-title a {
color: #222;
opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}
.site-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 0;
}
body.has-header-image .site-description,
body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
}
.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}
.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 0.9;
}
body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.custom-header {
position: relative;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 300px;
height: 75vh;
width: 100%;
}
.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.custom-header-media:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px; /* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}
.admin-bar .wp-custom-header-video-button {
top: 62px;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}
/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: bottom;
}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.twentyseventeen-front-page .site-content {
padding: 0;
}
.twentyseventeen-panel {
overflow: hidden;
position: relative;
}
.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}
.panel-content {
position: relative;
}
.panel-content .wrap {
padding-bottom: 0.5em;
padding-top: 1.75em;
}
/* Panel edit link */
.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}
.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
/* Front Page - Recent Posts */
.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}
.recent-posts .entry-header {
margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
background-color: #fff;
position: relative;
}
.site-content {
padding: 2.5em 0 0;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
position: relative;
}
.post:not(.sticky) .icon-thumb-tack {
display: none;
}
.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #222;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.entry-header .entry-title {
margin-bottom: 0.25em;
}
.entry-title a {
color: #333;
text-decoration: none;
margin-left: -2px;
}
.entry-title:not(:first-child) {
padding-top: 0;
}
.entry-meta {
color: #767676;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-bottom: 0.25em;
text-transform: uppercase;
}
.entry-meta a {
color: #767676;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.pagination,
.comments-pagination {
border-top: 1px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}
.comments-pagination {
border: 0;
}
.page-numbers {
display: none;
padding: 0.5em 0.75em;
}
.page-numbers.current {
color: #767676;
display: inline-block;
}
.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
position: relative !important;
width: auto;
}
.prev.page-numbers,
.next.page-numbers {
background-color: #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
float: left;
}
.next.page-numbers {
float: right;
}
/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}
/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 2em;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding: 1em 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}
.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}
/* More tag */
.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}
/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
.single-featured-image-header {
background-color: #fafafa;
border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
display: block;
margin: auto;
}
.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
padding: 2em 0 3em;
}
.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}
.page-links a {
display: inline-block;
}
.page-links a .page-number {
color: #222;
}
/* Entry footer */
.entry-footer {
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-top: 2em;
padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
display: block;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 800;
letter-spacing: 0.1818em;
padding-left: 2.5em;
position: relative;
text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}
.entry-footer .edit-link {
display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}
/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
overflow: visible;
position: relative;
}
.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}
/* Post Navigation */
.post-navigation {
font-weight: 800;
margin: 3em 0;
}
.post-navigation .nav-links {
padding: 1em 0;
}
.nav-subtitle {
background: transparent;
color: #767676;
display: block;
font-size: 11px;
font-size: 0.6875rem;
letter-spacing: 0.1818em;
margin-bottom: 1em;
text-transform: uppercase;
}
.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
.page-header {
padding-bottom: 2em;
}
.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}
.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page:not(.home) #content {
padding-bottom: 1.5em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 4em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}
/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
border-top: 1px solid #eee;
}
.site-footer .wrap {
padding-bottom: 1.5em;
padding-top: 2em;
}
/* Footer widgets */
.site-footer .widget-area {
padding-bottom: 2em;
padding-top: 2em;
}
/* Social nav */
.social-navigation {
font-size: 16px;
font-size: 1rem;
margin-bottom: 1em;
}
.social-navigation ul {
list-style: none;
margin-bottom: 0;
margin-left: 0;
}
.social-navigation li {
display: inline;
}
.social-navigation a {
background-color: #767676;
-webkit-border-radius: 40px;
border-radius: 40px;
color: #fff;
display: inline-block;
height: 40px;
margin: 0 1em 0.5em 0;
text-align: center;
width: 40px;
}
.social-navigation a:hover,
.social-navigation a:focus {
background-color: #333;
}
.social-navigation .icon {
height: 16px;
top: 12px;
width: 16px;
vertical-align: top;
}
/* Site info */
.site-info {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 1em;
}
.site-info a {
color: #666;
}
.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}
.site-info span[role=separator] {
padding: 0 0.2em 0 0.4em;
}
.site-info span[role=separator]::before {
content: '\002f';
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
clear: both;
padding: 2em 0 0.5em;
}
.comments-title {
font-size: 20px;
font-size: 1.25rem;
margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li:before {
display: none;
}
.comment-body {
margin-left: 65px;
}
.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.5em;
}
.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #767676;
}
.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}
.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}
.comment-reply-link {
font-weight: 800;
position: relative;
}
.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}
.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
text-align: right;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
}
/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
padding: 1em 0 2em;
}
.widget {
padding-bottom: 3em;
}
h2.widget-title {
color: #222;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.1818em;
margin-bottom: 1.5em;
text-transform: uppercase;
}
.widget-title a {
color: inherit;
}
/* widget forms */
.widget select {
width: 100%;
}
/* widget lists */
.widget ul {
list-style: none;
margin: 0;
}
.widget ul li,
.widget ol li {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.5em 0;
}
.widget:not(.widget_tag_cloud) ul li + li {
margin-top: -1px;
}
.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}
.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}
/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}
/* Widget markup */
.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}
/* Text widget */
.widget_text {
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1.5em;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}
.widget_rss ul li {
padding: 2.125em 0;
}
.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 800;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: uppercase;
}
.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}
.widget_rss .rssSummary {
margin-bottom: 0.5em;
}
/* Contact Info Widget */
.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}
/* Gravatar */
.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}
/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
display: block;
}
/* Search */
.search-form {
position: relative;
}
.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
}
.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
float: left;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
padding: 4px 10px 5px;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tfoot td {
border: 0;
}
/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
float: none;
margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
margin-bottom: 0;
}
.wp-caption,
.gallery-caption {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
/* Media Elements */
.mejs-container {
margin-bottom: 1.5em;
}
/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}
/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}
/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}
/* Playlist Style Overrides */
.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}
.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.site-content .wp-playlist-item-length {
top: 5px;
}
/* SVG Icons base styles */
.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative; /* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}
/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2; /* Prevent :after from preventing interactions within the section */
}
/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: uppercase;
text-align: center;
}
/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}
.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}
/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
top: 30px;
left: 30px;
}
/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}
/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
.svg-fallback {
display: none;
}
.no-svg .svg-fallback {
display: inline-block;
}
.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 1;
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);
}
.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
-ms-transform: rotate(0); /* IE 9 */
transform: rotate(0);
}
.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}
/* Social Menu fallbacks */
.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}
/* Show screen reader text in some cases */
.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
height: auto;
position: relative !important; /* overrides previous !important styles */
width: auto;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}
}
@media screen and (min-width: 30em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.125rem;
}
h1 {
font-size: 30px;
font-size: 1.875rem;
}
h2,
.home.blog .entry-title,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
h3 {
font-size: 22px;
font-size: 1.375rem;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
}
h5 {
font-size: 13px;
font-size: 0.8125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}
img.alignright {
float: right;
margin-left: 1.5em;
}
/* Site Branding */
.site-branding {
padding: 3em 0;
}
/* Front Page */
.panel-content .wrap {
padding-bottom: 2em;
padding-top: 3.5em;
}
.page-one-column .panel-content .wrap {
max-width: 740px;
}
.panel-content .entry-header {
margin-bottom: 4.5em;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}
/* Blog Index, Archive, Search */
.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}
.page-numbers.current {
font-size: 16px;
font-size: 1rem;
}
/* Site Footer */
.site-footer {
font-size: 16px;
font-size: 1rem;
}
/* Gallery Columns */
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.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%;
}
}
@media screen and (min-width: 48em) {
/* Typography */
body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}
/* Layout */
.wrap {
max-width: 1000px;
padding-left: 3em;
padding-right: 3em;
}
.has-sidebar:not(.error404) #primary {
float: left;
width: 58%;
}
.has-sidebar #secondary {
float: right;
padding-top: 0;
width: 36%;
}
.error404 #primary {
float: none;
}
/* Site Branding */
.site-branding {
margin-bottom: 0;
}
.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0;
position: absolute;
width: 100%;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}
.custom-header-media {
height: 165px;
position: relative;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.custom-logo-link {
padding-right: 2em;
}
.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
/* Navigation */
.navigation-top {
bottom: 0;
font-size: 14px;
font-size: 0.875rem;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top .wrap {
max-width: 1000px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 3.4166666666667em;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 7;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}
/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
}
.main-navigation a {
padding: 1em 1.25em;
}
.main-navigation ul ul {
background: #fff;
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
background: #767676;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: 0.5em;
right: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
display: block;
padding: 1em;
position: absolute;
right: 0;
}
.site-header .menu-scroll-down .icon {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg);
}
.site-header .menu-scroll-down {
color: #fff;
top: 2em;
}
.site-header .navigation-top .menu-scroll-down {
color: #767676;
top: 0.7em;
}
.menu-scroll-down:focus {
outline: thin dotted;
}
.menu-scroll-down .icon {
height: 18px;
width: 18px;
}
/* Front Page */
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100vh;
max-height: 100%;
overflow: hidden;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}
.panel-content .wrap {
padding-bottom: 4.5em;
padding-top: 6em;
}
.panel-image {
height: 100vh;
max-height: 1200px;
}
/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}
.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}
.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}
/* Front Page - Recent Posts */
.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}
.panel-content .recent-posts article {
margin-bottom: 4em;
}
.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}
.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
/* Posts */
.site-content {
padding: 5.5em 0 0;
}
.single-post .entry-title,
.page .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.comments-pagination,
.post-navigation {
clear: both;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}
/* Blog, archive, search */
.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 36%;
}
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
float: right;
width: 58%;
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 4em;
}
.navigation.pagination {
clear: both;
float: right;
width: 58%;
}
.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}
.entry-footer {
display: table;
width: 100%;
}
.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}
.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}
/* Entry content */
/* without sidebar */
:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}
:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}
/* with sidebar */
.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}
.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}
.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}
/* blog and archive */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}
/* Post formats */
.format-quote blockquote .icon {
left: -1.5em;
}
/* Pages */
.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}
.page:not(.home) #content {
padding-bottom: 3.25em;
}
/* 404 page */
.error404 .page-content {
padding-bottom: 9em;
}
/* Comments */
#comments {
padding-top: 5em;
}
.comments-title {
margin-bottom: 2.5em;
}
ol.children .children {
padding-left: 2em;
}
/* Posts pagination */
.nav-links .nav-title {
position: relative;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}
/* Secondary */
#secondary {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
/* Widgets */
h2.widget-title {
font-size: 11px;
font-size: 0.6875rem;
margin-bottom: 2em;
}
/* Footer */
.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 3em;
}
.site-footer .widget-column.footer-widget-1 {
float: left;
width: 36%;
}
.site-footer .widget-column.footer-widget-2 {
float: right;
width: 58%;
}
.social-navigation {
clear: left;
float: left;
margin-bottom: 0;
width: 36%;
}
.site-info {
float: left;
padding: 0.7em 0 0;
width: 58%;
}
.social-navigation + .site-info {
margin-left: 6%;
}
.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}
/* Gallery Columns */
.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%;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
/* Navigation */
.navigation-top .wrap {
padding: 0.75em 2em;
}
.navigation-top nav {
margin-left: 0;
}
/* Sticky posts */
.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}
/* Pagination */
.page-numbers {
display: inline-block;
}
.page-numbers.current {
font-size: 15px;
font-size: 0.9375rem;
}
.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Comments */
.comment-body {
margin-left: 0;
}
}
@media screen and ( min-width: 79em ) {
.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}
.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}
/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/
@media print {
/* Hide elements */
form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}
.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}
/* Font sizes */
body {
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}
/* Layout */
.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}
/* Site Branding */
.site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; /* override styles added by JavaScript */
}
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
}
/* Posts */
.single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
}
/* Colors */
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important; /* Make sure color schemes don't affect to print */
}
h2,
h5,
blockquote,
.site-description,
.twentyseventeen-front-page.has-header-image .site-description,
.twentyseventeen-front-page.has-header-video .site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; /* Make sure color schemes don't affect to print */
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
home/xbodynamge/crosstraining/wp-content/themes/zerif-lite/style.css 0000604 00000424400 15113451773 0022034 0 ustar 00 /*
Theme Name: Zerif Lite
Theme URI: https://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.5.48
License: GNU General Public License version 3
License URI: license.txt
WordPress Available: yes
Requires License: no
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body {
overflow-x: hidden;
color: #808080;
font-family: "Lato", Helvetica, sans-serif !important;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Other fixes*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
i {
vertical-align: middle;
}
ul,
ol {
padding-left: 0 !important;
}
/* Selection colours (easy to forget) */
::selection {
color: #fff;
background: #fc6d6d;
}
::-moz-selection {
color: #fff;
background: #fc6d6d;
}
a {
color: #e96656;
-webkit-transition: all 700ms;
transition: all 700ms;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color: #cb4332;
}
p {
margin: 0;
}
.full-width {
width: 100%;
margin: auto;
}
/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*::-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-ms-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
.bypostauthor {
display: inherit;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote {
margin: 24px 40px;
font-size: 18px;
font-weight: 300;
font-style: italic;
line-height: 26px;
}
address {
margin: 0 0 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
position: relative;
height: 0;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
clear: both;
margin: 0;
margin-bottom: 10px;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h1,
h2 {
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
line-height: 35px;
}
h1,
h1 span {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
margin-top: 45px;
text-align: center;
}
.button {
display: inline-block;
margin: 10px;
padding: 10px 35px 10px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.custom-button {
display: inline-block !important;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.red-btn {
background: #e96656;
}
.green-btn {
background: #1e9e6b;
}
.blue-btn {
background: #3ab0e2;
}
.yellow-btn {
background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
color: #fff;
background: #1288b9;
}
.red-btn:hover {
color: #fff;
background: #cb4332;
}
.green-btn:hover {
color: #fff;
background: #069059;
}
.yellow-btn:hover {
color: #fff;
background: #d8951e;
}
.btn:hover {
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
max-width: 100%; /* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
figure {
margin: 0;
}
.site-main p {
margin: 0 0 24px;
}
table {
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #ededed;
border-spacing: 0;
border-collapse: collapse;
font-size: 14px;
line-height: 2;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin: 20px 0;
font-size: 16px;
}
th {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
font-weight: bold;
text-transform: uppercase;
}
td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
thead th {
border: none;
}
/*---------------------------------------
** COLORS -----
-----------------------------------------*/
/** BACKGROUNDS **/
.red-bg {
background: #e96656;
}
.green-bg {
background: #34d293;
}
.blue-bg {
background: #3ab0e2;
}
.yellow-bg {
background: #e7ac44;
}
.dark-bg {
background: #404040;
}
.white-bg {
background: #fff;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
color: #e96656;
}
.green-text {
color: #34d293;
}
.blue-text {
color: #3ab0e2;
}
.yellow-text {
color: #f7d861;
}
.dark-text {
color: #404040;
}
.white-text {
color: #fff;
}
/*---------------------------------------
** BORDER BOTTOMS -----
-----------------------------------------*/
.white-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #f5f5f5;
content: "";
}
.dark-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #404040;
content: "";
}
.red-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.green-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #34d293;
content: "";
}
.blue-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #3ab0e2;
content: "";
}
.yellow-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #f7d861;
content: "";
}
/*---------------------------------------
** 4.0 Forms -----
-----------------------------------------*/
button,
input,
select,
textarea {
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #e96656;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-transform: uppercase;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
width: 98%;
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
background: #cb4332;
}
.input-box {
display: inline-block;
width: 274px;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border: 0 !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.textarea-box {
display: inline-block;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border: 0;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
outline: 1 !important;
outline-color: #e96656 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
display: block;
float: left;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display: none;
float: left;
position: absolute;
z-index: 99999;
top: 1.5em;
left: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul {
display: block;
}
.navbar-collapse {
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.nav-links a {
color: #e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.nav .has_children > a:after {
margin: 0 0 0 6px;
color: inherit;
font-family: FontAwesome;
content: "\f0d7";
}
.nav .sub-menu .has_children > a:after {
content: "\f0da";
}
}
/*---------------------------------------
** 6.0 Accessibility -----
-----------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000; /* Above WP toolbar */
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
/*---------------------------------------
** 7.0 Alignments -----
-----------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
/*---------------------------------------
** 8.0 Clearings -----
-----------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
display: table;
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*---------------------------------------
** 9.0 Widgets -----
-----------------------------------------*/
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
/*margin: 0 0 1.5em;
margin-bottom: 30px;*/
}
.widget .widget-title {
float: none;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 5px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.widget .widget-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
/* Make sure select elements fit in widgets */
.widget select {
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #e9e9e9;
}
.tagcloud a {
padding: 2px 5px;
background: #fcfcfc;
}
/* Search widget */
.widget_search .search-submit {
/* display: none; */
display: block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
position: relative;
width: 100%;
margin-bottom: 5px;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
display: block;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
margin: 15px 0;
margin-left: 3%;
padding-left: 10px;
text-align: left;
list-style: none;
}
.widget li:before {
float: left;
position: absolute;
left: 0;
width: 4px;
height: 4px;
margin-top: 11px;
background: #e9e9e9;
content: "";
}
.widget li a {
color: #808080;
}
.widget li a:hover {
color: #404040;
}
/*---------------------------------------
** 10.0 Content -----
-----------------------------------------*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
background: none;
}
/*---------------------------------------
** 10.1 Posts and pages -----
-----------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header {
margin: 0 0 40px;
border-bottom: none;
text-align: left;
}
.search-results .page-header {
margin: 0 0 40px;
}
.page-header .page-title {
position: relative;
}
.page-header .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e9e9e9;
content: "";
}
.taxonomy-description {
margin-top: 15px;
}
.entry-title {
position: relative;
}
.entry-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.entry-meta {
margin-top: 10px;
}
.content-area .entry-header {
overflow: hidden;
}
/*---------------------------------------
** 10.2 Asides -----
-----------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*---------------------------------------
** 10.3 Comments -----
-----------------------------------------*/
.comment {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.comment a {
color: #c7254e;
}
.comment-body {
position: relative;
padding-bottom: 10px;
padding-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form,
.comments-title,
.comment-reply-title {
text-align: left;
}
.comment .reply a {
font-size: 12px;
}
.comment-form p {
margin: 10px 10px 10px 0;
}
.comment-form label {
width: 85px;
}
.comments-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-list {
margin-left: 0;
}
.comment-list li {
float: left;
width: 100%;
list-style: none;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
padding: 0.6em 1em 0.4em;
padding: 3px 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: none;
font-family: sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.comment-form #submit,
.comment-reply-link {
border-color: #e96656;
color: #fff !important;
background: #e96656;
}
.comment-form #submit:hover,
.comment-form #submit:focus,
.comment-form #submit:active {
background: #cb4332;
}
.comment-meta {
margin-top: 0 !important;
padding-top: 0 !important;
}
.comment-metadata {
position: absolute;
top: -2px;
right: 55px;
}
.comment-metadata,
.comment-metadata a {
padding: 3px 0;
color: #888;
font-size: 12px;
font-style: italic;
}
.comment-reply-link:hover {
background: #cb4332;
box-shadow: none;
}
.comment-author img {
position: absolute;
left: 0;
border-radius: 50%;
}
.comment-author b.fn {
color: #000;
}
/*---------------------------------------
** 11.0 Infinite scroll -----
-----------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*---------------------------------------
** 12.0 Media -----
-----------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 1.2%;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*---------------------------------------
** 6.5 Gallery -----
-----------------------------------------*/
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 6px 8px;
opacity: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 49px;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item img {
max-width: 100% !important;
}
/*---------------------------------------
** Header -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 100px;
}
.section-header {
padding-bottom: 75px;
text-align: center;
}
.section-header h2,
#focus .section-header h2 a,
#team .section-header h2 a,
#aboutus .section-header h2 a,
#testimonials .section-header h2 a,
#contact .section-header h2 a {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 45px;
line-height: 40px;
text-transform: uppercase;
}
.section-header .section-legend {
margin-bottom: 0;
padding-top: 0;
color: #000;
font-size: 16px;
}
/* PRE LOADER */
.preloader {
overflow: hidden !important;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fefefe;
}
.status {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#parallax_move .layer {
width: 100%;
height: 100%;
background-position: top center;
background-size: cover;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
/*---------------------------------------
** Section: Home -----
-----------------------------------------*/
.header.header {
min-height: 76px;
}
.header.header > .navbar {
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
position: relative;
padding: 285px 0 210px;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
position: relative;
padding: 170px 0 90px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
margin-bottom: 10px;
color: #fff;
font-size: 21px;
font-weight: 100;
}
.header_title {
float: left;
height: 50px;
margin-top: 10px;
}
.header_title h1 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.header_title h2 {
margin: 0;
font-size: 15px !important;
line-height: 15px;
}
.header_title a {
color: #000;
}
/*---- SECTION: HOME > TOP BAR ----*/
#site-navigation {
float: right;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.navbar {
border: 0;
border-radius: 0 !important;
background: #fff;
text-align: left;
}
#main-nav {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 75px;
margin-bottom: 0;
}
#main-nav.fixed {
position: fixed;
top: 0;
}
.navbar-inverse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
position: absolute;
z-index: 9999;
top: 100%;
left: -999em;
width: 200px;
background: #fff;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
padding: 10px;
list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
color: #e96656;
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
top: 0;
left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-brand {
display: inline-block;
position: relative;
height: 76px;
padding: 7px 15px;
line-height: 60px;
text-align: center;
}
.navbar-brand > a > img {
width: auto;
max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
display: inline-block;
vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
color: #999;
text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 0;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
font-size: 16px;
line-height: normal;
}
.navbar-brand > img {
max-height: 100%;
}
.navbar-brand:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
outline: none;
color: #e96656;
}
.navbar-toggle {
margin-top: 23px;
border: 0;
background-color: #808080;
}
.navbar-toggle:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
opacity: 1;
background-color: #e96656;
box-shadow: none;
filter: alpha(opacity=100);
}
.navbar-toggle.active {
background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
background-color: #808080 !important;
}
.menu-align-center #site-navigation {
width: 100%;
}
.menu-align-center #site-navigation > ul {
width: 100%;
text-align: center;
}
.menu-align-center #site-navigation > ul ul {
text-align: left;
}
.menu-align-center #site-navigation > ul > li {
display: inline-block;
float: none;
}
.menu-align-center .responsive-logo {
width: 100%;
text-align: center;
}
.menu-align-center .zerif_header_title {
width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
margin-top: 0;
margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
display: inline-block;
float: none;
}
.menu-align-center .navbar-brand {
float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
position: relative;
outline: none;
color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
display: none;
content: "";
}
li.current > a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
display: none;
content: "";
}
ul.nav > li.current_page_item.current > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
@media (max-width: 768px) {
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: none;
}
}
/*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
.intro {
float: none;
z-index: 0;
margin-top: 25%;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
.intro-text,
.intro-text a {
float: none;
z-index: 0;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
/* Short Messages */
.bottom-message-section {
position: relative;
margin-top: 14%;
}
.short-text {
margin: auto;
color: rgba(255,255,255,0.7);
text-align: center;
text-transform: uppercase;
}
/*---- SECTION: HOME > LATEST NEWS ----*/
.latest-news {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.carousel-inner {
/* margin: 0 30px; */
}
#carousel-homepage-latestnews .item {
height: auto;
}
.latesnews-content p,
.latesnews-content {
color: #777;
font-size: 14px;
line-height: 18px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
display: block;
color: #404040;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
background: #e96656;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
background: #34d293;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
background: #3ab0e2;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
background: #f7d861;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
display: block;
}
#carousel-homepage-latestnews {
margin: 0 30px;
}
#carousel-homepage-latestnews .carousel-control {
width: 45px;
background: none;
}
.carousel-control:focus {
outline: thin dotted #cb4332;
outline-offset: 0;
}
.carousel-control:active {
outline: 0;
}
.carousel-control.left {
margin-left: -45px;
}
.carousel-control.right {
margin-right: -45px;
}
.carousel-control .glyphicon-chevron-right {
right: auto;
}
#carousel-homepage-latestnews .glyphicon-chevron-left:before {
float: left;
width: 30px;
height: 30px;
background: url(images/left-arrow.png) no-repeat center center;
content: "";
}
#carousel-homepage-latestnews .glyphicon-chevron-right:before {
float: left;
width: 30px;
height: 30px;
background: url(images/right-arrow.png) no-repeat center center;
content: "";
}
/*---------------------------------------
** Section: Our focus -----
-----------------------------------------*/
.focus-box .service-icon .pixeden {
border-radius: 50%;
}
.focus {
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.focus .row {
text-align: center;
}
.focus .row .focus-box,
.our-team .row .team-box {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-bottom: 25px;
vertical-align: top;
}
/* FOCUS BOX */
.focus-box .service-icon {
display: block;
position: relative;
width: 145px;
height: 145px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 20px;
border: 10px solid #ececec;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,
.green,
.blue,
.yellow {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#focus span:nth-child(4n+1) .focus-box .service-icon:hover,
#focus span:nth-child(4n+1) .focus-box .service-icon:focus {
border: 10px solid #e96656;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover,
#focus span:nth-child(4n+2) .focus-box .service-icon:focus {
border: 10px solid #34d293;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover,
#focus span:nth-child(4n+3) .focus-box .service-icon:focus {
border: 10px solid #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover,
#focus span:nth-child(4n+4) .focus-box .service-icon:focus {
border: 10px solid #f7d861;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
background: #e96656;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
background: #34d293;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
background: #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
background: #f7d861;
}
.focus-box h3 {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.focus-box p {
color: #808080;
font-size: 14px;
}
/* Links used in sane defaults */
.focus a.zerif-default-links,
.our-team a.zerif-default-links {
color: #404040;
}
.about-us a.zerif-default-links,
.separator-one a.zerif-default-links,
.testimonial a.zerif-default-links,
.contact-us a.zerif-default-links {
color: #fff;
}
.testimonial #client-feedbacks a.zerif-default-links {
color: #404040;
}
.focus a.zerif-default-links:hover,
.about-us a.zerif-default-links:hover,
.our-team a.zerif-default-links:hover,
.testimonial a.zerif-default-links:hover,
.contact-us a.zerif-default-links:hover {
color: #e96656;
}
.separator-one a.zerif-default-links:hover,
.testimonial #client-feedbacks a.zerif-default-links:hover {
color: #000;
}
/* END - Links used in sane defaults */
/*----OTHER FOCUSES ----*/
.other-focuses {
margin-bottom: 25px;
background: url(images/lines.png) repeat-x center;
}
.other-focuses .section-footer-title {
padding: 0 15px;
color: #404040;
font-weight: bold;
}
.other-focus-list {
margin-bottom: -17px;
padding-top: 5px;
}
.other-focus-list ul li {
display: inline-block;
margin-right: 50px;
padding-bottom: 15px;
text-transform: uppercase;
}
.other-focus-list ul li:last-child {
margin-right: 0;
}
.other-focus-list ul li i {
margin-right: 8px;
}
/*---------------------------------------
** Secction: Separator one -----
-----------------------------------------*/
.separator-one {
padding: 100px 0 100px 0;
background: rgba(52, 210, 147, 0.8);
}
.separator-one .green-btn {
background: #14a168;
}
.separator-one .green-btn:hover {
background: #007345;
}
.separator-one .text {
max-width: 800px;
margin-top: 15px;
margin-bottom: 20px;
padding: 0;
color: #fff;
line-height: 34px;
}
.separator-one .text a {
font-size: 24px;
}
/*---------------------------------------
** Section: Portfolio -----
-----------------------------------------*/
.works {
min-height: 800px;
padding-bottom: 100px;
background: #fff;
}
/* IMAGE GRID */
.cbp-rfgrid {
position: relative;
width: 100%;
margin: auto;
padding: 0;
list-style: none;
}
.cbp-rfgrid li {
float: left;
overflow: hidden;
position: relative;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
max-width: 100%;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.cbp-rfgrid li a:hover img {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1.05,1.07);
-ms-transform: scale(1.05,1.07);
transform: scale(1.05,1.07);
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .project-info {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
padding-top: 25%;
opacity: 0;
background: rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info .project-details {
position: relative;
top: -29px;
width: 100%;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info h5 {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.cbp-rfgrid li a:hover .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .project-details {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .button {
bottom: -50px;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid-tr {
position: absolute;
z-index: 9;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
top: 0;
opacity: 1;
}
/****************************************************************/
/*********************** PIRATE FORMS style ********************/
/****************************************************************/
.pirate_forms {
padding-bottom: 95px;
}
.pirate_forms input:not([type='checkbox']),
.pirate_forms textarea {
width: 100%;
margin: auto;
border-radius: 4px !important;
}
.pirate_forms input:not([type='checkbox']) {
display: inline-block;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms textarea {
display: inline-block;
width: 100% !important;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms .custom-button {
float: right;
margin-right: 15px;
}
.pirate-forms-g-recaptcha {
display: none;
}
.pirate_forms .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.pirate_forms_error_box {
text-align: center;
}
.pirate_forms_error_box p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #e96656;
}
.pirate_forms_thankyou_wrap p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #34d293;
}
.pirate_forms .pirate-forms-submit-button {
float: right;
margin-right: 0;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pirate_forms .pirate-forms-submit-button:hover {
color: #fff;
background: #cb4332;
}
.pirate_forms .contact_checkbox_wrap,
.pirateform_wrap_classes_spam_wrap {
text-align: left;
}
.pirate_forms .contact_checkbox_wrap p {
padding-left: 5px;
margin: 0px;
}
section#contact .pirate_forms .contact_checkbox_wrap p {
color: #ffffff;
}
.pirate-forms-maps-custom {
float: left;
}
.contact-us .pirate-forms-maps-custom,
.contact-us .contact_checkbox_wrap {
color: #ffffff;
}
.zerif_hidden_if_not_customizer {
display: none !important;
}
.pixeden {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 63px;
margin: auto;
}
/* media queries: change number of items per row */
@media screen and (max-width: 1190px) {
.cbp-rfgrid li {
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
}
}
@media screen and (max-width: 1024px) {
.cbp-rfgrid li {
width: 33.33333333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.cbp-rfgrid li {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media screen and (max-width: 480px) {
.cbp-rfgrid li {
width: 100%;
}
}
@media screen and (max-width: 300px) {
.cbp-rfgrid li {
width: 100%;
}
}
/* PROJECT DETAILS LOADER */
#back-button {
display: none;
margin: 10px;
padding: 13px 35px 13px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
#back-button i {
margin-right: 10px;
}
#loader {
display: none;
position: relative;
min-height: 930px;
}
#loader .loader-icon {
position: fixed;
z-index: 10000;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px -22px;
border-radius: 5px;
background: url(images/loading.gif) no-repeat center center;
background-color: #fff;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
/****************************************************************/
/*********************** WPFORMS Lite style ********************/
/****************************************************************/
.home div.wpforms-container-full .wpforms-form input[type=text], .home div.wpforms-container-full .wpforms-form input[type=email], .home div.wpforms-container-full .wpforms-form textarea {
border-radius: 4px;
padding: 9px 9px 9px 15px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.95);
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
background-color: #e96656;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background-color: #cb4332;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home .wpforms-field-label, .home .wpforms-field-description, .home .wpforms-field-sublabel, .home .wpforms-field-checkbox, .home .wpforms-field-radio, .home .wpforms-image-choices-none label {
color: rgba(255, 255, 255, 0.95);
text-align: left;
}
.home .wpforms-field-checkbox .wpforms-image-choices, .home .wpforms-field-radio .wpforms-image-choices{
color: #404040;
}
.home div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #e96656;
}
/*---------------------------------------
** Section: About us; -----
-----------------------------------------*/
.about-us {
color: #fff;
background: #272727;
}
.about-us .big-intro {
margin-top: -15px;
font-size: 60px;
font-weight: 300;
line-height: normal;
text-align: right;
}
.about-us .section-header .section-legend {
color: #fff;
}
.about-us p {
color: #939393;
font-size: 14px;
line-height: 25px;
text-align: left;
}
.about-us .column {
margin-bottom: 78px;
}
.about-us .col-md-12.zerif-rtl-big-title .big-intro,
.about-us .col-md-12.zerif_about_us_center p {
text-align: center;
}
/*--SKILLS --*/
.skills {
margin: 0 0 0 0;
text-align: left;
}
.skills .skill {
display: block;
clear: both;
margin-top: 0;
margin-bottom: 25px;
}
.skills .skill .skill-count {
display: inline-block;
float: left;
height: 64px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 25px;
}
.skills li:last-child {
margin-bottom: 0;
}
.skills .skill .skill1,
.skill2,
.skill3,
.skill4 {
font-size: 16px !important;
}
.skills .skill .section-legend {
float: none;
clear: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
}
.skills .skill p {
color: #8f8f8f;
font-size: 14px;
line-height: 20px;
}
/*--OUR CLIENTS --*/
.our-clients {
float: left;
width: 100%;
margin-bottom: 40px;
background: url(images/lines-dark.png) repeat-x center;
}
.our-clients .section-footer-title {
padding: 0 15px;
color: #fff;
background: #272727;
font-size: 16px;
}
.our-clients h2 {
float: none;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.client-list {
float: left;
width: 100%;
margin-bottom: 78px;
padding-top: 5px;
}
.client-list ul {
margin: 0;
}
.client-list ul li {
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
vertical-align: middle;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list ul li img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div {
margin: 0;
}
.client-list div span {
margin-right: 24px;
}
.client-list div a:last-child {
margin-right: 0;
}
.client-list div img {
max-width: 130px;
padding-bottom: 15px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list div img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list div a:last-child {
margin-right: 0;
}
/*---------------------------------------
** Section: stats -----
-----------------------------------------*/
.stats {
clear: both;
padding: 100px 0 60px 0 !important;
background: rgba(0, 0, 0, 0.5);
}
.stat {
margin-bottom: 40px;
}
.stat .icon-top {
height: 50px;
font-size: 40px;
line-height: 50px;
}
.stat .stat-text {
display: inline-block;
position: relative;
}
.stat h3 {
display: inline-block;
position: relative;
margin-top: 20px;
padding-bottom: 5px;
}
.stat .section-legend {
margin-top: 15px;
color: #d1d1d1;
}
/*---------------------------------------
** Section: Our team; -----
-----------------------------------------*/
.our-team {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.team-member {
overflow: hidden;
position: relative;
margin-bottom: 35px;
border-radius: 4px;
}
.team-member .details {
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: 190px;
padding: 15px;
opacity: 0;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.team-member .member-details {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.team-member:hover .details,
.team-member:focus .details {
top: 0;
opacity: 1;
color: white;
background: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member.team-member-open .details {
display: block;
top: 0;
opacity: 1;
color: white;
background: #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member .profile-pic {
overflow: hidden;
width: 174px;
height: 174px;
margin: auto;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h3 {
position: relative;
margin-top: 15px;
color: #404040;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.team-member .position {
font-size: 13px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
margin: 6px;
line-height: 32px;
}
.team-member .social-icons ul li a {
border-radius: 50%;
color: #808080;
background: #fff;
font-size: 18px;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
background: #e96656;
}
.our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
background: #34d293;
}
.our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
background: #3ab0e2;
}
.our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
background: #f7d861;
}
/*---------------------------------------
** Features -----
-----------------------------------------*/
.features {
padding-bottom: 51px;
background: #fff;
text-align: left;
}
.features .feature {
margin-bottom: 55px;
}
.features .feature-icon {
float: left;
margin-top: 10px;
margin-right: 25px;
font-size: 55px;
}
.features .feature h5 {
color: #404040;
font-weight: bold;
line-height: 28px;
}
.features .feature p {
font-size: 14px;
}
/*---------------------------------------
** Packages -----
-----------------------------------------*/
.packages {
padding-bottom: 50px;
background: rgba(0, 0, 0, 0.5);
}
.package {
margin-top: 25px;
margin-bottom: 50px;
padding-bottom: 15px;
border-radius: 4px;
background: #fff;
}
.package-header {
height: 57px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
line-height: 57px;
}
.package-header h5 {
font-weight: bold;
text-transform: uppercase;
}
.price {
height: 100px;
color: #fff;
font-weight: 400;
line-height: 120px;
}
.price h4 {
display: inline;
margin-bottom: 0;
font-size: 40px;
line-height: normal;
}
.price h4 .dollar-sign {
font-size: 17px;
vertical-align: super;
}
.price .price-meta {
color: #9f9f9f;
line-height: normal;
text-transform: uppercase;
}
.package ul li {
width: 80%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
.package ul li:last-child {
border-bottom: 0;
}
.best-value .package {
margin-top: 0;
}
.best-value .package-header {
height: 82px !important;
padding-top: 17px;
}
.best-value .package-header h4 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
}
.best-value .package-header .meta-text {
font-size: 13px;
line-height: normal;
}
.best-value .package-header {
height: 72px;
}
.package ul li i {
margin-right: 5px;
font-size: 13px;
}
.order {
color: #404040;
background: #d8ccba;
}
.package .order-now {
display: block;
max-width: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
background: #404040;
line-height: 45px;
-webkit-transition: all 700ms;
transition: all 700ms;
}
.package .order-now:hover {
background: #e96656;
}
/*---------------------------------------
** Producs -----
-----------------------------------------*/
.products .color-overlay {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 70px;
background: rgba(39,144,176, 0.96);
}
/*---ITEM STYLE ---*/
.item {
display: block;
overflow: hidden;
position: relative;
z-index: 5;
width: 100%;
height: 260px;
margin: auto;
margin-bottom: 30px;
border-radius: 4px;
-webkit-background-size: 100%;
background-size: 100%;
-webkit-backface-visibility: hidden;
}
.item-overlay {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.item-content {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
transform: translate(0,100%);
}
.item:hover .item-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.item-top-content {
position: relative;
}
.item-top-content-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px 10px 15px;
background: rgba(255,255,255,0.95);
}
.item-add-content {
padding: 0 15px 15px 15px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.item:hover .item-add-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.item-add-content-inner {
padding-top: 10px;
border: 0 solid #dadada;
border-top-width: 1px;
}
.item-top-title {
text-align: left;
}
.item-top-title h5 {
color: #404040;
font-weight: 700;
}
/* ITEM DETAILS */
.item-product {
float: left;
width: 70%;
}
.item-product-price {
float: right;
width: 30%;
text-align: right;
}
.subdescription {
color: #7d7d7d;
font-size: 14px;
font-weight: 400;
}
/*---PRODUCT PRICE---*/
.item-product-price {
position: relative;
font-size: 1em;
font-weight: 700;
}
.item-product-price .subdescription {
color: #808080;
}
.old-price {
position: absolute;
right: -2px;
bottom: 10px;
width: 30px;
margin-top: -11px;
border: 0 solid #808080;
border-bottom-width: 1px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/*---ITEM DESCRIPTION ---*/
.item-content {
background: rgba(255,255,255,0.85);
}
.item-add-content {
color: #808080;
font-weight: 400;
}
.item-add-content .section {
margin-bottom: 10px;
}
.item-add-content .section:last-of-type {
margin-bottom: 0;
}
.item-add-content p {
font-size: 14PX;
}
/*---------------------------------------
** Newsletter -----
-----------------------------------------*/
.newsletter {
padding-top: 62px;
padding-bottom: 62px;
background: rgba(0, 0, 0, 0.5);
}
.newsletter h3 {
margin-bottom: 8px;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
.newsletter .subscription {
margin-top: 15px;
}
.newsletter .custom-button {
margin-top: 7px;
}
/*----------------------------------------
** Testimonial -----
-----------------------------------------*/
.testimonial {
padding-bottom: 90px;
background: #8c7620;
}
.testimonial .section-header .section-legend {
color: #fff;
}
#client-feedbacks .feedback-box,
.testimonial .widget_zerif_testim-widget {
display: inline-block;
z-index: 5;
width: 30%;
margin: 13px;
padding: 25px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
vertical-align: top;
}
.feedback-box .message,
.testimonial .widget_zerif_testim-widget .message {
color: #000;
font-size: 15px;
}
.feedback-box .client,
.testimonial .widget_zerif_testim-widget .client {
position: relative;
height: 73px;
margin-top: 30px;
}
.feedback-box .quote,
.testimonial .widget_zerif_testim-widget .quote {
float: left;
font-size: 45px;
line-height: 80px;
}
.feedback-box .client-info,
.testimonial .widget_zerif_testim-widget .client-info {
float: left;
margin-left: 18px;
padding-top: 15px;
}
.feedback-box .client-info .client-name,
.testimonial .widget_zerif_testim-widget .client-name {
color: #404040;
font-family: "Homemade Apple", serif;
}
.feedback-box .client-info .client-company,
.testimonial .widget_zerif_testim-widget .client-company {
margin-top: -3px;
font-size: 13px;
}
.feedback-box .client-image,
.testimonial .widget_zerif_testim-widget .client-image {
float: right;
overflow: hidden;
width: 73px;
height: 73px;
border: 3px solid #f6f6f6;
border-radius: 50%;
}
.feedback-box .client-image img,
.testimonial .widget_zerif_testim-widget .client-image img {
width: 100%;
height: 100%;
}
.customNavigation {
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
border-radius: 50%;
background: #886e0e;
}
.customNavigation a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.zerif_grid_col_4 > div,
.zerif_grid_col_3 > div,
.zerif_grid_col_2 > div,
.zerif_grid_col_1 > div {
margin-bottom: 30px;
text-align: center;
}
.zerif_grid_col_4 {
float: left;
width: 23%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_3 {
float: left;
width: 31.5%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_2 {
float: left;
width: 48%;
margin: 0 1.75% 0 1.75%;
}
.zerif_grid_col_1 {
float: left;
width: 100%;
}
.zerif_grid_first {
margin-left: 0;
padding-left: 0;
}
.zerif_grid_last {
margin-right: 0;
padding-right: 0;
}
#client-feedbacks.zerif_grid .feedback-box {
width: 100%;
}
/*----------------------------------------
** Purchase now -----
-----------------------------------------*/
.purchase-now {
padding-top: 70px;
padding-bottom: 70px;
background: #e96656;
}
.purchase-now h3 {
margin-top: 14px;
line-height: 40px;
text-align: left;
}
.purchase-now .red-btn {
float: right;
background: #db5a4a;
}
.purchase-now .red-btn:hover {
background: #bf3928;
}
.ribbon-without-button h3 {
text-align: center;
}
.ribbon-without-button .col-md-9 {
width: 100%;
}
/*----------------------------------------
** Contact us -----
-----------------------------------------*/
.contact-us {
padding-bottom: 95px;
background: rgba(0, 0, 0, 0.5);
}
.contact-us .section-header .section-legend {
color: #fff;
}
.contact-us .input-box,
textarea {
width: 100%;
margin: auto;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-us textarea {
border: 1px solid transparent;
}
.zerif-g-recaptcha {
display: none;
margin-left: 15px;
}
.contact-us .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.contact-us .error p {
background: #e96656;
}
.contact-us .success p {
background: #34d293;
}
.contact_submit_wrap {
float: right;
}
/*---------------------------------------
** Footer -----
-----------------------------------------*/
#footer {
background: #272727;
line-height: 20px;
}
.company-details {
padding-top: 67px;
padding-bottom: 30px;
color: #939393;
}
.company-details a {
color: #939393;
text-decoration: none;
}
.company-details a:hover {
color: #e96656;
}
.company-details .icon-top {
margin-bottom: 10px;
font-size: 30px;
}
.copyright {
padding-top: 68px;
padding-bottom: 68px;
background: #171717;
}
.social {
margin: 0 0 1.5em 0 !important;
}
.social li {
display: inline-block;
margin: 5px;
}
.social li a {
color: #939393;
font-size: 18px;
}
.social li a:hover {
color: #e96656;
}
.copyright p {
margin-bottom: 0;
color: #939393;
}
.footer-widget-wrap > .container {
text-align: center;
}
.footer-widget {
display: inline-block;
float: none;
vertical-align: top;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
margin-left: 0;
list-style: none;
}
.footer-widget-wrap {
background: rgba(255,255,255,0.05);
}
.footer-widget-wrap .widget .widget-title {
color: #fff;
}
.footer-widget-wrap .widget li a {
color: #ccc;
}
.footer-widget-wrap .widget li a:hover {
color: #fff;
}
.footer-widget-wrap .widget {
padding-bottom: 30px;
color: #ccc;
}
.footer-widget-wrap .widget_calendar tbody td {
background-color: rgba(249, 249, 249, 0.75);
}
.footer-widget-wrap .tagcloud a {
padding: 2px 5px;
color: #ccc;
background: none;
}
.footer-widget-wrap .tagcloud a:hover {
color: #fff;
}
.footer-widget-wrap .widget #wp-calendar {
color: #333;
}
/*---------------------------------------
** Single page -----
-----------------------------------------*/
.single-project {
margin-bottom: 25px;
text-align: left;
}
.single-project .project-image {
float: left;
width: 100%;
margin-bottom: 25px;
text-align: left;
}
.single-project h3 {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #dadada;
line-height: 40px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
margin-right: 5px;
font-weight: 700;
}
/*---------------------------------------
** Section blog -----
-----------------------------------------*/
.blog {
overflow: hidden;
position: relative;
min-height: 175px;
}
.blog-list {
background: #fff;
}
.post-img-wrap {
display: inline-block;
float: left;
overflow: hidden;
margin-right: 20px;
}
.post-img-wrap a img {
width: 200px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5 ease-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
article.hentry {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
padding: 10px;
background: #f9f9f9;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #e96656;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #404040;
font-size: 20px;
line-height: 22px;
}
.entry-title a:hover {
color: #e96656;;
}
.clear {
clear: both;
}
.content-left-wrap {
padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
margin-top: 60px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.entry-title:after {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap .entry-title a:after {
display: none;
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.entry-title {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0;
}
.entry-content {
line-height: 20px;
}
.list-post-top {
min-height: 130px;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large a:hover {
color: #e96656;
}
.entry-footer-large {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
padding-right: 200px;
background: transparent;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0 0;
text-align: justify;
}
.entry-content {
margin: 1em 0 0;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar caption {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
color: #e96656;
background: #f9f9f9;
}
.widget_calendar a:hover {
color: #fff;
background-color: #e96656;
}
.widget_calendar tbody td {
background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_calendar thead th {
border: none;
background: #e9e9e9;
}
/*----------------------------------------
** SiteOrigin Page Builder styles -----
-----------------------------------------*/
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
margin: 0;
}
.siteorigin-panels .widget li::before {
display: none;
}
/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
float: right;
position: absolute;
top: 0;
right: 0;
}
.entry-content p {
text-align: justify;
}
.entry-content blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0;
width: 100%;
min-height: 50px;
padding: 15px 20px 0 20px;
border-top: 2px solid #fff;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
float: left;
position: relative;
width: 95%;
margin: 0 0 35px 0;
border-radius: 4px;
background-color: #fff;
}
.large-container .list-post-top {
min-height: 130px;
}
/* woocommerce v2.3.5 */
*:focus {
outline: 0;
}
.woocommerce-page .page-description {
float: left;
margin-top: 20px;
text-align: justify;
}
.woocommerce-page h1.page-title {
position: relative;
color: #404040;
font-size: 20px;
font-size: 20px;
line-height: 22px;
text-align: left;
}
.woocommerce-page .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.woocommerce span.onsale {
position: absolute;
top: -20px;
left: -20px;
width: 55px;
height: 55px;
padding: 0;
border: 4px solid #34d293;
border-radius: 50%;
color: #000;
background: rgba(255,255,255,0.9);
text-shadow: none;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
top: -20px;
left: -20px;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #a0a0a0;
}
.woocommerce-page .products .product > a:first-child {
display: block;
position: relative;
text-align: center;
}
.woocommerce-page .products a.button {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .products a.button:hover {
background: #cb4332;
}
.woocommerce-page .products h3,
.woocommerce-page .products h2 {
display: inline-block;
float: none;
position: relative;
width: auto;
min-height: 42px;
margin: 0;
color: #404040;
font-size: 16px !important;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.woocommerce-page .products a .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
padding: 10px 0;
color: #000 ;
line-height: 20px;
text-align: center;
}
.woocommerce-page .products a .price del {
display: block;
line-height: 20px;
}
.woocommerce ul.products li.product .price {
color: #000;
font-size: 16px;
}
.woocommerce-page .products a .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .products .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .products .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .products .price {
padding: 5px 0;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-result-count {
float: left;
margin-top: 20px;
font-size: 14px;
line-height: 46px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-page .product .images {
float: left;
width: 50%;
}
.woocommerce-page .product .entry-summary {
float: right;
width: 50%;
margin-top: 0;
padding-left: 5%;
}
.woocommerce-page .product .quantity {
display: block;
float: left;
margin-bottom: 15px;
}
.woocommerce-page .product .quantity input {
width: 78px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.woocommerce-page #content .quantity input.minus {
float: left;
position: relative;
position: absolute;
top: 15px;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce-page #content .quantity input.plus {
float: left;
position: relative;
position: absolute;
top: 0;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
position: relative;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 30px;
}
.woocommerce-page .quantity.buttons_added {
width: auto;
}
.woocommerce-page .product .product_meta a {
color: #e96656;
}
.woocommerce-page .product_title {
margin-top: 0;
text-align: left;
}
.woocommerce-page .product .price {
margin-bottom: 0;
padding: 30px 0;
text-align: left;
}
.woocommerce-page .product div[itemprop="description"] {
float: left;
text-align: justify;
}
.woocommerce-page .product .stock,
.woocommerce-page .product .cart,
.woocommerce-page .product .product_meta {
float: left;
clear: left;
text-align: left;
}
.woocommerce-page .product .cart .button {
float: left;
clear: left;
margin: 0;
margin-bottom: 25px;
}
.woocommerce-page .product .cart .button:hover {
background: rgb(203, 67, 50);
box-shadow: none;
}
.woocommerce-page .product .images .thumbnails {
width: 100%;
}
.woocommerce-page .product .images .thumbnails a {
display: inline-block;
float: left;
}
.woocommerce-page .woocommerce-tabs {
float: left;
width: 100%;
margin-top: 50px;
}
.woocommerce-page .woocommerce-tabs .tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs li {
display: inline-block;
margin-bottom: -2px;
padding: 10px 20px;
list-style: none;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
border-bottom: 2px solid #e96656;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
color: #e96656;
text-decoration: none;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
color: rgb(64, 64, 64);
font-size: 18px;
}
.woocommerce-page .woocommerce-tabs .entry-content {
margin-bottom: 50px;
box-shadow: none;
text-align: justify;
}
.woocommerce-page h3.comment-reply-title {
min-height: auto;
}
.woocommerce-page .product .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
color: #000;
line-height: 20px;
}
.woocommerce div.product p.price {
color: #000;
font-size: 16px;
}
.woocommerce-page .product .price del {
display: block;
line-height: 20px;
}
.woocommerce-page .product .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .product .comment-form input {
border-radius: 3px;
}
.woocommerce-page .product .comment-form input[type="submit"] {
margin-left: 0;
}
.woocommerce-page .product .comment-form label {
float: left;
width: auto;
line-height: 32px;
}
.woocommerce-page .product .comment-form .comment-form-rating label {
line-height: 20px;
}
.woocommerce-page .product .comment-form-author label,
.woocommerce-page .product .comment-form-email label {
width: 100px;
}
.woocommerce-page .product .comment-form .star-rating {
float: right;
width: 100px;
height: 20px;
background: url(images/woostars.png) repeat-x left bottom;
}
.woocommerce-page .product .comment-form .star-rating span {
float: left;
overflow: hidden;
height: 0;
padding-top: 16px;
background: url(images/woostars.png) repeat-x left top;
}
.woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce-page .product .comment-form #review_form #respond {
position: static;
width: auto;
margin: 0;
padding: 0 0 0;
border: 0;
background: transparent none;
}
.woocommerce-page .product .comment-form #review_form #respond:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce-page .product .comment-form #review_form #respond .form-submit input {
left: auto;
}
.woocommerce-page .product .comment-form #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.woocommerce-page .product .comment-form p.stars:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form p.stars span {
float: left;
position: relative;
width: 100px;
height: 20px;
margin-left: 10px;
background: url(images/woostars.png) repeat-x left 0;
}
.woocommerce-page .product .comment-form p.stars span a {
float: left ;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 0;
padding-top: 20px;
}
.woocommerce-page .product .comment-form p.stars span a:hover,
.woocommerce-page .product .comment-form p.stars span a:focus {
background: url(images/woostars.png) repeat-x left bottom;
-webkit-transition: initial;
-moz-transition: initial;
-o-transition: initial;
transition: initial;
}
.woocommerce-page .product .comment-form p.stars span a.active {
background: url(images/woostars.png) repeat-x left bottom ;
}
.woocommerce-page .product .comment-form p.stars span a.star-1 {
z-index: 10;
width: 20px;
}
.woocommerce-page .product .comment-form p.stars span a.star-1:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-2 {
z-index: 9;
width: 40px;
}
.woocommerce-page .product .comment-form p.stars span a.star-2:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-3 {
z-index: 8;
width: 60px;
}
.woocommerce-page .product .comment-form p.stars span a.star-3:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-4 {
z-index: 7;
width: 80px;
}
.woocommerce-page .product .comment-form p.stars span a.star-4:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-5 {
z-index: 6;
width: 100px;
}
.woocommerce-page .product .comment-form p.stars span a.star-5:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a {
border: none;
}
.woocommerce-page .comment-form-rating {
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce-page .product #review_form_wrapper {
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-page .woocommerce-tabs .commentlist .comment {
float: left;
clear: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment-text {
display: inline-block;
}
.woocommerce-page .woocommerce-tabs .description {
width: 100%;
}
.woocommerce-page .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating {
float: left;
margin-top: 30px;
margin-bottom: 0;
text-align: left;
}
.woocommerce-page .woocommerce-product-rating .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
color: #eca420;
font-size: 11px;
}
.woocommerce-page .comment-text .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .comment-text .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-tabs .comment-text {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 50px;
}
.woocommerce-page .woocommerce-tabs .comment_container > img {
position: absolute;
top: 0;
left: 0;
}
.woocommerce-page .woocommerce-message:before {
color: #38c28b;
}
.woocommerce-page .woocommerce-message {
margin: 0 0 40px;
border-top-color: #38c28b;
border-radius: 3px;
color: #38c28b;
background: #f5f5f5;
text-align: left;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
color: #fff;
background-color: #38c28b;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
float: left;
width: 100%;
margin: 0 0 40px;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #e96656;
list-style: none;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
color: #fff;
background-color: #f47565;
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-error:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
width: 100%;
margin: 0 0 40px;
margin-top: 25px !important;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #3ab0e2;
list-style: none;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
color: #fff;
background-color: #5fb8dd;
font-size: 12px;
}
.woocommerce-page .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
padding-top: 30px;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-info {
margin-bottom: 40px;
border: none;
border-radius: 3px;
color: #fff;
background: rgb(58, 176, 226);
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
color: #fff;
}
.woocommerce-page .woocommerce .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce input {
padding: 10px 5px;
border-radius: 3px;
}
.woocommerce-page .woocommerce .woocommerce-error {
padding: 1em 2em 1em 3.5em!important;
border-top-color: #b81c23;
border-radius: 3px;
}
.woocommerce-page .woocommerce .products .product h3 {
float: none;
color: #404040;
}
.woocommerce-page .woocommerce .added_to_cart,
.woocommerce .button {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #000;
background: #f3f3f3;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce div.product form.cart .button {
display: inline-block;
margin: 10px;
margin-left: 0;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 1px solid #ccc;
}
.woocommerce-page .woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button :hover,
.woocommerce #place_order:hover,
.woocommerce div.product form.cart .button:hover {
background: #bf3928;
}
.woocommerce-page .woocommerce .price del {
display: block;
}
.woocommerce-page .woocommerce .price {
height: auto;
line-height: normal;
}
.woocommerce-page .woocommerce .price ins {
color: #000;
font-size: 20px;
font-weight: bold;
}
.woocommerce-page .woocommerce #coupon_code {
min-width: 110px;
margin-top: 2px;
padding: 6px 10px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
border-radius: 5px!important;
color: #a0a0a0;
}
.woocommerce-page .woocommerce .product-name a {
color: #404040;
}
.woocommerce-page .woocommerce-cart-form__contents .actions button {
width: auto;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce-page .woocommerce .cart_totals tr.order-total th {
width: 50%;
}
.woocommerce-page .woocommerce .entry-title {
text-align: left;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
padding: 0;
}
.woocommerce-page .woocommerce .checkout input,
.woocommerce-page .woocommerce .checkout textarea,
.woocommerce-page .woocommerce .checkout select {
padding: 12px 15% 12px 2%;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 15px;
}
.woocommerce-page .woocommerce ul.payment_methods {
padding-left: 1em;
}
.woocommerce-page ul.products {
float: left;
width: 100%;
margin-top: 40px;
}
.woocommerce-page .woocommerce .summary,
.woocommerce-page .woocommerce .entry-summary,
.woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
text-align: justify;
}
.woocommerce-page .woocommerce .quantity input.input-text {
width: 100px;
height: 42px;
margin-right: 10px;
}
.woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
margin: 0;
}
.woocommerce-page .woocommerce .comment-form label {
width: 100%;
}
.woocommerce-page .woocommerce .woocommerce-message {
float: left;
width: 100%;
border: none;
border-radius: 3px;
color: white;
background: #20aa80;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-message a.button {
margin: 0;
padding: 7px 17px;
}
.woocommerce-page .woocommerce .woocommerce-message:before {
color: #fff;
}
.woocommerce-page .woocommerce ul.products li.product .star-rating {
font-size: inherit;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page input.button.alt {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-shadow: none;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce input[type="submit"]:hover,
.woocommerce-page #content input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page input.button.alt:hover {
color: #fff;
background: #cb4332;
box-shadow: none;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 60px;
height: 30px;
margin-right: 0;
padding: 0 0 0 5px;
text-align: left;
}
.woocommerce a.button.alt {
color: #fff;
background: #e96656;
}
.woocommerce a.button.alt:hover {
color: #fff;
background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
color: #fff !important;
background: #e96656;
line-height: 20px;
}
.woocommerce-page .woocommerce a.remove {
color: #e96656 !important;
line-height: 20px;
}
.woocommerce-page .woocommerce-info {
width: 100%;
}
.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout #order_review_heading {
clear: none;
float: left;
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout .col-1,
.woocommerce-page .woocommerce-checkout .col-2 {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
float: left;
width: 55%;
margin-right: 5%;
}
.woocommerce-page .woocommerce-checkout-review-order {
clear: left;
}
.woocommerce-page .woocommerce .checkbox {
float: left;
padding: 0;
}
.woocommerce-page .woocommerce-checkout #payment {
background: #fafafa;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
margin: -13px 0 0 2em;
border: 8px solid #ececec;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
content: "";
}
.woocommerce-page .woocommerce-checkout #ship-to-different-address {
font-size: 16px;
margin-left: 24px;
}
.woocommerce-page .woocommerce .order_details li.order {
background: #fff;
}
.woocommerce-page .products a.button {
text-decoration: none;
}
.woocommerce-page .product .cart .button {
color: #fff;
}
.woocommerce-page .woocommerce {
margin-top: 25px;
}
.woocommerce-page .woocommerce .order {
background: #fff;
}
.woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
font-size: 12px;
}
.woocommerce-page .woocommerce #payment ul.payment_methods {
margin: 0;
border-bottom: 1px solid #d3ced2;
text-align: left;
list-style: outside none none;
}
.woocommerce-page .woocommerce #payment {
background: none repeat scroll 0 0 #fafafa;
}
.woocommerce-page .woocommerce #payment div.payment_box {
position: relative;
width: 96%;
margin: 1em 0;
padding: 1em 2%;
border-radius: 2px;
color: #515151;
background-color: #dfdcde;
font-size: 0.92em;
line-height: 1.5;
}
.woocommerce-page .woocommerce #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
margin-bottom: 0;
}
.woocommerce-page .woocommerce #payment div.payment_box:after {
position: absolute;
top: -3px;
left: 0;
margin: -13px 0 0 2em;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #ececec;
border-image: none;
content: "";
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.woocommerce-page .woocommerce #payment h3 {
padding-left: 20px;
}
.woocommerce-page .woocommerce #payment #place_order {
float: none;
}
.woocommerce-page .woocommerce a.button {
margin-left: 0;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button {
margin-left: 0;
padding: 13px 35px 13px 35px;
font-size: 12px;
}
.woocommerce button.button {
width: 100%;
}
.woocommerce-page .woocommerce select {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
outline: 0;
color: #a0a0a0;
line-height: 1;
}
.woocommerce-page .woocommerce #order_review {
float: right;
clear: right;
width: 40%;
margin-right: 0;
}
.woocommerce-page .woocommerce .login {
float: left;
width: 100%;
}
.woocommerce-page .select2-drop {
text-align: left;
}
.woocommerce-page .woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding-bottom: 0;
border: none;
background: none;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
border: none;
content: "";
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
content: "";
}
.woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin-bottom: -1px;
border-bottom: 2px solid #e96656;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
box-shadow: none;
}
.woocommerce-page .comment-form {
float: left;
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce #review_form #respond .form-submit input {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 130px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
clear: left;
}
.woocommerce table.shop_table {
clear: left;
font-size: 16px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
margin-bottom: 1em;
}
.woocommerce .upsells {
width: 100%;
float: left;
}
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products {
float: left;
clear: left;
}
/**/
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
padding: 0;
content: "\2713";
}
.woocommerce .shipping_calculator h2 a {
font-size: 18px;
}
/**/
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: none;
position: relative;
width: 22.05%;
margin: 0 3.8% 2.992em 0;
padding: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1),
.woocommerce-page ul.products li.product:nth-child(4+1) {
clear: left;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination {
float: left;
width: 100%;
padding-bottom: 30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers .current:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
display: none;
content: "";
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 3px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 32px;
min-width: 32px;
border: none;
border-radius: 4px;
color: #000;
background: rgb(236, 236, 236);
}
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: rgb(233, 102, 86);
}
.woocommerce div.product form.cart label {
color: #404040;
}
.woocommerce p.stars a:before,
.woocommerce p.stars a:hover ~ a:before {
display: none;
content: "";
}
/* Changes for woocommerce 3.0.0 */
.woocommerce div.product .related {
clear: both;
}
.woocommerce div.product {
float: left;
width: 100%;
}
.woocommerce-product-details__short-description {
clear: both;
text-align: left;
}
.woocommerce-product-details__short-description ul {
margin: 0 0 24px;
list-style-position: inside;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 30.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
width: 30.75%;
padding-top: 1em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 3.8%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
margin: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: auto;
margin: 0 0 2em!important;
padding: 1em 2em 1em 3.5em!important;
word-wrap: break-word;
list-style: none!important;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
margin: 0 !important;
margin-left: 2em !important;
color: inherit;
background: transparent;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
color: #404040;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: inherit;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 20px;
}
/* End changes for woocommerce 3.0.0*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (max-width: 992px) {
.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-page .products .product > a:first-child {
/* min-height: 325px; */
}
.large-container {
width: 100%;
}
}
@media (max-width: 767px) {
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
.woocommerce-page .woocommerce #order_review {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 100%;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: both;
width: 48%;
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1) {
clear: none;
}
.woocommerce .upsells.products ul li.product:nth-child(even),
.woocommerce-page ul.products li.product:nth-child(even) {
float: right;
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(odd),
.woocommerce-page ul.products li.product:nth-child(odd) {
clear: left;
}
.listpost-content-wrap-large {
position: relative;
}
.menu-align-center .responsive-logo > a {
float: left;
}
}
@media (max-width: 600px) {
.woocommerce-page .product .images {
width: 100%;
}
.woocommerce-page .product .entry-summary {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
font-size: 14px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
padding: 10px 10px;
}
.listpost-content-wrap-large {
position: relative;
}
.listpost-content-wrap-large {
padding: 20px 0 0 0;
}
body {
position: initial !important;
}
.entry-meta-large {
float: left;
position: relative;
width: 100%;
}
.entry-footer-large {
padding-right: 0;
}
}
@media (max-width: 480px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-top: 50px;
padding-left: 0;
}
.woocommerce-page .comment-text .star-rating {
float: left;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 5px 0;
border-right: none;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
width: 100%;
}
}
/* [end] woocommerce */
/* bbpress style [version 2.5.8] */
.bbpress #subscription-toggle {
float: right;
}
.bbpress .bbp-breadcrumb {
margin: 10px 0;
}
#subscription-toggle {
/** margin: 10px 0; */
}
#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: 2px;
}
div.bbp-template-notice.info {
padding: 1px 5px;
border: none;
background-color: #f0f8ff;
}
div.bbp-template-notice,
div.indicator-hint {
padding: 1px 5px;
border: none;
background-color: #fff7d6;
}
#bbpress-forums fieldset.bbp-form label {
line-height: 30px;
}
div.bbp-template-notice a {
color: #008ed6;
text-decoration: none;
}
.bbp-pagination {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#bbpress-forums li.bbp-header {
padding: 10px 0;
background: #fbfbfb;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 11px;
line-height: 16px;
}
#bbpress-forums div.bbp-the-content-wrapper input {
width: auto;
}
#bbpress-forums fieldset.bbp-form input {
padding: 5px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
border-top: none;
}
#bbpress-forums li.bbp-header {
background: none;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: none;
}
#bbpress-forums input[type="submit"] {
padding: 5px 30px 5px 30px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: none;
}
#bbpress-forums li.bbp-header {
border-bottom: 2px solid #ececec;
}
#bbpress-forums li.bbp-footer {
border-top: 3px solid #ececec;
}
.bbp-breadcrumb,
.bbp-breadcrumb a,
.bbp-breadcrumb p {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #f9f9f9 !important;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-forum-title,
.bbp-forum-title:visited {
float: left;
margin-bottom: 15px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.bbp-forum-title:hover {
text-decoration: none;
}
.bbp-forum-title:after {
display: block;
width: 80px;
height: 2px;
margin-top: 5px;
background: #008ed6;
content: "";
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px 5px !important;
border-top: 1px solid #eee;
}
.bbp-forum-freshness p,
.bbp-forum-freshness a,
.bbp-forum-freshness span {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.bbp-forum-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
clear: left;
margin: 0;
font-size: 14px;
line-height: 24px;
}
#bbpress-forums li {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums p.bbp-topic-meta span {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-started-by {
float: left;
}
div.bbp-template-notice p,
div.bbp-template-notice a {
font-size: 12px;
line-height: 16px;
}
.bbp-topic-freshness,
.bbp-topic-freshness a {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-freshness a {
color: #666;
font-style: italic;
}
a.bbp-author-name:hover,
.bbp-topic-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: none;
}
#bbpress-forums .bbp-author-name {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 0;
padding: 0;
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border: 1px solid #e7e7e7;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
font-size: 14px;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: left;
width: 25%;
text-align: center;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
padding: 5px;
border: 1px solid #e7e7e7;
background-color: #fbfbfb;
box-shadow: none;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
color: #e96656;
}
#bbpress-forums fieldset.bbp-form input {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums fieldset.bbp-form select {
padding: 5px;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background: red;
}
#bbpress-forums div.bbp-topic-tags {
float: left;
width: 100%;
margin-bottom: 15px;
}
#bbpress-forums .bbp-topic-description a {
color: #666;
font-size: 12px;
font-style: italic;
}
#bbpress-forums .bbp-topic-description a:hover {
text-decoration: underline;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 5px 0;
}
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
padding: 8px 0;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums .bbp-admin-links {
color: transparent;
}
#bbpress-forums .bbp-admin-links a:hover {
color: #008ed6;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
.bbp-body a.bbp-topic-permalink {
position: relative;
color: #404040;
font-size: 20px;
line-height: 22px;
}
.bbp-body a.bbp-topic-permalink:hover {
color: #e96656;
}
.bbp-body .bbp-topic-permalink:after {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 30px;
line-height: 34px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
opacity: 0.8;
color: #fff;
background: #008ed6;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
line-height: 18px;
}
#bbpress-forums .bbp-forum-description .bbp-author-name {
font-size: 12px;
}
.bbp-pagination-count {
float: left;
border: 1px solid transparent;
font-size: 12px;
}
.bbp-topic-tags a {
color: #949494;
font-style: italic;
}
.bbp-topic-tags a:hover {
color: #e96656;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
clear: left;
color: #e96656;
}
.bbp-reply-post-date {
font-size: 12px;
}
.bbp-template-notice.error strong {
font-size: 12px;
}
.bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
background: #e96656;
content: "";
}
.bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
background: #e96656;
content: "";
}
.bbp-meta {
float: left;
width: 100%;
padding: 0 5px;
border-bottom: 1px solid #f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-border-radius: 3px;
}
span.bbp-admin-links a {
color: #666;
}
span.bbp-admin-links a:hover {
color: #e96656 !important;
}
#favorite-toggle a,
#subscription-toggle a {
color: #666;
font-style: italic;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
color: #e96656;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
clear: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4em;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.bbp-user-section {
margin-top: 20px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
background: none !important;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
clear: left;
}
.bbp-topic-started-in a {
color: #666;
font-size: 12px;
font-style: italic;
}
.bbp-topic-started-in a:hover {
text-decoration: underline;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-replies {
clear: left;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header {
float: left;
clear: left;
font-size: 13px;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
font-size: 13px;
font-style: italic;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
float: left;
}
#bbpress-forums fieldset.bbp-form legend {
float: left;
position: relative;
margin-top: 50px;
margin-bottom: 30px;
color: #404040;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#bbpress-forums fieldset.bbp-form legend:before {
position: absolute;
z-index: 1;
bottom: -5px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums .is-favorite a {
color: #e96656;
}
#bbpress-forums .bbp-reply-title h3 {
float: left;
}
#bbpress-forums .bbp-reply-title h3 a {
font-size: 16px;
font-style: italic;
}
#bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-forum-header {
padding-bottom: 0;
background: none;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header {
background: none;
}
#bbpress-forums div.bbp-topic-title h3 {
float: left;
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
float: left;
margin-left: 5px;
line-height: 33px;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
display: none;
content: "";
}
li.bbp-body div.hentry {
padding: 0;
}
#bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
padding-top: 0;
}
/* [end] bbpress */
/* Easy Digital Downloads style [version 2.4.9] */
.edd_download {
float: left;
width: 33%;
}
.edd_download:nth-child(4n+1) {
clear: both;
}
.edd_download_excerpt p {
text-align: justify;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
color: #fff;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
border: none;
}
#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
border: none;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#edd_checkout_cart a,
.edd_discount_link a,
.edd-lost-password a {
color: #f73f2e;
}
#edd_login_form input[type="submit"] {
margin-left: 0;
}
#edd_checkout_form_wrap select.edd-select {
display: block;
width: 70%;
}
.edd-cart-added-alert {
width: 100%;
color: #d9534f;
}
.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
border: none;
border: none;
border-bottom: 3px solid #c84e54;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background-color: #e86a6a;
}
.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
color: #fff;
}
.edd-alert-error a:hover {
text-decoration: underline;
}
#edd_checkout_form_wrap fieldset p:last-child {
color: rgba(255,255,255,0.8);
}
.edd_download_inner {
margin: 0 15px;
margin-bottom: 30px;
padding: 15px;
background: #fff;
text-align: center;
list-style: none;
transition: all ease 0.55s;
}
.edd_download_inner:hover {
border-bottom-color: #008ed6;
}
.edd_download_title a,
.edd_download_title {
color: #404040;
font-size: 1em;
font-weight: bold;
line-height: 24px;
}
.edd_download_title {
margin-top: 10px;
margin-bottom: 10px;
}
#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
border-bottom: 0;
}
#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
margin-bottom: 10px;
}
#edd_new_user_pass1,
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="url"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="search"],
#edd_profile_editor_form textarea {
width: 221px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #555;
}
#edd_profile_editor_form input[type="submit"] {
margin-left: 0;
}
#edd_profile_billing_address_wrap legend {
margin-top: 50px;
}
#edd_login_form legend {
margin-top: 50px;
}
#edd_address_country,
#edd_display_name {
width: 192px;
}
#edd_user_history,
#edd_checkout_cart,
#edd_checkout_form_wrap fieldset,
#edd_discounts_list {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th {
padding: 9px 12px;
border: none;
background: transparent;
}
#edd_user_history td,
#edd_checkout_cart td {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
.edd_cart_footer_row,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart tfoot th:last-child {
border-top: 1px solid rgba(0,0,0,0.1);
}
#edd_checkout_cart .edd_checkout_cart_item_title,
#edd_checkout_cart td {
font-size: 16px;
line-height: 22px;
}
#edd_checkout_cart td {
border-right: none;
border-left: none;
}
#edd_discounts_list .edd_discount {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
list-style: none;
}
#edd_discounts_list .edd_discount:nth-child(1) {
border-top: none;
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=text] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
#edd_profile_editor_form legend {
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
color: #333;
font-size: 120%;
font-weight: 700;
line-height: 1;
}
.edd_price_options.edd_multi_mode ul {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
.edd_price_options.edd_multi_mode ul li {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.edd_price_options.edd_multi_mode ul li:nth-child(1) {
border-top: none;
}
.edd-image-wrap {
float: right;
width: 100%;
max-width: 50%;
padding: 0 0 15px 15px;
}
.edd-image-wrap img {
width: 100%;
height: auto;
}
/* WP MegaMenu */
.wr-megamenu-container .preview-text,
.wr-megamenu-container .preview-text p {
color: #808080;
font-size: 14px;
font-weight: normal;
}
.wr-megamenu-container .block-sub-menu a {
padding: 5px;
color: #808080;
}
.wr-element-submenu .submenu-items a {
padding: 6px 5px 6px 20px !important;
}
.wr-megamenu-container {
margin-top: 12px;
}
.it-responsive-mega {
display: none !important;
}
.jsn-bootstrap3 .glyphicon {
margin-right: 2px;
font-size: 10px;
}
.wr-element-container {
padding: 5px 0;
}
.jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
display: none !important;
}
.wr-element-container ul.sub-menu li a > i,
.wr-element-container ul.submenu-items li a > i {
margin-right: 7px;
}
@media only screen and (max-width: 783px) {
.wr-mega-menu .wr-menu-down {
margin: -43px 5px 0 0 !important;
}
}
@media (max-width: 992px) {
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
padding: 10px;
color: #fff;
font-size: 12px;
}
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
font-size: 12px;
}
.zerif_about_us_center p,
.about-us .col-md-6.zerif_about_us_center.text_and_skills p {
text-align: center;
}
}
@media (max-width: 768px) {
.edd_download {
width: 100% !important;
}
}
/* [end] Easy Digital Downloads */
body.custom-background {
background-attachment: fixed !important;
background-position: top center !important;
}
.blog .blog-site-content.site-content {
background: #fff;
}
.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
clear: both;
}
.dropdownmenu {
display: none;
}
/* mobile background fix */
.mobile-bg-fix-wrap {
overflow: hidden;
width: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
/*---------------------------------------
** Max Mega Menu -----
-----------------------------------------*/
.mega-menu-primary #main-nav > .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
text-align: center;
}
.menu-align-center #mega-menu-wrap-primary {
margin: auto;
}
#mega-menu-wrap-primary {
margin-left: auto;
}
.obfx-menu-icon {
vertical-align: middle;
margin-right: 5px;
}
@media (max-width: 768px) {
.mega-menu-primary #main-nav > .container {
display: block;
}
.mega-menu-primary .responsive-logo {
float: left;
}
#mega-menu-wrap-primary {
float: none;
clear: both;
position: static;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 20px;
top: 20px;
margin-bottom: 10px;
background: #808080;
border: 1px solid #333;
border-radius: 4px;
height: auto;
transition: .3s ease background;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
background: #e96656;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
margin: 0;
font-size: 28px;
padding: 0 10px;
color: #fff;
line-height: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
line-height: 34px;
}
.mega-toggle-label-closed,
.mega-toggle-label-open {
padding-left: 10px;
}
.mega-toggle-label-closed:empty,
.mega-toggle-label-open:empty {
padding-left: 0;
}
}
@media (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle {
position: relative;
top: 0;
left: 0;
}
.mega-menu-primary .responsive-logo {
width: 100%;
text-align: center;
}
.mega-menu-primary .navbar-brand {
float: none !important;
}
}
/*---------------------------------------
** Responsive -----
-----------------------------------------*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* TOP BAR ELEMENTS */
/* HOME */
.intro {
margin-top: 40%;
font-size: 45px;
line-height: 55px;
}
/* ABOUT US */
.big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
/* TEAM */
.team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
line-height: 18px;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.container .company-details {
width: 33%;
padding-top: 40px;
}
}
@media (max-width: 992px) {
.purchase-now .red-btn {
float: none;
}
.skills {
margin-left: 0;
}
#client-feedbacks .feedback-box {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 26%;
}
.intro-text {
font-size: 45px;
line-height: 55px;
}
.section-header h2 {
font-size: 35px;
}
.section-header {
padding-bottom: 30px;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 60px;
padding-bottom: 60px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 225px 0 150px;
}
.about-us .big-intro {
text-align: center;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.container .company-details:first-child {
padding-top: 40px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
.container .company-details {
width: 100%;
}
}
@media (max-width: 767px) {
/* HEADER */
.bs-navbar-collapse {
border: 0;
}
#main-nav {
overflow: visible;
}
#main-nav,
#main-nav.fixed {
position: relative;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li {
position: relative;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
width: 100%;
box-shadow: none;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: left;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
float: left;
width: 100%;
padding: 8px 25px 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
top: 0;
left: 0;
}
.navbar-inverse .navbar-brand {
float: left;
}
.rtl .navbar-inverse .navbar-brand {
float: right;
}
#main-nav {
overflow: hidden;
}
.navbar-collapse {
max-height: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-left: 20px;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-top: 0;
padding-bottom: 0;
}
.dropdownmenu {
display: block;
position: absolute;
z-index: 9;
top: 5px;
right: 0;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
border-radius: 3px;
background: url(images/menu-icon.png) center center no-repeat #e96656;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
margin-right: 0;
padding-right: 0;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #404040 !important;
}
.this-open > a {
color: #e96656 !important;
}
li.current > a:before {
display: none !important;
content: "";
}
ul.nav > li.current_page_item > a:before {
left: 0;
width: 50px;
content: "";
}
.menu-align-center #site-navigation > ul ul {
left: 0;
}
/* HOME */
.header {
min-height: inherit;
padding-bottom: 0 !important;
}
.intro {
font-size: 6.5vw;
line-height: 8vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 30%;
}
.intro-text {
font-size: 41px;
line-height: 49px;
}
.focus-box {
margin-bottom: 75px;
}
.section-header {
float: left;
width: 100%;
}
.pirate-forms-g-recaptcha > div {
display: inline-block;
}
.pirate_forms .pirate-forms-submit-button {
display: inline-block;
text-align: center;
}
.contact_submit_wrap {
text-align: center;
}
/* ABOUT US */
.big-intro {
font-size: 8vw !important;
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
.our-clients {
float: left;
width: 100%;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
footer.entry-footer {
padding-top: 0;
}
/* comments */
.comment-metadata {
position: relative;
top: 0;
right: 0;
}
}
@media (max-width: 480px) {
/* HOME */
.intro {
margin-top: 60%;
font-size: 6.5vw;
line-height: 6vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 40%;
}
.intro-text {
font-size: 32px;
line-height: 37px;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
margin-right: 0;
text-align: left;
}
/* blog */
.post-img-wrap {
width: 100%;
}
.listpost-content-wrap {
float: left;
width: 100%;
margin-top: 20px;
}
.post-img-wrap a {
float: none;
width: 250px;
height: 250px;
margin: 0 auto;
}
.post-img-wrap {
margin-right: 0;
text-align: center;
}
.post-img-wrap a img {
width: auto;
}
/* comments */
.comment-reply-link {
position: relative;
margin-top: 10px;
}
.post-img-wrap a img {
width: 250px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 320px) {
.intro {
font-size: 7vw;
line-height: 25px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 50%;
}
.intro-text {
font-size: 22px;
line-height: 30px;
}
.client-list ul li {
display: block;
}
.listpost-content-wrap-large {
position: relative;
}
.post-img-wrap-large {
display: none;
}
}
.zerif-copyright {
color: #939393!important;
}
.zerif-copyright-box {
width: 100%;
color: #666;
}
/* print */
@media print {
body {
font-size: 11.25pt;
}
a:link:after,
a:visited:after {
content: "";
}
header.header {
min-height: 0 !important;
}
#main-nav {
position: relative;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 30px 0 15px;
}
.buttons {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 15px;
}
.focus {
padding-bottom: 0;
}
.focus .row .focus-box,
.zerif_about_us_center,
.zerif-rtl-skills .skills,
#testimonials > .container > .row,
.zerif-rtl-contact-name,
.zerif-rtl-contact-email,
.zerif-rtl-contact-subject,
#contact > .container > .row .col-lg-12.col-sm-12,
.purchase-now > .container > .row .col-md-9,
.purchase-now > .container > .row .col-md-3,
.separator-one > .color-overlay .container.text,
.separator-one > .color-overlay > div {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.focus .row .focus-box {
width: 23% !important;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.about-us {
padding-bottom: 0;
}
.about-us .column {
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.about-us .big-intro {
margin-top: 0;
text-align: center;
}
.zerif-rtl-big-title,
.zerif-rtl-skills,
.zerif-rtl-skills .skills {
width: 100%;
}
.zerif-rtl-skills .skills li.skill {
display: inline-block;
float: left;
clear: none;
width: 25%;
margin-bottom: 0;
}
.about-us p {
text-align: center;
}
.our-team {
padding-top: 30px;
padding-bottom: 0;
}
.our-team .row {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.our-team .col-lg-3.col-sm-3 {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.team-member .profile-pic {
width: 100%;
height: auto;
}
#client-feedbacks .feedback-box {
width: 30%;
margin: 1.5%;
padding: 0;
}
.feedback-box .quote {
display: none;
}
.feedback-box .client-info {
margin-left: 0;
}
.section-header {
padding-bottom: 15px;
}
.testimonial {
padding-bottom: 0;
}
.feedback-box .client {
margin-top: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .input-box,
textarea {
border: 1px solid #000 !important;
box-shadow: none;
}
.footer-box {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.latestnews-box {
float: left;
width: 50%;
margin: 0;
padding: 0;
padding-right: 2%;
padding-left: 2%;
}
#carousel-homepage-latestnews .item {
height: auto !important;
}
.company-details {
float: left;
width: 33% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.copyright {
width: 100%;
}
.separator-one,
.purchase-now {
padding: 15px 0 15px 0;
}
.latest-news {
padding-top: 15px;
padding-bottom: 15px;
}
/* inner page */
.content-left-wrap {
padding-top: 0;
}
}
/* Nivo slider basic styling */
.nivo-controlNav {
position: absolute;
width: 100%;
bottom: 30px;
text-align: center;
z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
margin: 0 10px;
padding: 5px 10px;
opacity: 0.85;
color: #fff;
background-color: rgba(10, 10, 10, 0.9);
cursor: pointer;
transition: 0.3s ease;
}
.nivo-controlNav a.active {
color: #333;
background: #fff;
}
.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
opacity: 1;
}
.nivo-directionNav {
position: relative;
z-index: 100;
bottom: 74px;
width: 100%;
}
.nivo-directionNav .nivo-prevNav {
float: left;
}
.nivo-directionNav .nivo-prevNav:before {
content: "\00AB ";
}
.nivo-directionNav .nivo-nextNav {
float: right;
}
.nivo-directionNav .nivo-nextNav:after {
content: " \00BB";
}
/* END Nivo slider basic styling */
home/xbodynamge/dev/wp-content/themes/zerif-lite/style.css 0000644 00000424400 15113561015 0017720 0 ustar 00 /*
Theme Name: Zerif Lite
Theme URI: https://themeisle.com/themes/zerif-lite/
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Version: 1.8.5.48
License: GNU General Public License version 3
License URI: license.txt
WordPress Available: yes
Requires License: no
Text Domain: zerif-lite
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio, e-commerce, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
## Generic styles
## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
## About Section
## Portfolio Section
## Contact Section
## Team Section
## Subscribe Section
# Footer
# Blog
## Content
## Sidebar
## Attachment Page
# Woocommerce Integration
## My Account Page
## Generic
## YITH Magnifier
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html {
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-spacing: 0;
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "“" "”" "‘" "’";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
body {
overflow-x: hidden;
color: #808080;
font-family: "Lato", Helvetica, sans-serif !important;
font-size: 14px;
font-weight: normal;
line-height: 25px;
text-align: center;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Other fixes*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
i {
vertical-align: middle;
}
ul,
ol {
padding-left: 0 !important;
}
/* Selection colours (easy to forget) */
::selection {
color: #fff;
background: #fc6d6d;
}
::-moz-selection {
color: #fff;
background: #fc6d6d;
}
a {
color: #e96656;
-webkit-transition: all 700ms;
transition: all 700ms;
}
a,
a:hover {
text-decoration: none;
}
a:hover {
color: #cb4332;
}
p {
margin: 0;
}
.full-width {
width: 100%;
margin: auto;
}
/* do not group these rules (placeholder colors) */
*::-webkit-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*::-moz-placeholder {
color: #999 !important;
opacity: 1 !important;
}
*:-ms-input-placeholder {
color: #999 !important;
opacity: 1 !important;
}
.bypostauthor {
display: inherit;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote {
margin: 24px 40px;
font-size: 18px;
font-weight: 300;
font-style: italic;
line-height: 26px;
}
address {
margin: 0 0 1.5em;
}
pre {
overflow: auto;
max-width: 100%;
margin-bottom: 1.6em;
padding: 1.6em;
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
position: relative;
height: 0;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
dl {
margin: 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
clear: both;
margin: 0;
margin-bottom: 10px;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
h1,
h2 {
font-family: "Montserrat", Helvetica, sans-serif;
font-weight: 700;
line-height: 35px;
}
h1,
h1 span {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 16px;
}
/*--------------------------------------------------------------
3.0 Buttons
--------------------------------------------------------------*/
.buttons {
margin-top: 45px;
text-align: center;
}
.button {
display: inline-block;
margin: 10px;
padding: 10px 35px 10px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.custom-button {
display: inline-block !important;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
.red-btn {
background: #e96656;
}
.green-btn {
background: #1e9e6b;
}
.blue-btn {
background: #3ab0e2;
}
.yellow-btn {
background: #e7ac44;
}
.red-btn,
.green-btn,
.blue-btn,
.yellow-btn {
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
color: #fff;
background: #1288b9;
}
.red-btn:hover {
color: #fff;
background: #cb4332;
}
.green-btn:hover {
color: #fff;
background: #069059;
}
.yellow-btn:hover {
color: #fff;
background: #d8951e;
}
.btn:hover {
box-shadow: none;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
height: 1px;
margin-bottom: 1.5em;
border: 0;
background-color: #ccc;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em 0;
}
img {
max-width: 100%; /* Adhere to container width. */
height: auto; /* Make sure images are scaled correctly. */
}
figure {
margin: 0;
}
.site-main p {
margin: 0 0 24px;
}
table {
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #ededed;
border-spacing: 0;
border-collapse: collapse;
font-size: 14px;
line-height: 2;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
margin: 20px 0;
font-size: 16px;
}
th {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
font-weight: bold;
text-transform: uppercase;
}
td {
padding: 6px 10px 6px 0;
border-top: 1px solid #ededed;
}
thead th {
border: none;
}
/*---------------------------------------
** COLORS -----
-----------------------------------------*/
/** BACKGROUNDS **/
.red-bg {
background: #e96656;
}
.green-bg {
background: #34d293;
}
.blue-bg {
background: #3ab0e2;
}
.yellow-bg {
background: #e7ac44;
}
.dark-bg {
background: #404040;
}
.white-bg {
background: #fff;
}
/** FOR TEXTS AND ICON FONTS **/
.red-text {
color: #e96656;
}
.green-text {
color: #34d293;
}
.blue-text {
color: #3ab0e2;
}
.yellow-text {
color: #f7d861;
}
.dark-text {
color: #404040;
}
.white-text {
color: #fff;
}
/*---------------------------------------
** BORDER BOTTOMS -----
-----------------------------------------*/
.white-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #f5f5f5;
content: "";
}
.dark-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 25%;
width: 50%;
height: 2px;
margin: auto;
background: #404040;
content: "";
}
.red-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.green-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #34d293;
content: "";
}
.blue-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #3ab0e2;
content: "";
}
.yellow-border-bottom:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #f7d861;
content: "";
}
/*---------------------------------------
** 4.0 Forms -----
-----------------------------------------*/
button,
input,
select,
textarea {
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
font-size: 100%; /* Corrects font size not being inherited in all browsers */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #e96656;
box-shadow: none;
text-shadow: none;
font-size: 14px;
font-weight: 400;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-transform: uppercase;
cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #555;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
width: 98%;
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
}
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"] {
padding: 13px 35px 13px 35px;
}
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover {
background: #cb4332;
}
.input-box {
display: inline-block;
width: 274px;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border: 0 !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.textarea-box {
display: inline-block;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border: 0;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
outline: 1 !important;
outline-color: #e96656 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
}
/*---------------------------------------
** 5.0 Navigation -----
-----------------------------------------*/
/*---------------------------------------
** 5.1 Links -----
-----------------------------------------*/
a {
color: #e96656;
}
a:visited {
color: #e96656;
}
a:hover,
a:focus,
a:active {
color: #cb4332;
}
/*---------------------------------------
** 5.2 Menus -----
-----------------------------------------*/
.main-navigation {
display: block;
float: left;
clear: both;
width: 100%;
}
.main-navigation ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display: none;
float: left;
position: absolute;
z-index: 99999;
top: 1.5em;
left: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul ul {
top: 0;
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul {
display: block;
}
.navbar-collapse {
overflow: visible !important;
}
.navbar-inverse li.menu-item-open-left:hover > ul.sub-menu,
.navbar-inverse li.menu-item-open-left.link-focus > ul.sub-menu {
right: 0;
}
.navbar-inverse li.menu-item-open-left li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
right: 100%;
left: auto;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
overflow: hidden;
margin: 0 0 1.5em;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.nav-links a {
color: #e96656;
}
.site-main .post-navigation {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.nav .has_children > a:after {
margin: 0 0 0 6px;
color: inherit;
font-family: FontAwesome;
content: "\f0d7";
}
.nav .sub-menu .has_children > a:after {
content: "\f0da";
}
}
/*---------------------------------------
** 6.0 Accessibility -----
-----------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000; /* Above WP toolbar */
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
/*---------------------------------------
** 7.0 Alignments -----
-----------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
/*---------------------------------------
** 8.0 Clearings -----
-----------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
display: table;
content: "";
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*---------------------------------------
** 9.0 Widgets -----
-----------------------------------------*/
.sidebar-wrap {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.widget {
/*margin: 0 0 1.5em;
margin-bottom: 30px;*/
}
.widget .widget-title {
float: none;
position: relative;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 5px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.widget .widget-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.widget-area {
float: left;
width: 100%;
}
.widget-area .widget {
clear: both;
}
/* Make sure select elements fit in widgets */
.widget select {
width: 100%;
max-width: 100%;
padding: 10px;
border: 1px solid #e9e9e9;
}
.tagcloud a {
padding: 2px 5px;
background: #fcfcfc;
}
/* Search widget */
.widget_search .search-submit {
/* display: none; */
display: block;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
margin: 0;
padding: 0;
background: url(images/search_icon.png) no-repeat center center;
text-indent: -9999999px;
}
.widget_search label {
position: relative;
width: 100%;
margin-bottom: 5px;
}
.widget_search form {
position: relative;
}
.widget_search input {
width: 83%;
padding: 12px 15% 12px 2%;
}
.widget ul {
display: block;
margin: 0;
padding: 0;
}
.widget li {
position: relative;
margin: 15px 0;
margin-left: 3%;
padding-left: 10px;
text-align: left;
list-style: none;
}
.widget li:before {
float: left;
position: absolute;
left: 0;
width: 4px;
height: 4px;
margin-top: 11px;
background: #e9e9e9;
content: "";
}
.widget li a {
color: #808080;
}
.widget li a:hover {
color: #404040;
}
/*---------------------------------------
** 10.0 Content -----
-----------------------------------------*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.site-content {
background: #fff;
}
.home .site-content,
.page-template-template-frontpage .site-content {
background: none;
}
/*---------------------------------------
** 10.1 Posts and pages -----
-----------------------------------------*/
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: none;
}
.entry-meta-large .byline,
.entry-meta-large .updated {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-header {
margin: 0 0 40px;
border-bottom: none;
text-align: left;
}
.search-results .page-header {
margin: 0 0 40px;
}
.page-header .page-title {
position: relative;
}
.page-header .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
height: 2px;
margin: auto;
background: #e9e9e9;
content: "";
}
.taxonomy-description {
margin-top: 15px;
}
.entry-title {
position: relative;
}
.entry-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.entry-meta {
margin-top: 10px;
}
.content-area .entry-header {
overflow: hidden;
}
/*---------------------------------------
** 10.2 Asides -----
-----------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*---------------------------------------
** 10.3 Comments -----
-----------------------------------------*/
.comment {
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.comment a {
color: #c7254e;
}
.comment-body {
position: relative;
padding-bottom: 10px;
padding-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form,
.comments-title,
.comment-reply-title {
text-align: left;
}
.comment .reply a {
font-size: 12px;
}
.comment-form p {
margin: 10px 10px 10px 0;
}
.comment-form label {
width: 85px;
}
.comments-title {
margin-bottom: 20px;
font-size: 20px;
}
.comment-list {
margin-left: 0;
}
.comment-list li {
float: left;
width: 100%;
list-style: none;
}
.comment-reply-link {
position: absolute;
top: 0;
right: 0;
padding: 0.6em 1em 0.4em;
padding: 3px 5px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
text-shadow: none;
font-family: sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.comment-form #submit,
.comment-reply-link {
border-color: #e96656;
color: #fff !important;
background: #e96656;
}
.comment-form #submit:hover,
.comment-form #submit:focus,
.comment-form #submit:active {
background: #cb4332;
}
.comment-meta {
margin-top: 0 !important;
padding-top: 0 !important;
}
.comment-metadata {
position: absolute;
top: -2px;
right: 55px;
}
.comment-metadata,
.comment-metadata a {
padding: 3px 0;
color: #888;
font-size: 12px;
font-style: italic;
}
.comment-reply-link:hover {
background: #cb4332;
box-shadow: none;
}
.comment-author img {
position: absolute;
left: 0;
border-radius: 50%;
}
.comment-author b.fn {
color: #000;
}
/*---------------------------------------
** 11.0 Infinite scroll -----
-----------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block;
}
/*---------------------------------------
** 12.0 Media -----
-----------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
border: 1px solid #ccc;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 98%;
margin: 1.2% auto 0;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 1.2%;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.site-main .gallery a img {
max-width: 90%;
height: auto;
border: none;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/*---------------------------------------
** 6.5 Gallery -----
-----------------------------------------*/
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
margin: 0 4px 4px 0;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
position: absolute;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 6px 8px;
opacity: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
font-size: 12px;
line-height: 1.5;
text-align: left;
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 49px;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item img {
max-width: 100% !important;
}
/*---------------------------------------
** Header -----
-----------------------------------------*/
/*** SECTION HEADERS ***/
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 100px;
}
.section-header {
padding-bottom: 75px;
text-align: center;
}
.section-header h2,
#focus .section-header h2 a,
#team .section-header h2 a,
#aboutus .section-header h2 a,
#testimonials .section-header h2 a,
#contact .section-header h2 a {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 45px;
line-height: 40px;
text-transform: uppercase;
}
.section-header .section-legend {
margin-bottom: 0;
padding-top: 0;
color: #000;
font-size: 16px;
}
/* PRE LOADER */
.preloader {
overflow: hidden !important;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fefefe;
}
.status {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin: -100px 0 0 -100px;
background-image: url(images/loading.gif);
background-repeat: no-repeat;
background-position: center;
}
#parallax_move .layer {
width: 100%;
height: 100%;
background-position: top center;
background-size: cover;
}
.home-header-wrap {
overflow: hidden;
position: relative;
}
/*---------------------------------------
** Section: Home -----
-----------------------------------------*/
.header.header {
min-height: 76px;
}
.header.header > .navbar {
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.header-content-wrap {
position: relative;
padding: 285px 0 210px;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-content-wrap {
position: relative;
padding: 170px 0 90px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);
}
.blog-header-subtitle {
margin-bottom: 10px;
color: #fff;
font-size: 21px;
font-weight: 100;
}
.header_title {
float: left;
height: 50px;
margin-top: 10px;
}
.header_title h1 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.header_title h2 {
margin: 0;
font-size: 15px !important;
line-height: 15px;
}
.header_title a {
color: #000;
}
/*---- SECTION: HOME > TOP BAR ----*/
#site-navigation {
float: right;
height: 1px;
margin-right: 0;
margin-left: 0;
}
.navbar {
border: 0;
border-radius: 0 !important;
background: #fff;
text-align: left;
}
#main-nav {
position: fixed;
z-index: 1000;
width: 100%;
min-height: 75px;
margin-bottom: 0;
}
#main-nav.fixed {
position: fixed;
top: 0;
}
.navbar-inverse .navbar-nav {
margin-right: 0;
margin-left: 0;
}
.navbar-inverse .navbar-nav > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .navbar-nav > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .navbar-nav > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .main-navigation ul > li {
display: inline;
margin-top: 20px;
margin-right: 20px;
}
.navbar-inverse .main-navigation > ul > li:last-child {
margin-right: 0 !important;
}
.navbar-inverse .main-navigation > ul > li > a {
padding: 0;
color: #404040;
line-height: 35px;
}
.navbar-inverse .navbar-nav ul.sub-menu {
position: absolute;
z-index: 9999;
top: 100%;
left: -999em;
width: 200px;
background: #fff;
box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
}
.navbar-inverse .navbar-nav ul.sub-menu {
margin: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: none;
position: relative;
padding: 10px;
list-style: none;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
color: #404040;
}
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a,
.navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a {
color: #e96656;
}
.navbar-inverse ul ul {
left: -999em;
}
.navbar-inverse ul ul ul {
top: 0;
left: -999em;
}
.navbar-inverse ul li:hover > ul.sub-menu,
.navbar-inverse ul li.link-focus > ul.sub-menu {
left: auto;
}
.navbar-inverse ul ul li:hover > ul.sub-menu,
.navbar-inverse ul ul li.link-focus > ul.sub-menu {
left: 100%;
}
.navbar-brand {
display: inline-block;
position: relative;
height: 76px;
padding: 7px 15px;
line-height: 60px;
text-align: center;
}
.navbar-brand > a > img {
width: auto;
max-height: 100%;
}
.navbar-brand .site-title-tagline-wrapper {
display: inline-block;
vertical-align: middle;
}
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:hover,
.navbar-inverse .navbar-brand .site-title-tagline-wrapper .site-title > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand .site-title > a {
color: #999;
text-decoration: none;
}
.navbar-inverse .navbar-brand p.site-description,
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 0;
color: #000;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-inverse .navbar-brand .site-title {
margin-bottom: 5px;
}
.navbar-inverse .navbar-brand .site-title a {
color: #000;
}
.navbar-inverse .navbar-brand p.site-description {
font-size: 16px;
line-height: normal;
}
.navbar-brand > img {
max-height: 100%;
}
.navbar-brand:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.link-focus {
outline: none;
color: #e96656;
}
.navbar-toggle {
margin-top: 23px;
border: 0;
background-color: #808080;
}
.navbar-toggle:focus {
border: 1px dotted black;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
opacity: 1;
background-color: #e96656;
box-shadow: none;
filter: alpha(opacity=100);
}
.navbar-toggle.active {
background-color: #e96656 !important;
}
.navbar-toggle.collapsed {
background-color: #808080 !important;
}
.menu-align-center #site-navigation {
width: 100%;
}
.menu-align-center #site-navigation > ul {
width: 100%;
text-align: center;
}
.menu-align-center #site-navigation > ul ul {
text-align: left;
}
.menu-align-center #site-navigation > ul > li {
display: inline-block;
float: none;
}
.menu-align-center .responsive-logo {
width: 100%;
text-align: center;
}
.menu-align-center .zerif_header_title {
width: 100%;
}
.menu-align-center .navbar-inverse .navbar-nav > li {
margin-top: 0;
margin-bottom: 0;
}
.menu-align-center .responsive-logo > a {
display: inline-block;
float: none;
}
.menu-align-center .navbar-brand {
float: none;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #e96656;
}
.navbar-inverse .navbar-nav > li.current > a {
position: relative;
outline: none;
color: #e96656;
}
ul.nav > li.menu-item-home > a:before {
display: none;
content: "";
}
li.current > a:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
ul.nav > li.current_page_item.menu-item-home > a:before {
display: none;
content: "";
}
ul.nav > li.current_page_item.current > a:before {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
@media (max-width: 768px) {
ul.nav > li.current > a:before,
.page ul.nav > li.current-menu-item > a:before,
.single-post ul.nav > li.current-menu-item > a:before,
.archive ul.nav > li.current-menu-item > a:before {
display: none;
}
}
/*---- SECTION: HOME > INTRO AND SHORT MSGS ----*/
.intro {
float: none;
z-index: 0;
margin-top: 25%;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
.intro-text,
.intro-text a {
float: none;
z-index: 0;
color: #fff;
font-size: 55px;
line-height: 65px;
text-align: center;
text-transform: uppercase;
}
/* Short Messages */
.bottom-message-section {
position: relative;
margin-top: 14%;
}
.short-text {
margin: auto;
color: rgba(255,255,255,0.7);
text-align: center;
text-transform: uppercase;
}
/*---- SECTION: HOME > LATEST NEWS ----*/
.latest-news {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.carousel-inner {
/* margin: 0 30px; */
}
#carousel-homepage-latestnews .item {
height: auto;
}
.latesnews-content p,
.latesnews-content {
color: #777;
font-size: 14px;
line-height: 18px;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a {
display: block;
color: #404040;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-title a:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 12.5%;
width: 75%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
background: #e96656;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
background: #34d293;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
background: #3ab0e2;
}
#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
background: #f7d861;
}
#carousel-homepage-latestnews .item .latestnews-box .latestnews-img .latestnews-img-a {
display: block;
}
#carousel-homepage-latestnews {
margin: 0 30px;
}
#carousel-homepage-latestnews .carousel-control {
width: 45px;
background: none;
}
.carousel-control:focus {
outline: thin dotted #cb4332;
outline-offset: 0;
}
.carousel-control:active {
outline: 0;
}
.carousel-control.left {
margin-left: -45px;
}
.carousel-control.right {
margin-right: -45px;
}
.carousel-control .glyphicon-chevron-right {
right: auto;
}
#carousel-homepage-latestnews .glyphicon-chevron-left:before {
float: left;
width: 30px;
height: 30px;
background: url(images/left-arrow.png) no-repeat center center;
content: "";
}
#carousel-homepage-latestnews .glyphicon-chevron-right:before {
float: left;
width: 30px;
height: 30px;
background: url(images/right-arrow.png) no-repeat center center;
content: "";
}
/*---------------------------------------
** Section: Our focus -----
-----------------------------------------*/
.focus-box .service-icon .pixeden {
border-radius: 50%;
}
.focus {
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.focus .row {
text-align: center;
}
.focus .row .focus-box,
.our-team .row .team-box {
display: inline-block;
float: none !important;
margin-right: -4px;
margin-bottom: 25px;
vertical-align: top;
}
/* FOCUS BOX */
.focus-box .service-icon {
display: block;
position: relative;
width: 145px;
height: 145px;
margin: auto;
margin-bottom: 30px;
margin-bottom: 20px;
border: 10px solid #ececec;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,
.green,
.blue,
.yellow {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#focus span:nth-child(4n+1) .focus-box .service-icon:hover,
#focus span:nth-child(4n+1) .focus-box .service-icon:focus {
border: 10px solid #e96656;
}
#focus span:nth-child(4n+2) .focus-box .service-icon:hover,
#focus span:nth-child(4n+2) .focus-box .service-icon:focus {
border: 10px solid #34d293;
}
#focus span:nth-child(4n+3) .focus-box .service-icon:hover,
#focus span:nth-child(4n+3) .focus-box .service-icon:focus {
border: 10px solid #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .service-icon:hover,
#focus span:nth-child(4n+4) .focus-box .service-icon:focus {
border: 10px solid #f7d861;
}
#focus span:nth-child(4n+1) .focus-box .red-border-bottom:before {
background: #e96656;
}
#focus span:nth-child(4n+2) .focus-box .red-border-bottom:before {
background: #34d293;
}
#focus span:nth-child(4n+3) .focus-box .red-border-bottom:before {
background: #3ab0e2;
}
#focus span:nth-child(4n+4) .focus-box .red-border-bottom:before {
background: #f7d861;
}
.focus-box h3 {
display: inline-block;
float: none;
position: relative;
width: auto;
margin-bottom: 15px;
margin-bottom: 30px;
color: #404040;
background: none;
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
}
.focus-box p {
color: #808080;
font-size: 14px;
}
/* Links used in sane defaults */
.focus a.zerif-default-links,
.our-team a.zerif-default-links {
color: #404040;
}
.about-us a.zerif-default-links,
.separator-one a.zerif-default-links,
.testimonial a.zerif-default-links,
.contact-us a.zerif-default-links {
color: #fff;
}
.testimonial #client-feedbacks a.zerif-default-links {
color: #404040;
}
.focus a.zerif-default-links:hover,
.about-us a.zerif-default-links:hover,
.our-team a.zerif-default-links:hover,
.testimonial a.zerif-default-links:hover,
.contact-us a.zerif-default-links:hover {
color: #e96656;
}
.separator-one a.zerif-default-links:hover,
.testimonial #client-feedbacks a.zerif-default-links:hover {
color: #000;
}
/* END - Links used in sane defaults */
/*----OTHER FOCUSES ----*/
.other-focuses {
margin-bottom: 25px;
background: url(images/lines.png) repeat-x center;
}
.other-focuses .section-footer-title {
padding: 0 15px;
color: #404040;
font-weight: bold;
}
.other-focus-list {
margin-bottom: -17px;
padding-top: 5px;
}
.other-focus-list ul li {
display: inline-block;
margin-right: 50px;
padding-bottom: 15px;
text-transform: uppercase;
}
.other-focus-list ul li:last-child {
margin-right: 0;
}
.other-focus-list ul li i {
margin-right: 8px;
}
/*---------------------------------------
** Secction: Separator one -----
-----------------------------------------*/
.separator-one {
padding: 100px 0 100px 0;
background: rgba(52, 210, 147, 0.8);
}
.separator-one .green-btn {
background: #14a168;
}
.separator-one .green-btn:hover {
background: #007345;
}
.separator-one .text {
max-width: 800px;
margin-top: 15px;
margin-bottom: 20px;
padding: 0;
color: #fff;
line-height: 34px;
}
.separator-one .text a {
font-size: 24px;
}
/*---------------------------------------
** Section: Portfolio -----
-----------------------------------------*/
.works {
min-height: 800px;
padding-bottom: 100px;
background: #fff;
}
/* IMAGE GRID */
.cbp-rfgrid {
position: relative;
width: 100%;
margin: auto;
padding: 0;
list-style: none;
}
.cbp-rfgrid li {
float: left;
overflow: hidden;
position: relative;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
display: block;
width: 100%;
max-width: 100%;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.cbp-rfgrid li a:hover img {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transform: scale(1.05,1.07);
-ms-transform: scale(1.05,1.07);
transform: scale(1.05,1.07);
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .project-info {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
padding-top: 25%;
opacity: 0;
background: rgba(0,0,0,0.5);
text-align: center;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info .project-details {
position: relative;
top: -29px;
width: 100%;
opacity: 0;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
filter: alpha(opacity=0);
}
.cbp-rfgrid li a .project-info h5 {
display: inline-block;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.cbp-rfgrid li a:hover .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .project-details {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li a:hover .button {
bottom: -50px;
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info {
opacity: 1;
filter: alpha(opacity=100);
}
.cbp-rfgrid-tr {
position: absolute;
z-index: 9;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.cbp-rfgrid li.cbp-rfgrid-open a .project-info .project-details {
top: 0;
opacity: 1;
}
/****************************************************************/
/*********************** PIRATE FORMS style ********************/
/****************************************************************/
.pirate_forms {
padding-bottom: 95px;
}
.pirate_forms input:not([type='checkbox']),
.pirate_forms textarea {
width: 100%;
margin: auto;
border-radius: 4px !important;
}
.pirate_forms input:not([type='checkbox']) {
display: inline-block;
min-height: 46px;
padding: 9px;
padding-left: 15px !important;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms textarea {
display: inline-block;
width: 100% !important;
min-height: 250px;
padding: 9px;
padding-left: 15px;
border-radius: 4px;
background: rgba(255,255,255, 0.95);
text-align: left;
text-transform: none;
}
.pirate_forms .custom-button {
float: right;
margin-right: 15px;
}
.pirate-forms-g-recaptcha {
display: none;
}
.pirate_forms .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.pirate_forms_error_box {
text-align: center;
}
.pirate_forms_error_box p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #e96656;
}
.pirate_forms_thankyou_wrap p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
background: #34d293;
}
.pirate_forms .pirate-forms-submit-button {
float: right;
margin-right: 0;
color: #fff !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pirate_forms .pirate-forms-submit-button:hover {
color: #fff;
background: #cb4332;
}
.pirate_forms .contact_checkbox_wrap,
.pirateform_wrap_classes_spam_wrap {
text-align: left;
}
.pirate_forms .contact_checkbox_wrap p {
padding-left: 5px;
margin: 0px;
}
section#contact .pirate_forms .contact_checkbox_wrap p {
color: #ffffff;
}
.pirate-forms-maps-custom {
float: left;
}
.contact-us .pirate-forms-maps-custom,
.contact-us .contact_checkbox_wrap {
color: #ffffff;
}
.zerif_hidden_if_not_customizer {
display: none !important;
}
.pixeden {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 63px;
margin: auto;
}
/* media queries: change number of items per row */
@media screen and (max-width: 1190px) {
.cbp-rfgrid li {
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: calc(100% / 4);
}
}
@media screen and (max-width: 1024px) {
.cbp-rfgrid li {
width: 33.33333333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.cbp-rfgrid li {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
}
@media screen and (max-width: 480px) {
.cbp-rfgrid li {
width: 100%;
}
}
@media screen and (max-width: 300px) {
.cbp-rfgrid li {
width: 100%;
}
}
/* PROJECT DETAILS LOADER */
#back-button {
display: none;
margin: 10px;
padding: 13px 35px 13px 35px;
border-radius: 4px;
text-align: center;
text-transform: uppercase;
}
#back-button i {
margin-right: 10px;
}
#loader {
display: none;
position: relative;
min-height: 930px;
}
#loader .loader-icon {
position: fixed;
z-index: 10000;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px -22px;
border-radius: 5px;
background: url(images/loading.gif) no-repeat center center;
background-color: #fff;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
/****************************************************************/
/*********************** WPFORMS Lite style ********************/
/****************************************************************/
.home div.wpforms-container-full .wpforms-form input[type=text], .home div.wpforms-container-full .wpforms-form input[type=email], .home div.wpforms-container-full .wpforms-form textarea {
border-radius: 4px;
padding: 9px 9px 9px 15px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.95);
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: right;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
background-color: #e96656;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background-color: #cb4332;
border-width: 0;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding: 13px 35px 13px 35px;
}
.home .wpforms-field-label, .home .wpforms-field-description, .home .wpforms-field-sublabel, .home .wpforms-field-checkbox, .home .wpforms-field-radio, .home .wpforms-image-choices-none label {
color: rgba(255, 255, 255, 0.95);
text-align: left;
}
.home .wpforms-field-checkbox .wpforms-image-choices, .home .wpforms-field-radio .wpforms-image-choices{
color: #404040;
}
.home div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #e96656;
}
/*---------------------------------------
** Section: About us; -----
-----------------------------------------*/
.about-us {
color: #fff;
background: #272727;
}
.about-us .big-intro {
margin-top: -15px;
font-size: 60px;
font-weight: 300;
line-height: normal;
text-align: right;
}
.about-us .section-header .section-legend {
color: #fff;
}
.about-us p {
color: #939393;
font-size: 14px;
line-height: 25px;
text-align: left;
}
.about-us .column {
margin-bottom: 78px;
}
.about-us .col-md-12.zerif-rtl-big-title .big-intro,
.about-us .col-md-12.zerif_about_us_center p {
text-align: center;
}
/*--SKILLS --*/
.skills {
margin: 0 0 0 0;
text-align: left;
}
.skills .skill {
display: block;
clear: both;
margin-top: 0;
margin-bottom: 25px;
}
.skills .skill .skill-count {
display: inline-block;
float: left;
height: 64px;
margin-top: 3px;
margin-right: 15px;
margin-bottom: 25px;
}
.skills li:last-child {
margin-bottom: 0;
}
.skills .skill .skill1,
.skill2,
.skill3,
.skill4 {
font-size: 16px !important;
}
.skills .skill .section-legend {
float: none;
clear: none;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
}
.skills .skill p {
color: #8f8f8f;
font-size: 14px;
line-height: 20px;
}
/*--OUR CLIENTS --*/
.our-clients {
float: left;
width: 100%;
margin-bottom: 40px;
background: url(images/lines-dark.png) repeat-x center;
}
.our-clients .section-footer-title {
padding: 0 15px;
color: #fff;
background: #272727;
font-size: 16px;
}
.our-clients h2 {
float: none;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.client-list {
float: left;
width: 100%;
margin-bottom: 78px;
padding-top: 5px;
}
.client-list ul {
margin: 0;
}
.client-list ul li {
display: inline-block;
margin-right: 24px;
padding-bottom: 15px;
vertical-align: middle;
text-transform: uppercase;
}
.client-list ul li img {
max-width: 130px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list ul li img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list ul li:last-child {
margin-right: 0;
}
.client-list ul li i {
margin-right: 8px;
}
.client-list div {
margin: 0;
}
.client-list div span {
margin-right: 24px;
}
.client-list div a:last-child {
margin-right: 0;
}
.client-list div img {
max-width: 130px;
padding-bottom: 15px;
opacity: 0.8;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.client-list div img:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.client-list div a:last-child {
margin-right: 0;
}
/*---------------------------------------
** Section: stats -----
-----------------------------------------*/
.stats {
clear: both;
padding: 100px 0 60px 0 !important;
background: rgba(0, 0, 0, 0.5);
}
.stat {
margin-bottom: 40px;
}
.stat .icon-top {
height: 50px;
font-size: 40px;
line-height: 50px;
}
.stat .stat-text {
display: inline-block;
position: relative;
}
.stat h3 {
display: inline-block;
position: relative;
margin-top: 20px;
padding-bottom: 5px;
}
.stat .section-legend {
margin-top: 15px;
color: #d1d1d1;
}
/*---------------------------------------
** Section: Our team; -----
-----------------------------------------*/
.our-team {
padding-top: 100px;
padding-bottom: 66px;
background: #fff;
}
.team-member {
overflow: hidden;
position: relative;
margin-bottom: 35px;
border-radius: 4px;
}
.team-member .details {
position: absolute;
top: -200px;
left: 0;
width: 100%;
height: 190px;
padding: 15px;
opacity: 0;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-transition: all 500ms;
transition: all 500ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.team-member .member-details {
display: inline-block;
position: relative;
padding-bottom: 5px;
}
.team-member:hover .details,
.team-member:focus .details {
top: 0;
opacity: 1;
color: white;
background: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member.team-member-open .details {
display: block;
top: 0;
opacity: 1;
color: white;
background: #333;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.team-member .profile-pic {
overflow: hidden;
width: 174px;
height: 174px;
margin: auto;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h3 {
position: relative;
margin-top: 15px;
color: #404040;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.team-member .position {
font-size: 13px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
margin: 6px;
line-height: 32px;
}
.team-member .social-icons ul li a {
border-radius: 50%;
color: #808080;
background: #fff;
font-size: 18px;
}
.team-member .social-icons ul li a:hover {
color: #e96656;
}
.our-team .row > span:nth-child(4n+1) .red-border-bottom:before {
background: #e96656;
}
.our-team .row > span:nth-child(4n+2) .red-border-bottom:before {
background: #34d293;
}
.our-team .row > span:nth-child(4n+3) .red-border-bottom:before {
background: #3ab0e2;
}
.our-team .row > span:nth-child(4n+4) .red-border-bottom:before {
background: #f7d861;
}
/*---------------------------------------
** Features -----
-----------------------------------------*/
.features {
padding-bottom: 51px;
background: #fff;
text-align: left;
}
.features .feature {
margin-bottom: 55px;
}
.features .feature-icon {
float: left;
margin-top: 10px;
margin-right: 25px;
font-size: 55px;
}
.features .feature h5 {
color: #404040;
font-weight: bold;
line-height: 28px;
}
.features .feature p {
font-size: 14px;
}
/*---------------------------------------
** Packages -----
-----------------------------------------*/
.packages {
padding-bottom: 50px;
background: rgba(0, 0, 0, 0.5);
}
.package {
margin-top: 25px;
margin-bottom: 50px;
padding-bottom: 15px;
border-radius: 4px;
background: #fff;
}
.package-header {
height: 57px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
line-height: 57px;
}
.package-header h5 {
font-weight: bold;
text-transform: uppercase;
}
.price {
height: 100px;
color: #fff;
font-weight: 400;
line-height: 120px;
}
.price h4 {
display: inline;
margin-bottom: 0;
font-size: 40px;
line-height: normal;
}
.price h4 .dollar-sign {
font-size: 17px;
vertical-align: super;
}
.price .price-meta {
color: #9f9f9f;
line-height: normal;
text-transform: uppercase;
}
.package ul li {
width: 80%;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
.package ul li:last-child {
border-bottom: 0;
}
.best-value .package {
margin-top: 0;
}
.best-value .package-header {
height: 82px !important;
padding-top: 17px;
}
.best-value .package-header h4 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
}
.best-value .package-header .meta-text {
font-size: 13px;
line-height: normal;
}
.best-value .package-header {
height: 72px;
}
.package ul li i {
margin-right: 5px;
font-size: 13px;
}
.order {
color: #404040;
background: #d8ccba;
}
.package .order-now {
display: block;
max-width: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
color: #fff;
background: #404040;
line-height: 45px;
-webkit-transition: all 700ms;
transition: all 700ms;
}
.package .order-now:hover {
background: #e96656;
}
/*---------------------------------------
** Producs -----
-----------------------------------------*/
.products .color-overlay {
margin-top: -100px;
padding-top: 100px;
padding-bottom: 70px;
background: rgba(39,144,176, 0.96);
}
/*---ITEM STYLE ---*/
.item {
display: block;
overflow: hidden;
position: relative;
z-index: 5;
width: 100%;
height: 260px;
margin: auto;
margin-bottom: 30px;
border-radius: 4px;
-webkit-background-size: 100%;
background-size: 100%;
-webkit-backface-visibility: hidden;
}
.item-overlay {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.item-content {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
transform: translate(0,100%);
}
.item:hover .item-content {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.item-top-content {
position: relative;
}
.item-top-content-inner {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 15px 10px 15px;
background: rgba(255,255,255,0.95);
}
.item-add-content {
padding: 0 15px 15px 15px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.item:hover .item-add-content {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.item-add-content-inner {
padding-top: 10px;
border: 0 solid #dadada;
border-top-width: 1px;
}
.item-top-title {
text-align: left;
}
.item-top-title h5 {
color: #404040;
font-weight: 700;
}
/* ITEM DETAILS */
.item-product {
float: left;
width: 70%;
}
.item-product-price {
float: right;
width: 30%;
text-align: right;
}
.subdescription {
color: #7d7d7d;
font-size: 14px;
font-weight: 400;
}
/*---PRODUCT PRICE---*/
.item-product-price {
position: relative;
font-size: 1em;
font-weight: 700;
}
.item-product-price .subdescription {
color: #808080;
}
.old-price {
position: absolute;
right: -2px;
bottom: 10px;
width: 30px;
margin-top: -11px;
border: 0 solid #808080;
border-bottom-width: 1px;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
/*---ITEM DESCRIPTION ---*/
.item-content {
background: rgba(255,255,255,0.85);
}
.item-add-content {
color: #808080;
font-weight: 400;
}
.item-add-content .section {
margin-bottom: 10px;
}
.item-add-content .section:last-of-type {
margin-bottom: 0;
}
.item-add-content p {
font-size: 14PX;
}
/*---------------------------------------
** Newsletter -----
-----------------------------------------*/
.newsletter {
padding-top: 62px;
padding-bottom: 62px;
background: rgba(0, 0, 0, 0.5);
}
.newsletter h3 {
margin-bottom: 8px;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 28px;
font-weight: 700;
text-transform: uppercase;
}
.newsletter .subscription {
margin-top: 15px;
}
.newsletter .custom-button {
margin-top: 7px;
}
/*----------------------------------------
** Testimonial -----
-----------------------------------------*/
.testimonial {
padding-bottom: 90px;
background: #8c7620;
}
.testimonial .section-header .section-legend {
color: #fff;
}
#client-feedbacks .feedback-box,
.testimonial .widget_zerif_testim-widget {
display: inline-block;
z-index: 5;
width: 30%;
margin: 13px;
padding: 25px;
border-radius: 4px;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
vertical-align: top;
}
.feedback-box .message,
.testimonial .widget_zerif_testim-widget .message {
color: #000;
font-size: 15px;
}
.feedback-box .client,
.testimonial .widget_zerif_testim-widget .client {
position: relative;
height: 73px;
margin-top: 30px;
}
.feedback-box .quote,
.testimonial .widget_zerif_testim-widget .quote {
float: left;
font-size: 45px;
line-height: 80px;
}
.feedback-box .client-info,
.testimonial .widget_zerif_testim-widget .client-info {
float: left;
margin-left: 18px;
padding-top: 15px;
}
.feedback-box .client-info .client-name,
.testimonial .widget_zerif_testim-widget .client-name {
color: #404040;
font-family: "Homemade Apple", serif;
}
.feedback-box .client-info .client-company,
.testimonial .widget_zerif_testim-widget .client-company {
margin-top: -3px;
font-size: 13px;
}
.feedback-box .client-image,
.testimonial .widget_zerif_testim-widget .client-image {
float: right;
overflow: hidden;
width: 73px;
height: 73px;
border: 3px solid #f6f6f6;
border-radius: 50%;
}
.feedback-box .client-image img,
.testimonial .widget_zerif_testim-widget .client-image img {
width: 100%;
height: 100%;
}
.customNavigation {
text-align: center;
}
.owl-theme .owl-controls .owl-page span {
border-radius: 50%;
background: #886e0e;
}
.customNavigation a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.zerif_grid_col_4 > div,
.zerif_grid_col_3 > div,
.zerif_grid_col_2 > div,
.zerif_grid_col_1 > div {
margin-bottom: 30px;
text-align: center;
}
.zerif_grid_col_4 {
float: left;
width: 23%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_3 {
float: left;
width: 31.5%;
margin: 0 1.25% 0 1.25%;
}
.zerif_grid_col_2 {
float: left;
width: 48%;
margin: 0 1.75% 0 1.75%;
}
.zerif_grid_col_1 {
float: left;
width: 100%;
}
.zerif_grid_first {
margin-left: 0;
padding-left: 0;
}
.zerif_grid_last {
margin-right: 0;
padding-right: 0;
}
#client-feedbacks.zerif_grid .feedback-box {
width: 100%;
}
/*----------------------------------------
** Purchase now -----
-----------------------------------------*/
.purchase-now {
padding-top: 70px;
padding-bottom: 70px;
background: #e96656;
}
.purchase-now h3 {
margin-top: 14px;
line-height: 40px;
text-align: left;
}
.purchase-now .red-btn {
float: right;
background: #db5a4a;
}
.purchase-now .red-btn:hover {
background: #bf3928;
}
.ribbon-without-button h3 {
text-align: center;
}
.ribbon-without-button .col-md-9 {
width: 100%;
}
/*----------------------------------------
** Contact us -----
-----------------------------------------*/
.contact-us {
padding-bottom: 95px;
background: rgba(0, 0, 0, 0.5);
}
.contact-us .section-header .section-legend {
color: #fff;
}
.contact-us .input-box,
textarea {
width: 100%;
margin: auto;
margin-bottom: 20px;
border-radius: 4px;
}
.contact-us textarea {
border: 1px solid transparent;
}
.zerif-g-recaptcha {
display: none;
margin-left: 15px;
}
.contact-us .notification p {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
border-radius: 3px;
color: #fff;
}
.contact-us .error p {
background: #e96656;
}
.contact-us .success p {
background: #34d293;
}
.contact_submit_wrap {
float: right;
}
/*---------------------------------------
** Footer -----
-----------------------------------------*/
#footer {
background: #272727;
line-height: 20px;
}
.company-details {
padding-top: 67px;
padding-bottom: 30px;
color: #939393;
}
.company-details a {
color: #939393;
text-decoration: none;
}
.company-details a:hover {
color: #e96656;
}
.company-details .icon-top {
margin-bottom: 10px;
font-size: 30px;
}
.copyright {
padding-top: 68px;
padding-bottom: 68px;
background: #171717;
}
.social {
margin: 0 0 1.5em 0 !important;
}
.social li {
display: inline-block;
margin: 5px;
}
.social li a {
color: #939393;
font-size: 18px;
}
.social li a:hover {
color: #e96656;
}
.copyright p {
margin-bottom: 0;
color: #939393;
}
.footer-widget-wrap > .container {
text-align: center;
}
.footer-widget {
display: inline-block;
float: none;
vertical-align: top;
}
.footer-widget ul {
margin-left: 0;
padding-left: 0;
}
.footer-widget li {
margin-left: 0;
list-style: none;
}
.footer-widget-wrap {
background: rgba(255,255,255,0.05);
}
.footer-widget-wrap .widget .widget-title {
color: #fff;
}
.footer-widget-wrap .widget li a {
color: #ccc;
}
.footer-widget-wrap .widget li a:hover {
color: #fff;
}
.footer-widget-wrap .widget {
padding-bottom: 30px;
color: #ccc;
}
.footer-widget-wrap .widget_calendar tbody td {
background-color: rgba(249, 249, 249, 0.75);
}
.footer-widget-wrap .tagcloud a {
padding: 2px 5px;
color: #ccc;
background: none;
}
.footer-widget-wrap .tagcloud a:hover {
color: #fff;
}
.footer-widget-wrap .widget #wp-calendar {
color: #333;
}
/*---------------------------------------
** Single page -----
-----------------------------------------*/
.single-project {
margin-bottom: 25px;
text-align: left;
}
.single-project .project-image {
float: left;
width: 100%;
margin-bottom: 25px;
text-align: left;
}
.single-project h3 {
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px dotted #dadada;
line-height: 40px;
}
.single-project .project-description {
margin-bottom: 25px;
}
.single-project .button {
margin-left: 0;
}
.single-project .project-information {
margin-bottom: 10px;
}
.single-project .project-information ul li {
margin-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}
.single-project .project-information ul li span {
margin-right: 5px;
font-weight: 700;
}
/*---------------------------------------
** Section blog -----
-----------------------------------------*/
.blog {
overflow: hidden;
position: relative;
min-height: 175px;
}
.blog-list {
background: #fff;
}
.post-img-wrap {
display: inline-block;
float: left;
overflow: hidden;
margin-right: 20px;
}
.post-img-wrap a img {
width: 200px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5 ease-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
article.hentry {
float: left;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
article.sticky {
padding: 10px;
background: #f9f9f9;
}
article {
text-align: left;
}
article .entry-meta a {
color: #888;
font-style: italic;
}
article .posted-on a:hover {
color: #e96656;
}
.entry-footer a {
color: #888;
font-style: italic;
}
.entry-footer a:hover {
color: #e96656;
}
.entry-title,
.entry-title a,
.widget-title,
.widget-title a {
color: #404040;
font-size: 20px;
line-height: 22px;
}
.entry-title a:hover {
color: #e96656;;
}
.clear {
clear: both;
}
.content-left-wrap {
padding-top: 60px;
}
.sidebar-wrap.content-left-wrap {
margin-top: 60px;
padding-top: 0;
}
.debar-wrap {
margin-top: 50px;
}
.listpost-content-wrap h1.entry-title,
.list-post-top h1.entry-title {
float: none;
clear: none;
margin-top: 0;
}
.listpost-content-wrap .entry-title:before {
display: none;
content: "";
}
.entry-title:after {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap .entry-title a:after {
display: none;
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 35%;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.listpost-content-wrap h1.entry-title a {
float: none;
position: relative;
}
.listpost-content-wrap-full {
width: 100%;
}
.listpost-content-wrap-full .list-post-top {
min-height: 1px;
}
.entry-title {
margin-top: 0;
padding-top: 0;
font-size: 20px;
}
.listpost-content-wrap .entry-content {
margin-top: 1em;
}
.listpost-content-wrap .entry-footer {
padding-top: 10px;
}
.listpost-content-wrap-full .entry-footer > span,
.listpost-content-wrap .entry-footer > span {
padding-right: 15px;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0;
}
.entry-content {
line-height: 20px;
}
.list-post-top {
min-height: 130px;
}
.search .list-post-top {
min-height: 1px;
}
.entry-footer {
background: transparent;
}
.entry-footer-large a {
color: #8b8b8b;
font-style: italic;
}
.entry-footer-large a:hover {
color: #e96656;
}
.entry-footer-large {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
padding-right: 200px;
background: transparent;
}
.entry-footer-large > span {
padding-right: 5px;
}
.entry-footer-large-left {
float: left;
}
.large-container .entry-content p {
margin: 4px 20px 0 0;
text-align: justify;
}
.entry-content {
margin: 1em 0 0;
}
.row {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
}
/* Calendar style */
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar caption {
margin: 0;
margin-bottom: 6px;
font-size: 14px;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
color: #e96656;
background: #f9f9f9;
}
.widget_calendar a:hover {
color: #fff;
background-color: #e96656;
}
.widget_calendar tbody td {
background-color: #f9f9f9;
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.widget_calendar thead th {
border: none;
background: #e9e9e9;
}
/*----------------------------------------
** SiteOrigin Page Builder styles -----
-----------------------------------------*/
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
margin: 0;
}
.siteorigin-panels .widget li::before {
display: none;
}
/* ====================== Large TEMPLATE ============================== */
.entry-meta-large {
float: right;
position: absolute;
top: 0;
right: 0;
}
.entry-content p {
text-align: justify;
}
.entry-content blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
border-left: 3px solid #e96656;
}
.post-img-wrap-large a img {
width: 100%;
max-width: 100%;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0;
width: 100%;
min-height: 50px;
padding: 15px 20px 0 20px;
border-top: 2px solid #fff;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.large-container {
float: left;
position: relative;
width: 95%;
margin: 0 0 35px 0;
border-radius: 4px;
background-color: #fff;
}
.large-container .list-post-top {
min-height: 130px;
}
/* woocommerce v2.3.5 */
*:focus {
outline: 0;
}
.woocommerce-page .page-description {
float: left;
margin-top: 20px;
text-align: justify;
}
.woocommerce-page h1.page-title {
position: relative;
color: #404040;
font-size: 20px;
font-size: 20px;
line-height: 22px;
text-align: left;
}
.woocommerce-page .page-title:before {
position: absolute;
z-index: 1;
bottom: -9px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.woocommerce span.onsale {
position: absolute;
top: -20px;
left: -20px;
width: 55px;
height: 55px;
padding: 0;
border: 4px solid #34d293;
border-radius: 50%;
color: #000;
background: rgba(255,255,255,0.9);
text-shadow: none;
font-size: 13px;
line-height: 46px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .onsale {
top: -20px;
left: -20px;
}
.woocommerce-page .woocommerce-ordering select {
padding: 12px 15px 12px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
color: #a0a0a0;
}
.woocommerce-page .products .product > a:first-child {
display: block;
position: relative;
text-align: center;
}
.woocommerce-page .products a.button {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .products a.button:hover {
background: #cb4332;
}
.woocommerce-page .products h3,
.woocommerce-page .products h2 {
display: inline-block;
float: none;
position: relative;
width: auto;
min-height: 42px;
margin: 0;
color: #404040;
font-size: 16px !important;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
}
.woocommerce-page .products a .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
padding: 10px 0;
color: #000 ;
line-height: 20px;
text-align: center;
}
.woocommerce-page .products a .price del {
display: block;
line-height: 20px;
}
.woocommerce ul.products li.product .price {
color: #000;
font-size: 16px;
}
.woocommerce-page .products a .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .products .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .products .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .products .price {
padding: 5px 0;
}
.woocommerce-page .products .added_to_cart {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #e96656;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-result-count {
float: left;
margin-top: 20px;
font-size: 14px;
line-height: 46px;
}
.woocommerce-page .woocommerce-ordering {
float: right;
margin-top: 20px;
}
.woocommerce-page .product-type-simple {
position: relative;
}
.woocommerce-page .product .images {
float: left;
width: 50%;
}
.woocommerce-page .product .entry-summary {
float: right;
width: 50%;
margin-top: 0;
padding-left: 5%;
}
.woocommerce-page .product .quantity {
display: block;
float: left;
margin-bottom: 15px;
}
.woocommerce-page .product .quantity input {
width: 78px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.woocommerce-page #content .quantity input.minus {
float: left;
position: relative;
position: absolute;
top: 15px;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce-page #content .quantity input.plus {
float: left;
position: relative;
position: absolute;
top: 0;
right: 5px;
width: 15px;
height: 15px;
margin-left: 0;
padding: 0;
border: none;
color: #fff;
background: #ccc;
text-shadow: none;
}
.woocommerce #content .quantity,
.woocommerce .quantity,
.woocommerce-page #content .quantity,
.woocommerce-page .quantity {
position: relative;
}
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
height: 30px;
}
.woocommerce-page .quantity.buttons_added {
width: auto;
}
.woocommerce-page .product .product_meta a {
color: #e96656;
}
.woocommerce-page .product_title {
margin-top: 0;
text-align: left;
}
.woocommerce-page .product .price {
margin-bottom: 0;
padding: 30px 0;
text-align: left;
}
.woocommerce-page .product div[itemprop="description"] {
float: left;
text-align: justify;
}
.woocommerce-page .product .stock,
.woocommerce-page .product .cart,
.woocommerce-page .product .product_meta {
float: left;
clear: left;
text-align: left;
}
.woocommerce-page .product .cart .button {
float: left;
clear: left;
margin: 0;
margin-bottom: 25px;
}
.woocommerce-page .product .cart .button:hover {
background: rgb(203, 67, 50);
box-shadow: none;
}
.woocommerce-page .product .images .thumbnails {
width: 100%;
}
.woocommerce-page .product .images .thumbnails a {
display: inline-block;
float: left;
}
.woocommerce-page .woocommerce-tabs {
float: left;
width: 100%;
margin-top: 50px;
}
.woocommerce-page .woocommerce-tabs .tabs {
margin: 0;
padding: 0;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs li {
display: inline-block;
margin-bottom: -2px;
padding: 10px 20px;
list-style: none;
}
.woocommerce-page .woocommerce-tabs .tabs li.active {
border-bottom: 2px solid #e96656;
}
.woocommerce-page .woocommerce-tabs .tabs li.active a,
.woocommerce-page .woocommerce-tabs .tabs li a:hover {
color: #e96656;
text-decoration: none;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
color: rgb(64, 64, 64);
font-size: 18px;
}
.woocommerce-page .woocommerce-tabs .entry-content {
margin-bottom: 50px;
box-shadow: none;
text-align: justify;
}
.woocommerce-page h3.comment-reply-title {
min-height: auto;
}
.woocommerce-page .product .price {
float: left;
width: 100%;
height: auto;
min-height: 40px;
color: #000;
line-height: 20px;
}
.woocommerce div.product p.price {
color: #000;
font-size: 16px;
}
.woocommerce-page .product .price del {
display: block;
line-height: 20px;
}
.woocommerce-page .product .price ins {
display: block;
color: #e96656;
background: none;
font-weight: bold;
line-height: 20px;
}
.woocommerce-page .product .comment-form input {
border-radius: 3px;
}
.woocommerce-page .product .comment-form input[type="submit"] {
margin-left: 0;
}
.woocommerce-page .product .comment-form label {
float: left;
width: auto;
line-height: 32px;
}
.woocommerce-page .product .comment-form .comment-form-rating label {
line-height: 20px;
}
.woocommerce-page .product .comment-form-author label,
.woocommerce-page .product .comment-form-email label {
width: 100px;
}
.woocommerce-page .product .comment-form .star-rating {
float: right;
width: 100px;
height: 20px;
background: url(images/woostars.png) repeat-x left bottom;
}
.woocommerce-page .product .comment-form .star-rating span {
float: left;
overflow: hidden;
height: 0;
padding-top: 16px;
background: url(images/woostars.png) repeat-x left top;
}
.woocommerce-page .product .comment-form .hreview-aggregate .star-rating {
margin: 10px 0 0 0;
}
.woocommerce-page .product .comment-form #review_form #respond {
position: static;
width: auto;
margin: 0;
padding: 0 0 0;
border: 0;
background: transparent none;
}
.woocommerce-page .product .comment-form #review_form #respond:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce-page .product .comment-form #review_form #respond .form-submit input {
left: auto;
}
.woocommerce-page .product .comment-form #review_form #respond textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.woocommerce-page .product .comment-form p.stars:after {
display: block;
clear: both;
content: "";
}
.woocommerce-page .product .comment-form p.stars span {
float: left;
position: relative;
width: 100px;
height: 20px;
margin-left: 10px;
background: url(images/woostars.png) repeat-x left 0;
}
.woocommerce-page .product .comment-form p.stars span a {
float: left ;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 0;
padding-top: 20px;
}
.woocommerce-page .product .comment-form p.stars span a:hover,
.woocommerce-page .product .comment-form p.stars span a:focus {
background: url(images/woostars.png) repeat-x left bottom;
-webkit-transition: initial;
-moz-transition: initial;
-o-transition: initial;
transition: initial;
}
.woocommerce-page .product .comment-form p.stars span a.active {
background: url(images/woostars.png) repeat-x left bottom ;
}
.woocommerce-page .product .comment-form p.stars span a.star-1 {
z-index: 10;
width: 20px;
}
.woocommerce-page .product .comment-form p.stars span a.star-1:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-2 {
z-index: 9;
width: 40px;
}
.woocommerce-page .product .comment-form p.stars span a.star-2:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-3 {
z-index: 8;
width: 60px;
}
.woocommerce-page .product .comment-form p.stars span a.star-3:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-4 {
z-index: 7;
width: 80px;
}
.woocommerce-page .product .comment-form p.stars span a.star-4:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a.star-5 {
z-index: 6;
width: 100px;
}
.woocommerce-page .product .comment-form p.stars span a.star-5:after {
content: "";
}
.woocommerce-page .product .comment-form p.stars span a {
border: none;
}
.woocommerce-page .comment-form-rating {
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce-page .product #review_form_wrapper {
float: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .commentlist {
margin: 0;
padding: 0;
}
.woocommerce-page .woocommerce-tabs .commentlist .comment {
float: left;
clear: left;
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment-text {
display: inline-block;
}
.woocommerce-page .woocommerce-tabs .description {
width: 100%;
}
.woocommerce-page .woocommerce-product-rating,
.woocommerce div.product .woocommerce-product-rating {
float: left;
margin-top: 30px;
margin-bottom: 0;
text-align: left;
}
.woocommerce-page .woocommerce-product-rating .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .woocommerce-product-rating .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link,
.woocommerce-page .woocommerce-product-rating .woocommerce-review-link span {
color: #eca420;
font-size: 11px;
}
.woocommerce-page .comment-text .star-rating {
overflow: hidden;
position: relative;
position: relative;
width: 100px;
height: 20px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: 99999px;
}
.woocommerce-page .comment-text .star-rating span {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 20px;
padding: 1px;
background: url(images/woostars.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.woocommerce-page .woocommerce-tabs .comment-text {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-left: 50px;
}
.woocommerce-page .woocommerce-tabs .comment_container > img {
position: absolute;
top: 0;
left: 0;
}
.woocommerce-page .woocommerce-message:before {
color: #38c28b;
}
.woocommerce-page .woocommerce-message {
margin: 0 0 40px;
border-top-color: #38c28b;
border-radius: 3px;
color: #38c28b;
background: #f5f5f5;
text-align: left;
list-style: none;
}
.woocommerce-page .woocommerce-message a {
padding: 6px 14px;
color: #fff;
background-color: #38c28b;
font-size: 12px;
}
.woocommerce-page .woocommerce-error {
float: left;
width: 100%;
margin: 0 0 40px;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #e96656;
list-style: none;
}
.woocommerce-page .woocommerce-error a {
padding: 6px 14px;
color: #fff;
background-color: #f47565;
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-error:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
width: 100%;
margin: 0 0 40px;
margin-top: 25px !important;
padding: 0;
border: none;
border-radius: 3px;
color: #fff;
background: #3ab0e2;
list-style: none;
}
.woocommerce-page .woocommerce-info a {
padding: 6px 14px;
color: #fff;
background-color: #5fb8dd;
font-size: 12px;
}
.woocommerce-page .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce-info {
float: left;
padding-top: 30px;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-info {
margin-bottom: 40px;
border: none;
border-radius: 3px;
color: #fff;
background: rgb(58, 176, 226);
}
.woocommerce-page .woocommerce .woocommerce-info a {
opacity: 0.9;
color: #fff;
}
.woocommerce-page .woocommerce .woocommerce-info:before {
color: #fff;
}
.woocommerce-page .woocommerce input {
padding: 10px 5px;
border-radius: 3px;
}
.woocommerce-page .woocommerce .woocommerce-error {
padding: 1em 2em 1em 3.5em!important;
border-top-color: #b81c23;
border-radius: 3px;
}
.woocommerce-page .woocommerce .products .product h3 {
float: none;
color: #404040;
}
.woocommerce-page .woocommerce .added_to_cart,
.woocommerce .button {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #000;
background: #f3f3f3;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce div.product form.cart .button {
display: inline-block;
margin: 10px;
margin-left: 0;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 1px solid #ccc;
}
.woocommerce-page .woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button :hover,
.woocommerce #place_order:hover,
.woocommerce div.product form.cart .button:hover {
background: #bf3928;
}
.woocommerce-page .woocommerce .price del {
display: block;
}
.woocommerce-page .woocommerce .price {
height: auto;
line-height: normal;
}
.woocommerce-page .woocommerce .price ins {
color: #000;
font-size: 20px;
font-weight: bold;
}
.woocommerce-page .woocommerce #coupon_code {
min-width: 110px;
margin-top: 2px;
padding: 6px 10px;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0;
border-radius: 5px!important;
color: #a0a0a0;
}
.woocommerce-page .woocommerce .product-name a {
color: #404040;
}
.woocommerce-page .woocommerce-cart-form__contents .actions button {
width: auto;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce-page .woocommerce .cart_totals tr.order-total th {
width: 50%;
}
.woocommerce-page .woocommerce .entry-title {
text-align: left;
}
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
padding: 0;
}
.woocommerce-page .woocommerce .checkout input,
.woocommerce-page .woocommerce .checkout textarea,
.woocommerce-page .woocommerce .checkout select {
padding: 12px 15% 12px 2%;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 5px 0 15px;
}
.woocommerce-page .woocommerce ul.payment_methods {
padding-left: 1em;
}
.woocommerce-page ul.products {
float: left;
width: 100%;
margin-top: 40px;
}
.woocommerce-page .woocommerce .summary,
.woocommerce-page .woocommerce .entry-summary,
.woocommerce-page .woocommerce div.product .woocommerce-tabs .panel {
text-align: justify;
}
.woocommerce-page .woocommerce .quantity input.input-text {
width: 100px;
height: 42px;
margin-right: 10px;
}
.woocommerce-page .woocommerce form.cart button.single_add_to_cart_button {
margin: 0;
}
.woocommerce-page .woocommerce .comment-form label {
width: 100%;
}
.woocommerce-page .woocommerce .woocommerce-message {
float: left;
width: 100%;
border: none;
border-radius: 3px;
color: white;
background: #20aa80;
text-align: left;
}
.woocommerce-page .woocommerce .woocommerce-message a.button {
margin: 0;
padding: 7px 17px;
}
.woocommerce-page .woocommerce .woocommerce-message:before {
color: #fff;
}
.woocommerce-page .woocommerce ul.products li.product .star-rating {
font-size: inherit;
}
.woocommerce-page .woocommerce input[type="submit"],
.woocommerce-page #content input.button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page input.button.alt {
display: inline-block;
margin: 10px;
margin: 0;
padding: 10px 20px 10px 20px;
border: none;
border-radius: 4px;
color: #fff;
background: #e96656;
text-shadow: none;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.woocommerce-page .woocommerce input[type="submit"]:hover,
.woocommerce-page #content input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page input.button.alt:hover {
color: #fff;
background: #cb4332;
box-shadow: none;
}
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 60px;
height: 30px;
margin-right: 0;
padding: 0 0 0 5px;
text-align: left;
}
.woocommerce a.button.alt {
color: #fff;
background: #e96656;
}
.woocommerce a.button.alt:hover {
color: #fff;
background: #cb4332;
}
.woocommerce-page .woocommerce a.remove:hover {
color: #fff !important;
background: #e96656;
line-height: 20px;
}
.woocommerce-page .woocommerce a.remove {
color: #e96656 !important;
line-height: 20px;
}
.woocommerce-page .woocommerce-info {
width: 100%;
}
.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout #order_review_heading {
clear: none;
float: left;
margin-bottom: 20px;
}
.woocommerce-page .woocommerce-checkout .col-1,
.woocommerce-page .woocommerce-checkout .col-2 {
float: left;
width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set {
float: left;
width: 55%;
margin-right: 5%;
}
.woocommerce-page .woocommerce-checkout-review-order {
clear: left;
}
.woocommerce-page .woocommerce .checkbox {
float: left;
padding: 0;
}
.woocommerce-page .woocommerce-checkout #payment {
background: #fafafa;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce-checkout #payment div.payment_box:after {
margin: -13px 0 0 2em;
border: 8px solid #ececec;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
content: "";
}
.woocommerce-page .woocommerce-checkout #ship-to-different-address {
font-size: 16px;
margin-left: 24px;
}
.woocommerce-page .woocommerce .order_details li.order {
background: #fff;
}
.woocommerce-page .products a.button {
text-decoration: none;
}
.woocommerce-page .product .cart .button {
color: #fff;
}
.woocommerce-page .woocommerce {
margin-top: 25px;
}
.woocommerce-page .woocommerce .order {
background: #fff;
}
.woocommerce-page .woocommerce table.my_account_orders .order-actions .button {
font-size: 12px;
}
.woocommerce-page .woocommerce #payment ul.payment_methods {
margin: 0;
border-bottom: 1px solid #d3ced2;
text-align: left;
list-style: outside none none;
}
.woocommerce-page .woocommerce #payment {
background: none repeat scroll 0 0 #fafafa;
}
.woocommerce-page .woocommerce #payment div.payment_box {
position: relative;
width: 96%;
margin: 1em 0;
padding: 1em 2%;
border-radius: 2px;
color: #515151;
background-color: #dfdcde;
font-size: 0.92em;
line-height: 1.5;
}
.woocommerce-page .woocommerce #payment div.payment_box {
background-color: #ececec;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
margin-bottom: 0;
}
.woocommerce-page .woocommerce #payment div.payment_box:after {
position: absolute;
top: -3px;
left: 0;
margin: -13px 0 0 2em;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #ececec;
border-image: none;
content: "";
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.woocommerce-page .woocommerce #payment h3 {
padding-left: 20px;
}
.woocommerce-page .woocommerce #payment #place_order {
float: none;
}
.woocommerce-page .woocommerce a.button {
margin-left: 0;
font-size: 14px;
}
.woocommerce-page .woocommerce button.button {
margin-left: 0;
padding: 13px 35px 13px 35px;
font-size: 12px;
}
.woocommerce button.button {
width: 100%;
}
.woocommerce-page .woocommerce select {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
outline: 0;
color: #a0a0a0;
line-height: 1;
}
.woocommerce-page .woocommerce #order_review {
float: right;
clear: right;
width: 40%;
margin-right: 0;
}
.woocommerce-page .woocommerce .login {
float: left;
width: 100%;
}
.woocommerce-page .select2-drop {
text-align: left;
}
.woocommerce-page .woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
padding-bottom: 0;
border: none;
background: none;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
border: none;
content: "";
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
display: none;
content: "";
}
.woocommerce-page .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
content: "";
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
margin-bottom: -1px;
border-bottom: 2px solid #e96656;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
box-shadow: none;
}
.woocommerce-page .comment-form {
float: left;
float: left;
width: 100%;
margin-top: 15px;
}
.woocommerce #review_form #respond .form-submit input {
display: inline-block;
margin: 10px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
background: #e96656;
text-align: center;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 130px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
clear: left;
}
.woocommerce table.shop_table {
clear: left;
font-size: 16px;
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
margin-bottom: 1em;
}
.woocommerce .upsells {
width: 100%;
float: left;
}
.woocommerce .upsells.products ul,
.woocommerce .upsells.products ul.products {
float: left;
clear: left;
}
/**/
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
padding: 0;
content: "\2713";
}
.woocommerce .shipping_calculator h2 a {
font-size: 18px;
}
/**/
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: none;
position: relative;
width: 22.05%;
margin: 0 3.8% 2.992em 0;
padding: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1),
.woocommerce-page ul.products li.product:nth-child(4+1) {
clear: left;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination {
float: left;
width: 100%;
padding-bottom: 30px;
}
.woocommerce .woocommerce-pagination ul.page-numbers .current:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers .current:before {
display: none;
content: "";
}
.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 3px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 32px;
min-width: 32px;
border: none;
border-radius: 4px;
color: #000;
background: rgb(236, 236, 236);
}
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li a:hover {
color: #fff;
background: rgb(233, 102, 86);
}
.woocommerce div.product form.cart label {
color: #404040;
}
.woocommerce p.stars a:before,
.woocommerce p.stars a:hover ~ a:before {
display: none;
content: "";
}
/* Changes for woocommerce 3.0.0 */
.woocommerce div.product .related {
clear: both;
}
.woocommerce div.product {
float: left;
width: 100%;
}
.woocommerce-product-details__short-description {
clear: both;
text-align: left;
}
.woocommerce-product-details__short-description ul {
margin: 0 0 24px;
list-style-position: inside;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 30.75%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
float: left;
width: 30.75%;
padding-top: 1em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 3.8%;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n) {
margin: 0;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
position: relative;
width: auto;
margin: 0 0 2em!important;
padding: 1em 2em 1em 3.5em!important;
word-wrap: break-word;
list-style: none!important;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info {
margin: 0 !important;
margin-left: 2em !important;
color: inherit;
background: transparent;
}
.woocommerce-checkout-payment ul.wc_payment_methods li.woocommerce-info:before {
color: #404040;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
vertical-align: inherit;
}
.woocommerce-checkout .woocommerce-additional-fields h3 {
margin-top: 20px;
}
/* End changes for woocommerce 3.0.0*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (max-width: 992px) {
.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce-page .products .product > a:first-child {
/* min-height: 325px; */
}
.large-container {
width: 100%;
}
}
@media (max-width: 767px) {
.woocommerce .col2-set, .woocommerce-page .col2-set, .woocommerce-checkout .col2-set,
.woocommerce-page .woocommerce #order_review {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 100%;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
float: left;
clear: both;
width: 48%;
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4) {
margin: 0 0 2.992em;
}
.woocommerce .upsells.products ul li.product:nth-child(4+1) {
clear: none;
}
.woocommerce .upsells.products ul li.product:nth-child(even),
.woocommerce-page ul.products li.product:nth-child(even) {
float: right;
margin-right: 0;
}
.woocommerce .upsells.products ul li.product:nth-child(odd),
.woocommerce-page ul.products li.product:nth-child(odd) {
clear: left;
}
.listpost-content-wrap-large {
position: relative;
}
.menu-align-center .responsive-logo > a {
float: left;
}
}
@media (max-width: 600px) {
.woocommerce-page .product .images {
width: 100%;
}
.woocommerce-page .product .entry-summary {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.woocommerce-page .woocommerce-tabs .tabs li a {
font-size: 14px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
padding: 10px 10px;
}
.listpost-content-wrap-large {
position: relative;
}
.listpost-content-wrap-large {
padding: 20px 0 0 0;
}
body {
position: initial !important;
}
.entry-meta-large {
float: left;
position: relative;
width: 100%;
}
.entry-footer-large {
padding-right: 0;
}
}
@media (max-width: 480px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100%;
}
.woocommerce-page .woocommerce-result-count {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce-page .products .product > a:first-child {
width: 240px;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
}
.woocommerce-page .woocommerce-tabs .tabs li {
width: 100%;
border-bottom: 2px solid #ccc;
}
.woocommerce-page .woocommerce-tabs .tabs {
border-bottom: 0;
}
.woocommerce-page .woocommerce-tabs .comment_container {
position: relative;
padding-top: 50px;
padding-left: 0;
}
.woocommerce-page .comment-text .star-rating {
float: left;
width: 100%;
margin-bottom: 5px;
}
.woocommerce-page .products .product > a:first-child {
width: 100%;
}
/* cart page */
.woocommerce-page .woocommerce .product-quantity input.qty {
width: 45px;
}
.woocommerce td.product-quantity {
min-width: 40px;
}
.woocommerce-page .woocommerce input[type="submit"] {
font-size: 10px;
}
.woocommerce-page .woocommerce .cart_totals tr.cart-subtotal th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table td span,
.woocommerce-cart .cart-collaterals .cart_totals table td a {
font-size: 12px;
}
.woocommerce form .form-row label {
font-size: 12px;
}
.woocommerce-page .woocommerce .woocommerce-info,
.woocommerce-page .woocommerce .woocommerce-info a {
font-size: 12px;
}
.woocommerce-checkout-payment label {
font-size: 14px;
}
.woocommerce-page .woocommerce #payment div.payment_box p {
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.woocommerce form .form-row {
width: 100%;
}
.woocommerce-page .woocommerce .order_details li {
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 5px 0;
border-right: none;
border-bottom: 1px dashed #d3ced2;
}
.woocommerce-page address {
font-size: 12px;
}
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error li {
font-size: 12px;
}
.woocommerce-page .woocommerce .cart-collaterals .cart_totals a {
width: 100%;
margin-right: 0;
}
.woocommerce-page .woocommerce .checkbox {
font-size: 16px;
}
.woocommerce-page .myaccount_address {
font-size: 12px;
}
.woocommerce-page #content .quantity input.minus,
.woocommerce-page #content .quantity input.plus {
display: none;
}
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
width: 100%;
}
}
/* [end] woocommerce */
/* bbpress style [version 2.5.8] */
.bbpress #subscription-toggle {
float: right;
}
.bbpress .bbp-breadcrumb {
margin: 10px 0;
}
#subscription-toggle {
/** margin: 10px 0; */
}
#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: 2px;
}
div.bbp-template-notice.info {
padding: 1px 5px;
border: none;
background-color: #f0f8ff;
}
div.bbp-template-notice,
div.indicator-hint {
padding: 1px 5px;
border: none;
background-color: #fff7d6;
}
#bbpress-forums fieldset.bbp-form label {
line-height: 30px;
}
div.bbp-template-notice a {
color: #008ed6;
text-decoration: none;
}
.bbp-pagination {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
#bbpress-forums li.bbp-header {
padding: 10px 0;
background: #fbfbfb;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 11px;
line-height: 16px;
}
#bbpress-forums div.bbp-the-content-wrapper input {
width: auto;
}
#bbpress-forums fieldset.bbp-form input {
padding: 5px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
border-top: none;
}
#bbpress-forums li.bbp-header {
background: none;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: none;
}
#bbpress-forums input[type="submit"] {
padding: 5px 30px 5px 30px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: none;
}
#bbpress-forums li.bbp-header {
border-bottom: 2px solid #ececec;
}
#bbpress-forums li.bbp-footer {
border-top: 3px solid #ececec;
}
.bbp-breadcrumb,
.bbp-breadcrumb a,
.bbp-breadcrumb p {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #f9f9f9 !important;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.bbp-forum-title,
.bbp-forum-title:visited {
float: left;
margin-bottom: 15px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
.bbp-forum-title:hover {
text-decoration: none;
}
.bbp-forum-title:after {
display: block;
width: 80px;
height: 2px;
margin-top: 5px;
background: #008ed6;
content: "";
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
padding: 20px 5px !important;
border-top: 1px solid #eee;
}
.bbp-forum-freshness p,
.bbp-forum-freshness a,
.bbp-forum-freshness span {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 18px;
}
.bbp-forum-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
clear: left;
margin: 0;
font-size: 14px;
line-height: 24px;
}
#bbpress-forums li {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums p.bbp-topic-meta span {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-started-by {
float: left;
}
div.bbp-template-notice p,
div.bbp-template-notice a {
font-size: 12px;
line-height: 16px;
}
.bbp-topic-freshness,
.bbp-topic-freshness a {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.bbp-topic-freshness a {
color: #666;
font-style: italic;
}
a.bbp-author-name:hover,
.bbp-topic-freshness a:hover {
text-decoration: underline;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: none;
}
#bbpress-forums .bbp-author-name {
color: #666;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#bbpress-forums fieldset.bbp-form {
margin-bottom: 0;
padding: 0;
border: none;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
border: 1px solid #e7e7e7;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
font-size: 14px;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
border: 1px solid #e7e7e7;
border-bottom: none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: left;
width: 25%;
text-align: center;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input {
padding: 5px;
border: 1px solid #e7e7e7;
background-color: #fbfbfb;
box-shadow: none;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar input:hover {
color: #e96656;
}
#bbpress-forums fieldset.bbp-form input {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bbpress-forums fieldset.bbp-form select {
padding: 5px;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
}
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background: red;
}
#bbpress-forums div.bbp-topic-tags {
float: left;
width: 100%;
margin-bottom: 15px;
}
#bbpress-forums .bbp-topic-description a {
color: #666;
font-size: 12px;
font-style: italic;
}
#bbpress-forums .bbp-topic-description a:hover {
text-decoration: underline;
}
#bbpress-forums fieldset.bbp-form legend {
padding: 5px 0;
}
div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header,
li.bbp-body div.hentry {
padding: 8px 0;
}
#bbpress-forums div.bbp-reply-header {
background: none;
}
#bbpress-forums .bbp-admin-links {
color: transparent;
}
#bbpress-forums .bbp-admin-links a:hover {
color: #008ed6;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
.bbp-body a.bbp-topic-permalink {
position: relative;
color: #404040;
font-size: 20px;
line-height: 22px;
}
.bbp-body a.bbp-topic-permalink:hover {
color: #e96656;
}
.bbp-body .bbp-topic-permalink:after {
position: absolute;
z-index: 1;
bottom: -4px;
left: 0;
width: 50px;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
font-size: 30px;
line-height: 34px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
opacity: 0.8;
color: #fff;
background: #008ed6;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
line-height: 18px;
}
#bbpress-forums .bbp-forum-description .bbp-author-name {
font-size: 12px;
}
.bbp-pagination-count {
float: left;
border: 1px solid transparent;
font-size: 12px;
}
.bbp-topic-tags a {
color: #949494;
font-style: italic;
}
.bbp-topic-tags a:hover {
color: #e96656;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
display: inline-block;
clear: left;
color: #e96656;
}
.bbp-reply-post-date {
font-size: 12px;
}
.bbp-template-notice.error strong {
font-size: 12px;
}
.bbp-body > ul:nth-child(4n) .bbp-forum-title:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-forum-title:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-forum-title:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-forum-title:after {
background: #e96656;
content: "";
}
.bbp-body > ul:nth-child(4n) .bbp-topic-permalink:after {
background: #34d293;
content: "";
}
.bbp-body > ul:nth-child(4n+1) .bbp-topic-permalink:after {
background: #3ab0e2;
content: "";
}
.bbp-body > ul:nth-child(4n+2) .bbp-topic-permalink:after {
background: #f7d861;
content: "";
}
.bbp-body > ul:nth-child(4n+3) .bbp-topic-permalink:after {
background: #e96656;
content: "";
}
.bbp-meta {
float: left;
width: 100%;
padding: 0 5px;
border-bottom: 1px solid #f5f5f5;
-moz-border-radius: 3px;
border-radius: 3px;
webkit-border-radius: 3px;
}
span.bbp-admin-links a {
color: #666;
}
span.bbp-admin-links a:hover {
color: #e96656 !important;
}
#favorite-toggle a,
#subscription-toggle a {
color: #666;
font-style: italic;
}
#favorite-toggle a:hover,
#subscription-toggle a:hover {
color: #e96656;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
clear: none;
margin: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 1.4em;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title:before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
.bbp-user-section {
margin-top: 20px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
color: #666;
background: none !important;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
clear: left;
}
.bbp-topic-started-in a {
color: #666;
font-size: 12px;
font-style: italic;
}
.bbp-topic-started-in a:hover {
text-decoration: underline;
}
#bbpress-forums #bbp-user-wrapper ul.bbp-replies {
clear: left;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header {
float: left;
clear: left;
font-size: 13px;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink {
font-size: 13px;
font-style: italic;
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-header .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums li.bbp-body .bbp-meta .bbp-reply-post-date {
float: left;
}
#bbpress-forums fieldset.bbp-form legend {
float: left;
position: relative;
margin-top: 50px;
margin-bottom: 30px;
color: #404040;
font-family: "Montserrat", Helvetica, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#bbpress-forums fieldset.bbp-form legend:before {
position: absolute;
z-index: 1;
bottom: -5px;
left: 0;
width: 10%;
height: 2px;
margin: auto;
background: #e96656;
content: "";
}
#bbpress-forums .is-favorite a {
color: #e96656;
}
#bbpress-forums .bbp-reply-title h3 {
float: left;
}
#bbpress-forums .bbp-reply-title h3 a {
font-size: 16px;
font-style: italic;
}
#bbpress-forums .bbp-reply-title h3 a.bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-forum-header {
padding-bottom: 0;
background: none;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title {
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header {
background: none;
}
#bbpress-forums div.bbp-topic-title h3 {
float: left;
padding-left: 5px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
float: right;
margin-left: 10px;
color: #666;
font-size: 12px;
line-height: 32px;
}
#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:after {
display: none;
content: "";
}
#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
float: left;
margin-left: 5px;
line-height: 33px;
}
#bbpress-forums div.bbp-forum-header .bbp-forum-title:after {
display: none;
content: "";
}
li.bbp-body div.hentry {
padding: 0;
}
#bbpress-forums li.bbp-body div.hentry .bbp-forum-content {
padding-top: 0;
}
/* [end] bbpress */
/* Easy Digital Downloads style [version 2.4.9] */
.edd_download {
float: left;
width: 33%;
}
.edd_download:nth-child(4n+1) {
clear: both;
}
.edd_download_excerpt p {
text-align: justify;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
color: #fff;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
border: none;
}
#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
border: none;
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#edd_checkout_cart a,
.edd_discount_link a,
.edd-lost-password a {
color: #f73f2e;
}
#edd_login_form input[type="submit"] {
margin-left: 0;
}
#edd_checkout_form_wrap select.edd-select {
display: block;
width: 70%;
}
.edd-cart-added-alert {
width: 100%;
color: #d9534f;
}
.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
border: none;
border: none;
border-bottom: 3px solid #c84e54;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background-color: #e86a6a;
}
.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
color: #fff;
}
.edd-alert-error a:hover {
text-decoration: underline;
}
#edd_checkout_form_wrap fieldset p:last-child {
color: rgba(255,255,255,0.8);
}
.edd_download_inner {
margin: 0 15px;
margin-bottom: 30px;
padding: 15px;
background: #fff;
text-align: center;
list-style: none;
transition: all ease 0.55s;
}
.edd_download_inner:hover {
border-bottom-color: #008ed6;
}
.edd_download_title a,
.edd_download_title {
color: #404040;
font-size: 1em;
font-weight: bold;
line-height: 24px;
}
.edd_download_title {
margin-top: 10px;
margin-bottom: 10px;
}
#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
border-bottom: 0;
}
#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
margin-bottom: 10px;
}
#edd_new_user_pass1,
#edd_profile_editor_form select,
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="text"],
#edd_profile_editor_form input[type="email"],
#edd_profile_editor_form input[type="url"],
#edd_profile_editor_form input[type="password"],
#edd_profile_editor_form input[type="search"],
#edd_profile_editor_form textarea {
width: 221px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
color: #555;
}
#edd_profile_editor_form input[type="submit"] {
margin-left: 0;
}
#edd_profile_billing_address_wrap legend {
margin-top: 50px;
}
#edd_login_form legend {
margin-top: 50px;
}
#edd_address_country,
#edd_display_name {
width: 192px;
}
#edd_user_history,
#edd_checkout_cart,
#edd_checkout_form_wrap fieldset,
#edd_discounts_list {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
#edd_user_history th,
#edd_checkout_cart .edd_cart_header_row th {
padding: 9px 12px;
border: none;
background: transparent;
}
#edd_user_history td,
#edd_checkout_cart td {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
}
.edd_cart_footer_row,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart tfoot th:last-child {
border-top: 1px solid rgba(0,0,0,0.1);
}
#edd_checkout_cart .edd_checkout_cart_item_title,
#edd_checkout_cart td {
font-size: 16px;
line-height: 22px;
}
#edd_checkout_cart td {
border-right: none;
border-left: none;
}
#edd_discounts_list .edd_discount {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: none;
list-style: none;
}
#edd_discounts_list .edd_discount:nth-child(1) {
border-top: none;
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=text] {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
#edd_profile_editor_form legend {
display: block;
width: 100%;
margin-top: 30px;
margin-bottom: 20px;
color: #333;
font-size: 120%;
font-weight: 700;
line-height: 1;
}
.edd_price_options.edd_multi_mode ul {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
border-collapse: separate;
text-align: left;
}
.edd_price_options.edd_multi_mode ul li {
padding: 6px 12px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.edd_price_options.edd_multi_mode ul li:nth-child(1) {
border-top: none;
}
.edd-image-wrap {
float: right;
width: 100%;
max-width: 50%;
padding: 0 0 15px 15px;
}
.edd-image-wrap img {
width: 100%;
height: auto;
}
/* WP MegaMenu */
.wr-megamenu-container .preview-text,
.wr-megamenu-container .preview-text p {
color: #808080;
font-size: 14px;
font-weight: normal;
}
.wr-megamenu-container .block-sub-menu a {
padding: 5px;
color: #808080;
}
.wr-element-submenu .submenu-items a {
padding: 6px 5px 6px 20px !important;
}
.wr-megamenu-container {
margin-top: 12px;
}
.it-responsive-mega {
display: none !important;
}
.jsn-bootstrap3 .glyphicon {
margin-right: 2px;
font-size: 10px;
}
.wr-element-container {
padding: 5px 0;
}
.jsn-bootstrap3 .glyphicon.glyphicon-chevron-right {
display: none !important;
}
.wr-element-container ul.sub-menu li a > i,
.wr-element-container ul.submenu-items li a > i {
margin-right: 7px;
}
@media only screen and (max-width: 783px) {
.wr-mega-menu .wr-menu-down {
margin: -43px 5px 0 0 !important;
}
}
@media (max-width: 992px) {
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
padding: 10px;
color: #fff;
font-size: 12px;
}
.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
font-size: 12px;
}
.zerif_about_us_center p,
.about-us .col-md-6.zerif_about_us_center.text_and_skills p {
text-align: center;
}
}
@media (max-width: 768px) {
.edd_download {
width: 100% !important;
}
}
/* [end] Easy Digital Downloads */
body.custom-background {
background-attachment: fixed !important;
background-position: top center !important;
}
.blog .blog-site-content.site-content {
background: #fff;
}
.zerif_team:nth-child(4n+1),
.our-team .col-lg-3:nth-child(4n+1) {
clear: both;
}
.dropdownmenu {
display: none;
}
/* mobile background fix */
.mobile-bg-fix-wrap {
overflow: hidden;
width: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img-wrap {
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile-bg-fix-wrap .mobile-bg-fix-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 125%;
background-size: cover;
}
.mobile-bg-fix-wrap .mobile-bg-fix-whole-site {
position: relative;
z-index: 1;
}
/*---------------------------------------
** Max Mega Menu -----
-----------------------------------------*/
.mega-menu-primary #main-nav > .container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.menu-align-center #mega-menu-wrap-primary #mega-menu-primary {
text-align: center;
}
.menu-align-center #mega-menu-wrap-primary {
margin: auto;
}
#mega-menu-wrap-primary {
margin-left: auto;
}
.obfx-menu-icon {
vertical-align: middle;
margin-right: 5px;
}
@media (max-width: 768px) {
.mega-menu-primary #main-nav > .container {
display: block;
}
.mega-menu-primary .responsive-logo {
float: left;
}
#mega-menu-wrap-primary {
float: none;
clear: both;
position: static;
}
#mega-menu-wrap-primary .mega-menu-toggle {
position: absolute;
right: 20px;
top: 20px;
margin-bottom: 10px;
background: #808080;
border: 1px solid #333;
border-radius: 4px;
height: auto;
transition: .3s ease background;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open {
background: #e96656;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block::after {
margin: 0;
font-size: 28px;
padding: 0 10px;
color: #fff;
line-height: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
color: #fff;
line-height: 34px;
}
.mega-toggle-label-closed,
.mega-toggle-label-open {
padding-left: 10px;
}
.mega-toggle-label-closed:empty,
.mega-toggle-label-open:empty {
padding-left: 0;
}
}
@media (max-width: 480px) {
#mega-menu-wrap-primary .mega-menu-toggle {
position: relative;
top: 0;
left: 0;
}
.mega-menu-primary .responsive-logo {
width: 100%;
text-align: center;
}
.mega-menu-primary .navbar-brand {
float: none !important;
}
}
/*---------------------------------------
** Responsive -----
-----------------------------------------*/
@media (max-width: 1200px) {
.header-content-wrap,
.blog-header-content-wrap {
padding: 235px 0 150px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* TOP BAR ELEMENTS */
/* HOME */
.intro {
margin-top: 40%;
font-size: 45px;
line-height: 55px;
}
/* ABOUT US */
.big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
/* TEAM */
.team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
line-height: 18px;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.container .company-details {
width: 33%;
padding-top: 40px;
}
}
@media (max-width: 992px) {
.purchase-now .red-btn {
float: none;
}
.skills {
margin-left: 0;
}
#client-feedbacks .feedback-box {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 26%;
}
.intro-text {
font-size: 45px;
line-height: 55px;
}
.section-header h2 {
font-size: 35px;
}
.section-header {
padding-bottom: 30px;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 60px;
padding-bottom: 60px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 225px 0 150px;
}
.about-us .big-intro {
text-align: center;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.container .company-details:first-child {
padding-top: 40px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
.container .company-details {
width: 100%;
}
}
@media (max-width: 767px) {
/* HEADER */
.bs-navbar-collapse {
border: 0;
}
#main-nav {
overflow: visible;
}
#main-nav,
#main-nav.fixed {
position: relative;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav > li {
display: inline-block;
margin-bottom: 0;
}
.navbar-inverse .navbar-nav > li {
position: relative;
width: 100%;
margin: 8px 0 0 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav > li a {
text-align: left;
}
.navbar-inverse .navbar-nav ul.sub-menu {
display: none !important;
position: relative;
top: 0;
width: 100%;
box-shadow: none;
}
.navbar-inverse .navbar-nav li.this-open > ul {
display: block !important;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
float: left;
width: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li a {
float: left;
width: 100%;
padding: 8px 25px 8px 0;
border-bottom: 1px solid #ededed;
}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .navbar-nav ul.sub-menu ul.sub-menu {
position: relative;
top: 0;
left: 0;
}
.navbar-inverse .navbar-brand {
float: left;
}
.rtl .navbar-inverse .navbar-brand {
float: right;
}
#main-nav {
overflow: hidden;
}
.navbar-collapse {
max-height: 100%;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-left: 20px;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
padding-top: 0;
padding-bottom: 0;
}
.dropdownmenu {
display: block;
position: absolute;
z-index: 9;
top: 5px;
right: 0;
width: 25px;
height: 25px;
margin: 0;
padding: 0;
border-radius: 3px;
background: url(images/menu-icon.png) center center no-repeat #e96656;
}
.navbar-inverse .navbar-nav ul.sub-menu li {
margin-right: 0;
padding-right: 0;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #404040 !important;
}
.this-open > a {
color: #e96656 !important;
}
li.current > a:before {
display: none !important;
content: "";
}
ul.nav > li.current_page_item > a:before {
left: 0;
width: 50px;
content: "";
}
.menu-align-center #site-navigation > ul ul {
left: 0;
}
/* HOME */
.header {
min-height: inherit;
padding-bottom: 0 !important;
}
.intro {
font-size: 6.5vw;
line-height: 8vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 30%;
}
.intro-text {
font-size: 41px;
line-height: 49px;
}
.focus-box {
margin-bottom: 75px;
}
.section-header {
float: left;
width: 100%;
}
.pirate-forms-g-recaptcha > div {
display: inline-block;
}
.pirate_forms .pirate-forms-submit-button {
display: inline-block;
text-align: center;
}
.contact_submit_wrap {
text-align: center;
}
/* ABOUT US */
.big-intro {
font-size: 8vw !important;
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
}
.our-clients {
float: left;
width: 100%;
}
/* PURCHASE NOW */
.purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
margin-bottom: 20px;
text-align: center;
}
.purchase-now .button {
float: none;
}
/* FOOTER */
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
footer.entry-footer {
padding-top: 0;
}
/* comments */
.comment-metadata {
position: relative;
top: 0;
right: 0;
}
}
@media (max-width: 480px) {
/* HOME */
.intro {
margin-top: 60%;
font-size: 6.5vw;
line-height: 6vh;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 40%;
}
.intro-text {
font-size: 32px;
line-height: 37px;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
margin-right: 0;
text-align: left;
}
/* blog */
.post-img-wrap {
width: 100%;
}
.listpost-content-wrap {
float: left;
width: 100%;
margin-top: 20px;
}
.post-img-wrap a {
float: none;
width: 250px;
height: 250px;
margin: 0 auto;
}
.post-img-wrap {
margin-right: 0;
text-align: center;
}
.post-img-wrap a img {
width: auto;
}
/* comments */
.comment-reply-link {
position: relative;
margin-top: 10px;
}
.post-img-wrap a img {
width: 250px;
height: auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.post-img-wrap a:hover img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3 ease-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 320px) {
.intro {
font-size: 7vw;
line-height: 25px;
}
.header-content-wrap,
.blog-header-content-wrap {
padding-top: 50%;
}
.intro-text {
font-size: 22px;
line-height: 30px;
}
.client-list ul li {
display: block;
}
.listpost-content-wrap-large {
position: relative;
}
.post-img-wrap-large {
display: none;
}
}
.zerif-copyright {
color: #939393!important;
}
.zerif-copyright-box {
width: 100%;
color: #666;
}
/* print */
@media print {
body {
font-size: 11.25pt;
}
a:link:after,
a:visited:after {
content: "";
}
header.header {
min-height: 0 !important;
}
#main-nav {
position: relative;
}
.header-content-wrap,
.blog-header-content-wrap {
padding: 30px 0 15px;
}
.buttons {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.focus,
.works,
.about-us,
.features,
.packages,
.products,
.testimonial,
.contact-us {
padding-top: 15px;
}
.focus {
padding-bottom: 0;
}
.focus .row .focus-box,
.zerif_about_us_center,
.zerif-rtl-skills .skills,
#testimonials > .container > .row,
.zerif-rtl-contact-name,
.zerif-rtl-contact-email,
.zerif-rtl-contact-subject,
#contact > .container > .row .col-lg-12.col-sm-12,
.purchase-now > .container > .row .col-md-9,
.purchase-now > .container > .row .col-md-3,
.separator-one > .color-overlay .container.text,
.separator-one > .color-overlay > div {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.focus .row .focus-box {
width: 23% !important;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.about-us {
padding-bottom: 0;
}
.about-us .column {
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.about-us .big-intro {
margin-top: 0;
text-align: center;
}
.zerif-rtl-big-title,
.zerif-rtl-skills,
.zerif-rtl-skills .skills {
width: 100%;
}
.zerif-rtl-skills .skills li.skill {
display: inline-block;
float: left;
clear: none;
width: 25%;
margin-bottom: 0;
}
.about-us p {
text-align: center;
}
.our-team {
padding-top: 30px;
padding-bottom: 0;
}
.our-team .row {
opacity: 1 !important;
-webkit-transform: translatex(0px) !important;
-moz-transform: translatex(0px) !important;
-ms-transform: translatex(0px) !important;
transform: translatex(0px) !important;
}
.our-team .col-lg-3.col-sm-3 {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.team-member .profile-pic {
width: 100%;
height: auto;
}
#client-feedbacks .feedback-box {
width: 30%;
margin: 1.5%;
padding: 0;
}
.feedback-box .quote {
display: none;
}
.feedback-box .client-info {
margin-left: 0;
}
.section-header {
padding-bottom: 15px;
}
.testimonial {
padding-bottom: 0;
}
.feedback-box .client {
margin-top: 0;
}
.contact-us {
padding-bottom: 0;
}
.contact-us .input-box,
textarea {
border: 1px solid #000 !important;
box-shadow: none;
}
.footer-box {
width: 23% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.latestnews-box {
float: left;
width: 50%;
margin: 0;
padding: 0;
padding-right: 2%;
padding-left: 2%;
}
#carousel-homepage-latestnews .item {
height: auto !important;
}
.company-details {
float: left;
width: 33% !important;
margin-right: 0;
margin-left: 0;
padding: 0 1.5%;
padding-left: 0;
}
.copyright {
width: 100%;
}
.separator-one,
.purchase-now {
padding: 15px 0 15px 0;
}
.latest-news {
padding-top: 15px;
padding-bottom: 15px;
}
/* inner page */
.content-left-wrap {
padding-top: 0;
}
}
/* Nivo slider basic styling */
.nivo-controlNav {
position: absolute;
width: 100%;
bottom: 30px;
text-align: center;
z-index: 5;
}
.nivo-controlNav a,
.nivo-directionNav a {
margin: 0 10px;
padding: 5px 10px;
opacity: 0.85;
color: #fff;
background-color: rgba(10, 10, 10, 0.9);
cursor: pointer;
transition: 0.3s ease;
}
.nivo-controlNav a.active {
color: #333;
background: #fff;
}
.nivo-controlNav a:hover,
.nivo-directionNav a:hover {
opacity: 1;
}
.nivo-directionNav {
position: relative;
z-index: 100;
bottom: 74px;
width: 100%;
}
.nivo-directionNav .nivo-prevNav {
float: left;
}
.nivo-directionNav .nivo-prevNav:before {
content: "\00AB ";
}
.nivo-directionNav .nivo-nextNav {
float: right;
}
.nivo-directionNav .nivo-nextNav:after {
content: " \00BB";
}
/* END Nivo slider basic styling */
dev/wp-content/plugins/themeisle-companion/vendor/codeinwp/gutenberg-blocks/build/style.css 0000644 00000042162 15113771754 0031402 0 ustar 00 home/xbodynamge .wp-block-themeisle-blocks-about-author{border:0;margin-bottom:30px;border-radius:6px;color:rgba(0,0,0,0.87);width:100%;position:relative;display:flex;word-wrap:break-word}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:16.66666667%;float:left;max-width:130px;max-height:130px;margin:auto 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image{width:100%;height:auto;box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);border-radius:50%}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image:hover{opacity:0.8}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:83.33333333%;float:left;margin:0 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-data p{font-size:14px}@media (max-width: 961px){.wp-block-themeisle-blocks-about-author{display:inline-block;text-align:center}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:auto;float:none;max-width:130px;max-height:130px;margin:auto}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:auto;float:none}}
.wp-block-themeisle-blocks-accordion-area .transition,.wp-block-themeisle-blocks-accordion-area ul li .accordion-content,.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{transition:all 0.25s ease-in-out}.wp-block-themeisle-blocks-accordion-area .no-select,.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wp-block-themeisle-blocks-accordion-area ul{list-style:none;-webkit-perspective:900;perspective:900;padding:20px 0;margin:0}.wp-block-themeisle-blocks-accordion-area ul li{position:relative;padding:0;margin:0;padding-bottom:18px;padding-top:18px;list-style:none;border-top:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li:last-of-type{border-bottom:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{line-height:34px;font-weight:300;letter-spacing:1px;display:block;background-color:#fefffa;margin:0 !important;padding:0;cursor:pointer}.wp-block-themeisle-blocks-accordion-area ul li .accordion-content{color:rgba(48,69,92,0.8);font-size:17px;line-height:26px;letter-spacing:1px;position:relative;margin-top:14px !important;max-height:800px;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.wp-block-themeisle-blocks-accordion-area ul li i{position:absolute;-webkit-transform:translate(-6px, 0);transform:translate(-6px, 0);margin-top:16px;right:0}.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{content:"";position:absolute;background-color:rgba(48,69,92,0.8);width:3px;height:9px}.wp-block-themeisle-blocks-accordion-area ul li i:before{-webkit-transform:translate(-2px, 0) rotate(45deg);transform:translate(-2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li i:after{-webkit-transform:translate(2px, 0) rotate(-45deg);transform:translate(2px, 0) rotate(-45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ .accordion-content{margin:0 !important;max-height:0;opacity:0;-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:before{-webkit-transform:translate(2px, 0) rotate(45deg);transform:translate(2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:after{-webkit-transform:translate(-2px, 0) rotate(-45deg);transform:translate(-2px, 0) rotate(-45deg)}
.wp-block-themeisle-blocks-font-awesome-icons{text-align:center}
.themeisle-block-notice.components-notice{background-color:#E5F5FA;border-left:4px solid #00a0d2;margin:5px 15px 10px;padding:8px 12px}.themeisle-block-notice.components-notice.is-success{border-left-color:#4ab866;background-color:#eff9f1}.themeisle-block-notice.components-notice.is-warning{border-left-color:#f0b849;background-color:#fef8ee}.themeisle-block-notice.components-notice.is-error{border-left-color:#d94f4f;background-color:#f9e2e2}.themeisle-block-notice.components-notice .components-notice__content{font-size:14px;line-height:1.5;margin:0 !important}
.wp-block-themeisle-blocks-plugin-cards{padding:20px 0}.wp-block-themeisle-blocks-plugin-cards.align-left{float:left}.wp-block-themeisle-blocks-plugin-cards.align-center{text-align:center}.wp-block-themeisle-blocks-plugin-cards.align-right{float:right}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{border:1px #EAEAEA solid;display:inline-block;width:350px;font-family:"PT Serif Caption"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card a{color:#000;text-decoration:none}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header{background:#ffffff;text-align:center;padding:25px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo img{width:128px;height:128px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h4{font-size:24px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h5{font-size:16px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings{font-family:"Font Awesome 5 Free"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-full:before{content:"\F005";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-half:before{content:"\F5C0";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-empty:before{content:"\F005"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details{background:#FCFCFC;border-top:1px #EAEAEA solid;padding:20px;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-description{color:#707070;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats{padding:25px 0 0 0;text-align:justify}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats h5{color:#707070;border-bottom:1px #d8d8d8 solid;font-size:14px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:flex}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat{flex:auto;padding-top:10px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat .card-text-large{color:#4550ae;font-size:24px;display:block}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download{background:#4551af;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download a{color:#fff;text-decoration:none;display:block;padding:20px}@media (max-width: 415px){.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{width:auto}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:block}}
.wp-block-themeisle-blocks-posts-grid{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-image-area{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-content-area{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-content-area .grid-content-category{margin:10px 0}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-2{flex:0 0 50%;max-width:50%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-3{flex:0 0 33%;max-width:33%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-4{flex:0 0 25%;max-width:25%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-5{flex:0 0 20%;max-width:20%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid .grid-post{margin:20px 0;background:transparent;box-shadow:none;border:0;border-radius:6px;color:rgba(0,0,0,0.87);width:100%}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area{flex:0 0 33.333333%;max-width:33.333333%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area .post-thumbnail{position:relative;padding:0;z-index:1;border-radius:6px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area .post-thumbnail img{width:100%;border-radius:6px;box-shadow:0 5px 15px 5px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2)}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area{flex:0 0 66.666667%;max-width:66.666667%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area.full{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-category{font-size:11px;font-weight:bold;margin:0}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-category a{color:#000000;text-decoration:none}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-title{font-size:16px;font-weight:bold;margin:0}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-title a{text-decoration:none}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-meta{margin:0;font-size:14px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-meta a{color:#000000}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-excerpt{line-height:1.5;margin:1em 0}@media (max-width: 600px){.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post{flex:0 0 100% !important;max-width:100% !important;padding:0 !important}}
.wp-block-themeisle-blocks-pricing-table{display:flex;position:relative}.wp-block-themeisle-blocks-pricing-table.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-pricing-table.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-pricing-table.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-pricing-table .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}.wp-block-themeisle-blocks-pricing-table .raised{box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)}@media (min-width: 768px){.wp-block-themeisle-blocks-pricing-table .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-pricing-table .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-pricing-table{display:block}.wp-block-themeisle-blocks-pricing-table .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-services{display:flex;position:relative}.wp-block-themeisle-blocks-services.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-services.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-services.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-services.alignfull{padding:100px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-services .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}@media (min-width: 768px){.wp-block-themeisle-blocks-services .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-services .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-services{display:block}.wp-block-themeisle-blocks-services .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-services.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-sharing-icons .social-icon{background:#999999;color:#ffffff;font-size:14px;position:relative;margin:10px 5px 10px 0;padding:12px;border:none;border-radius:3px;white-space:normal;letter-spacing:0;display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;line-height:20px}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-facebook{background-color:#3b5998;border-color:#3b5998}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-twitter{background-color:#55acee;border-color:#55acee}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-googleplus{background-color:#dd4b39;border-color:#dd4b39}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-linkedin{background-color:#0976b4;border-color:#0976b4}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-pinterest{background-color:#cc2127;border-color:#cc2127}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-tumblr{background-color:#35465c;border-color:#35465c}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-reddit{background-color:#ff4500;border-color:#ff4500}.wp-block-themeisle-blocks-sharing-icons .social-icon:hover{box-shadow:0 14px 26px -12px rgba(59,89,152,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(59,89,152,0.2)}.wp-block-themeisle-blocks-sharing-icons .social-icon i{min-width:20px;color:#ffffff;font-size:16px}.wp-block-themeisle-blocks-sharing-icons.has-label i{border-right:1px solid rgba(255,255,255,0.5);margin-right:10px;padding-right:10px}
.wp-block-themeisle-blocks-testimonials-area{display:flex;position:relative}.wp-block-themeisle-blocks-testimonials-area.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-testimonials-area.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-testimonials-area.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{position:relative;flex:1;padding:20px 25px;margin:0 20px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image{margin:0 auto;width:100px;height:auto}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image img{border-radius:100%;box-shadow:0 10px 25px 0 rgba(0,0,0,0.3)}.wp-block-themeisle-blocks-testimonials-area .wp-block-column h3.testimonials-title{margin:20px 0 0 0 !important}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:before{content:open-quote}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:after{content:close-quote}@media (min-width: 768px){.wp-block-themeisle-blocks-testimonials-area .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-testimonials-area .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-testimonials-area{display:block}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-tweetable{display:block;background-color:#fff;position:relative;border:1px solid #dddddd;border-radius:4px;padding:15px 30px;margin:15px 0px}.wp-block-themeisle-blocks-tweetable p{margin:0 0 10px 0;padding:0;position:relative;word-wrap:break-word;color:#999999;font-size:24px;line-height:140%;box-shadow:none;letter-spacing:0.05em;font-weight:100;text-decoration:none;text-transform:none}.wp-block-themeisle-blocks-tweetable .tweetbutton{margin:0;padding:0;padding-right:0px;display:block;text-transform:uppercase;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;box-shadow:none;font-size:12px;font-weight:bold;line-height:100%;color:#999999;text-align:right;text-decoration:none}.wp-block-themeisle-blocks-tweetable .tweetbutton:after{content:"\F301";color:#A0CCED;font-family:Dashicons;margin:0 5px}
wp-content/plugins/themeisle-companion/vendor/codeinwp/gutenberg-blocks/build/style.css 0000604 00000042162 15114246364 0033500 0 ustar 00 home/xbodynamge/crosstraining .wp-block-themeisle-blocks-about-author{border:0;margin-bottom:30px;border-radius:6px;color:rgba(0,0,0,0.87);width:100%;position:relative;display:flex;word-wrap:break-word}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:16.66666667%;float:left;max-width:130px;max-height:130px;margin:auto 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image{width:100%;height:auto;box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);border-radius:50%}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image:hover{opacity:0.8}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:83.33333333%;float:left;margin:0 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-data p{font-size:14px}@media (max-width: 961px){.wp-block-themeisle-blocks-about-author{display:inline-block;text-align:center}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:auto;float:none;max-width:130px;max-height:130px;margin:auto}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:auto;float:none}}
.wp-block-themeisle-blocks-accordion-area .transition,.wp-block-themeisle-blocks-accordion-area ul li .accordion-content,.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{transition:all 0.25s ease-in-out}.wp-block-themeisle-blocks-accordion-area .no-select,.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wp-block-themeisle-blocks-accordion-area ul{list-style:none;-webkit-perspective:900;perspective:900;padding:20px 0;margin:0}.wp-block-themeisle-blocks-accordion-area ul li{position:relative;padding:0;margin:0;padding-bottom:18px;padding-top:18px;list-style:none;border-top:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li:last-of-type{border-bottom:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{line-height:34px;font-weight:300;letter-spacing:1px;display:block;background-color:#fefffa;margin:0 !important;padding:0;cursor:pointer}.wp-block-themeisle-blocks-accordion-area ul li .accordion-content{color:rgba(48,69,92,0.8);font-size:17px;line-height:26px;letter-spacing:1px;position:relative;margin-top:14px !important;max-height:800px;opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.wp-block-themeisle-blocks-accordion-area ul li i{position:absolute;-webkit-transform:translate(-6px, 0);transform:translate(-6px, 0);margin-top:16px;right:0}.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{content:"";position:absolute;background-color:rgba(48,69,92,0.8);width:3px;height:9px}.wp-block-themeisle-blocks-accordion-area ul li i:before{-webkit-transform:translate(-2px, 0) rotate(45deg);transform:translate(-2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li i:after{-webkit-transform:translate(2px, 0) rotate(-45deg);transform:translate(2px, 0) rotate(-45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ .accordion-content{margin:0 !important;max-height:0;opacity:0;-webkit-transform:translate(0, 50%);transform:translate(0, 50%)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:before{-webkit-transform:translate(2px, 0) rotate(45deg);transform:translate(2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:after{-webkit-transform:translate(-2px, 0) rotate(-45deg);transform:translate(-2px, 0) rotate(-45deg)}
.wp-block-themeisle-blocks-font-awesome-icons{text-align:center}
.themeisle-block-notice.components-notice{background-color:#E5F5FA;border-left:4px solid #00a0d2;margin:5px 15px 10px;padding:8px 12px}.themeisle-block-notice.components-notice.is-success{border-left-color:#4ab866;background-color:#eff9f1}.themeisle-block-notice.components-notice.is-warning{border-left-color:#f0b849;background-color:#fef8ee}.themeisle-block-notice.components-notice.is-error{border-left-color:#d94f4f;background-color:#f9e2e2}.themeisle-block-notice.components-notice .components-notice__content{font-size:14px;line-height:1.5;margin:0 !important}
.wp-block-themeisle-blocks-plugin-cards{padding:20px 0}.wp-block-themeisle-blocks-plugin-cards.align-left{float:left}.wp-block-themeisle-blocks-plugin-cards.align-center{text-align:center}.wp-block-themeisle-blocks-plugin-cards.align-right{float:right}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{border:1px #EAEAEA solid;display:inline-block;width:350px;font-family:"PT Serif Caption"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card a{color:#000;text-decoration:none}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header{background:#ffffff;text-align:center;padding:25px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo img{width:128px;height:128px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h4{font-size:24px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h5{font-size:16px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings{font-family:"Font Awesome 5 Free"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-full:before{content:"\F005";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-half:before{content:"\F5C0";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-empty:before{content:"\F005"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details{background:#FCFCFC;border-top:1px #EAEAEA solid;padding:20px;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-description{color:#707070;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats{padding:25px 0 0 0;text-align:justify}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats h5{color:#707070;border-bottom:1px #d8d8d8 solid;font-size:14px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:flex}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat{flex:auto;padding-top:10px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat .card-text-large{color:#4550ae;font-size:24px;display:block}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download{background:#4551af;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download a{color:#fff;text-decoration:none;display:block;padding:20px}@media (max-width: 415px){.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{width:auto}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:block}}
.wp-block-themeisle-blocks-posts-grid{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-image-area{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-content-area{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post .grid-post-row .grid-content-area .grid-content-category{margin:10px 0}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-2{flex:0 0 50%;max-width:50%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-3{flex:0 0 33%;max-width:33%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-4{flex:0 0 25%;max-width:25%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post.grid-5{flex:0 0 20%;max-width:20%;padding:0 15px}.wp-block-themeisle-blocks-posts-grid .grid-post{margin:20px 0;background:transparent;box-shadow:none;border:0;border-radius:6px;color:rgba(0,0,0,0.87);width:100%}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area{flex:0 0 33.333333%;max-width:33.333333%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area .post-thumbnail{position:relative;padding:0;z-index:1;border-radius:6px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-image-area .post-thumbnail img{width:100%;border-radius:6px;box-shadow:0 5px 15px 5px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2)}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area{flex:0 0 66.666667%;max-width:66.666667%;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area.full{flex:0 0 100%;max-width:100%}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-category{font-size:11px;font-weight:bold;margin:0}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-category a{color:#000000;text-decoration:none}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-title{font-size:16px;font-weight:bold;margin:0}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-title a{text-decoration:none}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-meta{margin:0;font-size:14px}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-meta a{color:#000000}.wp-block-themeisle-blocks-posts-grid .grid-post .grid-post-row .grid-content-area .grid-content-excerpt{line-height:1.5;margin:1em 0}@media (max-width: 600px){.wp-block-themeisle-blocks-posts-grid.is-grid .grid-post{flex:0 0 100% !important;max-width:100% !important;padding:0 !important}}
.wp-block-themeisle-blocks-pricing-table{display:flex;position:relative}.wp-block-themeisle-blocks-pricing-table.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-pricing-table.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-pricing-table.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-pricing-table .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}.wp-block-themeisle-blocks-pricing-table .raised{box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)}@media (min-width: 768px){.wp-block-themeisle-blocks-pricing-table .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-pricing-table .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-pricing-table{display:block}.wp-block-themeisle-blocks-pricing-table .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-services{display:flex;position:relative}.wp-block-themeisle-blocks-services.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-services.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-services.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-services.alignfull{padding:100px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-services .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}@media (min-width: 768px){.wp-block-themeisle-blocks-services .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-services .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-services{display:block}.wp-block-themeisle-blocks-services .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-services.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-sharing-icons .social-icon{background:#999999;color:#ffffff;font-size:14px;position:relative;margin:10px 5px 10px 0;padding:12px;border:none;border-radius:3px;white-space:normal;letter-spacing:0;display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;line-height:20px}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-facebook{background-color:#3b5998;border-color:#3b5998}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-twitter{background-color:#55acee;border-color:#55acee}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-googleplus{background-color:#dd4b39;border-color:#dd4b39}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-linkedin{background-color:#0976b4;border-color:#0976b4}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-pinterest{background-color:#cc2127;border-color:#cc2127}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-tumblr{background-color:#35465c;border-color:#35465c}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-reddit{background-color:#ff4500;border-color:#ff4500}.wp-block-themeisle-blocks-sharing-icons .social-icon:hover{box-shadow:0 14px 26px -12px rgba(59,89,152,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(59,89,152,0.2)}.wp-block-themeisle-blocks-sharing-icons .social-icon i{min-width:20px;color:#ffffff;font-size:16px}.wp-block-themeisle-blocks-sharing-icons.has-label i{border-right:1px solid rgba(255,255,255,0.5);margin-right:10px;padding-right:10px}
.wp-block-themeisle-blocks-testimonials-area{display:flex;position:relative}.wp-block-themeisle-blocks-testimonials-area.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-testimonials-area.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-testimonials-area.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{position:relative;flex:1;padding:20px 25px;margin:0 20px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image{margin:0 auto;width:100px;height:auto}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image img{border-radius:100%;box-shadow:0 10px 25px 0 rgba(0,0,0,0.3)}.wp-block-themeisle-blocks-testimonials-area .wp-block-column h3.testimonials-title{margin:20px 0 0 0 !important}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:before{content:open-quote}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:after{content:close-quote}@media (min-width: 768px){.wp-block-themeisle-blocks-testimonials-area .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-testimonials-area .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-testimonials-area{display:block}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-tweetable{display:block;background-color:#fff;position:relative;border:1px solid #dddddd;border-radius:4px;padding:15px 30px;margin:15px 0px}.wp-block-themeisle-blocks-tweetable p{margin:0 0 10px 0;padding:0;position:relative;word-wrap:break-word;color:#999999;font-size:24px;line-height:140%;box-shadow:none;letter-spacing:0.05em;font-weight:100;text-decoration:none;text-transform:none}.wp-block-themeisle-blocks-tweetable .tweetbutton{margin:0;padding:0;padding-right:0px;display:block;text-transform:uppercase;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;box-shadow:none;font-size:12px;font-weight:bold;line-height:100%;color:#999999;text-align:right;text-decoration:none}.wp-block-themeisle-blocks-tweetable .tweetbutton:after{content:"\F301";color:#A0CCED;font-family:Dashicons;margin:0 5px}
lebauwcentre/wp-content/plugins/themeisle-companion/vendor/codeinwp/gutenberg-blocks/build/style.css0000644 00000072201 15114356104 0033266 0 ustar 00 home/xbodynamge .wp-block-themeisle-blocks-about-author{border:0;margin-bottom:30px;border-radius:6px;color:rgba(0,0,0,0.87);width:100%;position:relative;display:flex;word-wrap:break-word}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:16.66666667%;float:left;max-width:130px;max-height:130px;margin:auto 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image{width:100%;height:auto;box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);border-radius:50%}.wp-block-themeisle-blocks-about-author .themeisle-author-image .author-image:hover{opacity:0.8}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:83.33333333%;float:left;margin:0 15px}.wp-block-themeisle-blocks-about-author .themeisle-author-data p{font-size:14px}@media (max-width: 961px){.wp-block-themeisle-blocks-about-author{display:inline-block;text-align:center}.wp-block-themeisle-blocks-about-author .themeisle-author-image{width:auto;float:none;max-width:130px;max-height:130px;margin:auto}.wp-block-themeisle-blocks-about-author .themeisle-author-data{width:auto;float:none}}
span.wp-block-themeisle-blocks-advanced-heading{display:block}
.wp-block-themeisle-blocks-button-group{display:flex;margin-bottom:0;position:relative}.wp-block-themeisle-blocks-button-group.collapse-desktop{flex-direction:column}.wp-block-themeisle-blocks-button-group.collapse-desktop .wp-block-themeisle-blocks-button{margin:10px 0 !important}.wp-block-themeisle-blocks-button-group .wp-block-themeisle-blocks-button{cursor:pointer;font-size:18px;margin:0;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:break-word;height:100%}.wp-block-themeisle-blocks-button-group i.margin-left{margin-left:10px}.wp-block-themeisle-blocks-button-group i.margin-right{margin-right:10px}@media (max-width: 960px){.wp-block-themeisle-blocks-button-group.collapse-tablet{flex-direction:column}.wp-block-themeisle-blocks-button-group.collapse-tablet .wp-block-themeisle-blocks-button{margin:10px 0 !important}}@media (max-width: 600px){.wp-block-themeisle-blocks-button-group.collapse-mobile{flex-direction:column}.wp-block-themeisle-blocks-button-group.collapse-mobile .wp-block-themeisle-blocks-button{margin:10px 0 !important}}
.wp-block-themeisle-blocks-accordion-area .transition,.wp-block-themeisle-blocks-accordion-area ul li .accordion-content,.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{transition:all 0.25s ease-in-out}.wp-block-themeisle-blocks-accordion-area .no-select,.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wp-block-themeisle-blocks-accordion-area ul{list-style:none;perspective:900;padding:20px 0;margin:0}.wp-block-themeisle-blocks-accordion-area ul li{position:relative;padding:0;margin:0;padding-bottom:18px;padding-top:18px;list-style:none;border-top:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li:last-of-type{border-bottom:1px dotted #dce7eb}.wp-block-themeisle-blocks-accordion-area ul li .accordion-heading{line-height:34px;font-weight:300;letter-spacing:1px;display:block;background-color:#fefffa;margin:0 !important;padding:0;cursor:pointer}.wp-block-themeisle-blocks-accordion-area ul li .accordion-content{color:rgba(48,69,92,0.8);font-size:17px;line-height:26px;letter-spacing:1px;position:relative;margin-top:14px !important;max-height:800px;opacity:1;transform:translate(0, 0)}.wp-block-themeisle-blocks-accordion-area ul li i{position:absolute;transform:translate(-6px, 0);margin-top:16px;right:0}.wp-block-themeisle-blocks-accordion-area ul li i:before,.wp-block-themeisle-blocks-accordion-area ul li i:after{content:"";position:absolute;background-color:rgba(48,69,92,0.8);width:3px;height:9px}.wp-block-themeisle-blocks-accordion-area ul li i:before{transform:translate(-2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li i:after{transform:translate(2px, 0) rotate(-45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ .accordion-content{margin:0 !important;max-height:0;opacity:0;transform:translate(0, 50%)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:before{transform:translate(2px, 0) rotate(45deg)}.wp-block-themeisle-blocks-accordion-area ul li input[type=checkbox]:checked ~ i:after{transform:translate(-2px, 0) rotate(-45deg)}
.themeisle-block-notice.components-notice{background-color:#E5F5FA;border-left:4px solid #00a0d2;margin:5px 15px 10px;padding:8px 12px}.themeisle-block-notice.components-notice.is-success{border-left-color:#4ab866;background-color:#eff9f1}.themeisle-block-notice.components-notice.is-warning{border-left-color:#f0b849;background-color:#fef8ee}.themeisle-block-notice.components-notice.is-error{border-left-color:#d94f4f;background-color:#f9e2e2}.themeisle-block-notice.components-notice .components-notice__content{font-size:14px;line-height:1.5;margin:0 !important}
.wp-block-themeisle-blocks-pricing-table{display:flex;position:relative}.wp-block-themeisle-blocks-pricing-table.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-pricing-table.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-pricing-table.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-pricing-table .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}.wp-block-themeisle-blocks-pricing-table .raised{box-shadow:0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)}@media (min-width: 768px){.wp-block-themeisle-blocks-pricing-table .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-pricing-table .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-pricing-table{display:block}.wp-block-themeisle-blocks-pricing-table .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-pricing-table.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-pricing-table.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-services{display:flex;position:relative}.wp-block-themeisle-blocks-services.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-services.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-services.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-services.alignfull{padding:100px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-services .wp-block-column{position:relative;flex:1;padding:20px 10px;margin:0 20px}@media (min-width: 768px){.wp-block-themeisle-blocks-services .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-services .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-services{display:block}.wp-block-themeisle-blocks-services .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-services.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-services.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-testimonials-area{display:flex;position:relative}.wp-block-themeisle-blocks-testimonials-area.is-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5)}.wp-block-themeisle-blocks-testimonials-area.is-dim .wp-block-column{z-index:1}.wp-block-themeisle-blocks-testimonials-area.is-parallax{background-attachment:fixed !important}.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 150px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{position:relative;flex:1;padding:20px 25px;margin:0 20px}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image{margin:0 auto;width:100px;height:auto}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .wp-block-image img{border-radius:100%;box-shadow:0 10px 25px 0 rgba(0,0,0,0.3)}.wp-block-themeisle-blocks-testimonials-area .wp-block-column h3.testimonials-title{margin:20px 0 0 0 !important}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:before{content:open-quote}.wp-block-themeisle-blocks-testimonials-area .wp-block-column .testimonials-content:after{content:close-quote}@media (min-width: 768px){.wp-block-themeisle-blocks-testimonials-area .wp-block-column:first-child{margin-left:0}.wp-block-themeisle-blocks-testimonials-area .wp-block-column:last-child{margin-right:0}}@media (max-width: 768px){.wp-block-themeisle-blocks-testimonials-area{display:block}.wp-block-themeisle-blocks-testimonials-area .wp-block-column{margin:20px}}@media (max-width: 1024px){.wp-block-themeisle-blocks-testimonials-area.alignfull{padding:100px 20px}.wp-block-themeisle-blocks-testimonials-area.alignwide{padding:100px 20px}}
.wp-block-themeisle-blocks-tweetable{display:block;background-color:#fff;position:relative;border:1px solid #dddddd;border-radius:4px;padding:15px 30px;margin:15px 0px}.wp-block-themeisle-blocks-tweetable p{margin:0 0 10px 0;padding:0;position:relative;word-wrap:break-word;color:#999999;font-size:24px;line-height:140%;box-shadow:none;letter-spacing:0.05em;font-weight:100;text-decoration:none;text-transform:none}.wp-block-themeisle-blocks-tweetable .tweetbutton{margin:0;padding:0;padding-right:0px;display:block;text-transform:uppercase;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;box-shadow:none;font-size:12px;font-weight:bold;line-height:100%;color:#999999;text-align:right;text-decoration:none}.wp-block-themeisle-blocks-tweetable .tweetbutton:after{content:"\F301";color:#A0CCED;font-family:Dashicons;margin:0 5px}
.wp-block-themeisle-blocks-font-awesome-icons{text-align:center}
.wp-block-themeisle-blocks-google-map{margin:20px 0}.wp-block-themeisle-blocks-map-overview h6.wp-block-themeisle-blocks-map-overview-title{font-size:14px;margin:10px 0}.wp-block-themeisle-blocks-map-overview .wp-block-themeisle-blocks-map-overview-content p{font-size:12px}.wp-block-themeisle-blocks-map-overview .wp-block-themeisle-blocks-map-overview-delete{cursor:pointer}
.wp-block-themeisle-blocks-plugin-cards{padding:20px 0}.wp-block-themeisle-blocks-plugin-cards.align-left{float:left}.wp-block-themeisle-blocks-plugin-cards.align-center{text-align:center}.wp-block-themeisle-blocks-plugin-cards.align-right{float:right}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{border:1px #EAEAEA solid;display:inline-block;width:350px;font-family:"PT Serif Caption"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card a{color:#000;text-decoration:none}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header{background:#ffffff;text-align:center;padding:25px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-logo img{width:128px;height:128px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info{padding:10px}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h4{font-size:24px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-info h5{font-size:16px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings{font-family:"Font Awesome 5 Free"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-full:before{content:"\F005";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-half:before{content:"\F5C0";font-weight:900}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-header .card-ratings .star-empty:before{content:"\F005"}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details{background:#FCFCFC;border-top:1px #EAEAEA solid;padding:20px;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-description{color:#707070;font-size:12px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats{padding:25px 0 0 0;text-align:justify}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats h5{color:#707070;border-bottom:1px #d8d8d8 solid;font-size:14px;margin:0}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:flex}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat{flex:auto;padding-top:10px;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list .card-stat .card-text-large{color:#4550ae;font-size:24px;display:block}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download{background:#4551af;text-align:center}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-download a{color:#fff;text-decoration:none;display:block;padding:20px}@media (max-width: 415px){.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card{width:auto}.wp-block-themeisle-blocks-plugin-cards .themeisle-plugin-card .card-details .card-stats .card-stats-list{display:block}}
.wp-block-themeisle-blocks-posts-grid{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-posts-grid.is-grid.posts-grid-columns-2 .posts-grid-post-blog{flex:0 0 50%;max-width:50%}.wp-block-themeisle-blocks-posts-grid.is-grid.posts-grid-columns-3 .posts-grid-post-blog{flex:0 0 33%;max-width:33%}.wp-block-themeisle-blocks-posts-grid.is-grid.posts-grid-columns-4 .posts-grid-post-blog{flex:0 0 25%;max-width:25%}.wp-block-themeisle-blocks-posts-grid.is-grid.posts-grid-columns-5 .posts-grid-post-blog{flex:0 0 20%;max-width:20%}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post{display:flex}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-image{flex-basis:33.33%;padding:20px}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-body{flex-basis:66.66%;padding-top:20px}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog{width:100%;position:relative;margin-bottom:30px;padding:10px 20px;display:inline-block;border:0;position:relative;word-wrap:break-word;background-color:#fff;background-clip:border-box}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post{margin-bottom:10px}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-image{position:relative}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-image img{box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);max-width:100%;border-radius:5px}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body.is-full{flex-basis:100%}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-category{font-size:12px;text-transform:capitalize;font-weight:700;margin:5px 0}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-title{font-size:18px;margin:10px 0;line-height:1.25em}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-title a{text-decoration:none;transition:all .15s ease 0s}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-title a:hover{text-decoration:underline}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-meta{font-size:14px;margin:10px 0}.wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-body .posts-grid-post-description{font-size:16px;margin:10px 0}@media (min-width: 600px) and (max-width: 960px){.wp-block-themeisle-blocks-posts-grid{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-posts-grid.is-grid .posts-grid-post-blog{min-width:33%}}@media (max-width: 600px){.wp-block-themeisle-blocks-posts-grid{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-posts-grid.is-grid .posts-grid-post-blog{min-width:100%}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post{flex-direction:column;padding:10px}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-image{flex-basis:100%;padding:0}.wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-body{flex-basis:100%;padding:0}}
.wp-block-themeisle-blocks-advanced-columns-separators{position:absolute;left:0;width:100%}.wp-block-themeisle-blocks-advanced-columns-separators.top{top:0}.wp-block-themeisle-blocks-advanced-columns-separators.bottom{bottom:0}.wp-block-themeisle-blocks-advanced-columns-separators.bottom svg{position:absolute;bottom:0}.wp-block-themeisle-blocks-advanced-columns-separators .rotate{transform:rotate(180deg)}
.wp-block-themeisle-blocks-advanced-columns .wp-themeisle-block-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.wp-block-themeisle-blocks-advanced-columns.has-default-gap .wp-block-themeisle-blocks-advanced-column{margin:10px}.wp-block-themeisle-blocks-advanced-columns.has-nogap-gap .wp-block-themeisle-blocks-advanced-column{margin:0}.wp-block-themeisle-blocks-advanced-columns.has-narrow-gap .wp-block-themeisle-blocks-advanced-column{margin:5px}.wp-block-themeisle-blocks-advanced-columns.has-extended-gap .wp-block-themeisle-blocks-advanced-column{margin:15px}.wp-block-themeisle-blocks-advanced-columns.has-wide-gap .wp-block-themeisle-blocks-advanced-column{margin:20px}.wp-block-themeisle-blocks-advanced-columns.has-wider-gap .wp-block-themeisle-blocks-advanced-column{margin:30px}.wp-block-themeisle-blocks-advanced-columns.has-vertical-flex-start .wp-block-themeisle-blocks-advanced-column{align-self:flex-start}.wp-block-themeisle-blocks-advanced-columns.has-vertical-center .wp-block-themeisle-blocks-advanced-column{align-self:center}.wp-block-themeisle-blocks-advanced-columns.has-vertical-flex-end .wp-block-themeisle-blocks-advanced-column{align-self:flex-end}@media (min-width: 960px){.wp-block-themeisle-blocks-advanced-columns{display:flex;position:relative}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap{display:flex;flex-basis:100%;word-break:keep-all}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{position:relative}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column:first-child{margin-left:0}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column:last-child{margin-right:0}.wp-block-themeisle-blocks-advanced-columns.hide-in-desktop{display:none}.wp-block-themeisle-blocks-advanced-columns.has-1-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:100%}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:50%}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-desktop-oneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:33.34%}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-desktop-oneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex-basis:66.66%}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-desktop-twoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:33.34%}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-desktop-twoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex-basis:66.66%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:33.33%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneOneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:25%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneOneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex-basis:50%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-twoOneOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:25%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-twoOneOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex-basis:50%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:50%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex-basis:25%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex-basis:25%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:60%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex-basis:20%}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-desktop-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex-basis:20%}.wp-block-themeisle-blocks-advanced-columns.has-4-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:25%}.wp-block-themeisle-blocks-advanced-columns.has-5-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:20%}.wp-block-themeisle-blocks-advanced-columns.has-6-columns.has-desktop-equal-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex-basis:16.66%}}@media (min-width: 600px) and (max-width: 960px){.wp-block-themeisle-blocks-advanced-columns{display:flex;position:relative}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap{display:flex;flex-basis:100%;word-break:keep-all}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{position:relative;flex:1}.wp-block-themeisle-blocks-advanced-columns.hide-in-tablet{display:none}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-tablet-oneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-tablet-twoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneOneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-twoOneOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:3}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-tablet-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-tablet-collapsedRows-layout>.innerblocks-wrap{flex-direction:column}.wp-block-themeisle-blocks-advanced-columns.has-tablet-twoColumnGrid-layout>.innerblocks-wrap{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-advanced-columns.has-tablet-twoColumnGrid-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:1 1 40%}.wp-block-themeisle-blocks-advanced-columns.has-tablet-threeColumnGrid-layout>.innerblocks-wrap{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-advanced-columns.has-tablet-threeColumnGrid-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:1 1 30%}}@media (max-width: 600px){.wp-block-themeisle-blocks-advanced-columns{display:flex;position:relative}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap{display:flex;flex-basis:100%;word-break:keep-all}.wp-block-themeisle-blocks-advanced-columns .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{position:relative;flex:1}.wp-block-themeisle-blocks-advanced-columns.hide-in-mobile{display:none}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-mobile-oneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-2-columns.has-mobile-twoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneOneTwo-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-twoOneOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:2}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneTwoOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:3}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:first-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-3-columns.has-mobile-oneThreeOne-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column:last-child{flex:1}.wp-block-themeisle-blocks-advanced-columns.has-mobile-collapsedRows-layout>.innerblocks-wrap{flex-direction:column}.wp-block-themeisle-blocks-advanced-columns.has-mobile-twoColumnGrid-layout>.innerblocks-wrap{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-advanced-columns.has-mobile-twoColumnGrid-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:1 1 40%}.wp-block-themeisle-blocks-advanced-columns.has-mobile-threeColumnGrid-layout>.innerblocks-wrap{display:flex;flex-wrap:wrap}.wp-block-themeisle-blocks-advanced-columns.has-mobile-threeColumnGrid-layout>.innerblocks-wrap>.wp-block-themeisle-blocks-advanced-column{flex:1 1 30%}}
.wp-block-themeisle-blocks-sharing-icons .social-icon{background:#999999;color:#ffffff;font-size:14px;position:relative;margin:10px 5px 10px 0;padding:12px;border:none;border-radius:3px;white-space:normal;letter-spacing:0;display:inline-block;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;line-height:20px}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-facebook{background-color:#3b5998;border-color:#3b5998}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-twitter{background-color:#55acee;border-color:#55acee}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-linkedin{background-color:#0976b4;border-color:#0976b4}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-pinterest{background-color:#cc2127;border-color:#cc2127}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-tumblr{background-color:#35465c;border-color:#35465c}.wp-block-themeisle-blocks-sharing-icons .social-icon.is-reddit{background-color:#ff4500;border-color:#ff4500}.wp-block-themeisle-blocks-sharing-icons .social-icon:hover{box-shadow:0 14px 26px -12px rgba(59,89,152,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(59,89,152,0.2)}.wp-block-themeisle-blocks-sharing-icons .social-icon i{min-width:20px;color:#ffffff;font-size:16px}.wp-block-themeisle-blocks-sharing-icons.has-label i{border-right:1px solid rgba(255,255,255,0.5);margin-right:10px;padding-right:10px}
home/xbodynamge/namtation/wp-content/themes/twentynineteen/style.css 0000604 00000637561 15114364615 0022164 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */
body:lang(ar), button:lang(ar),
input:lang(ar),
select:lang(ar),
optgroup:lang(ar),
textarea:lang(ar), .author-description .author-link:lang(ar),
.comment-metadata:lang(ar),
.comment-reply-link:lang(ar),
.comments-title:lang(ar),
.comment-author .fn:lang(ar),
.discussion-meta-info:lang(ar),
.entry-meta:lang(ar),
.entry-footer:lang(ar),
.main-navigation:lang(ar),
.no-comments:lang(ar),
.not-found .page-title:lang(ar),
.error-404 .page-title:lang(ar),
.post-navigation .post-title:lang(ar),
.page-links:lang(ar),
.page-description:lang(ar),
.pagination .nav-links:lang(ar),
.sticky-post:lang(ar),
.site-title:lang(ar),
.site-info:lang(ar),
#cancel-comment-reply-link:lang(ar),
h1:lang(ar),
h2:lang(ar),
h3:lang(ar),
h4:lang(ar),
h5:lang(ar),
h6:lang(ar), .page-title:lang(ar), blockquote cite:lang(ar), table:lang(ar), .button:lang(ar),
input:lang(ar)[type="button"],
input:lang(ar)[type="reset"],
input:lang(ar)[type="submit"], .comment-navigation .nav-previous:lang(ar),
.comment-navigation .nav-next:lang(ar), .comment-list .pingback .comment-body:lang(ar),
.comment-list .trackback .comment-body:lang(ar), .comment-list .pingback .comment-body .comment-edit-link:lang(ar),
.comment-list .trackback .comment-body .comment-edit-link:lang(ar), .comment-form .comment-notes:lang(ar),
.comment-form label:lang(ar), .widget_archive ul li:lang(ar),
.widget_categories ul li:lang(ar),
.widget_meta ul li:lang(ar),
.widget_nav_menu ul li:lang(ar),
.widget_pages ul li:lang(ar),
.widget_recent_comments ul li:lang(ar),
.widget_recent_entries ul li:lang(ar),
.widget_rss ul li:lang(ar), .widget_tag_cloud .tagcloud:lang(ar), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ar), .entry .entry-content .wp-block-archives li:lang(ar),
.entry .entry-content .wp-block-categories li:lang(ar),
.entry .entry-content .wp-block-latest-posts li:lang(ar), .entry .entry-content .wp-block-verse:lang(ar), .entry .entry-content .has-drop-cap:lang(ar):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ar), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover-image h2:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover h2:lang(ar), .entry .entry-content .wp-block-audio figcaption:lang(ar),
.entry .entry-content .wp-block-video figcaption:lang(ar),
.entry .entry-content .wp-block-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ar), .entry .entry-content .wp-block-file:lang(ar), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ar), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ar), .wp-caption-text:lang(ar), .gallery-caption:lang(ar) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ary), button:lang(ary),
input:lang(ary),
select:lang(ary),
optgroup:lang(ary),
textarea:lang(ary), .author-description .author-link:lang(ary),
.comment-metadata:lang(ary),
.comment-reply-link:lang(ary),
.comments-title:lang(ary),
.comment-author .fn:lang(ary),
.discussion-meta-info:lang(ary),
.entry-meta:lang(ary),
.entry-footer:lang(ary),
.main-navigation:lang(ary),
.no-comments:lang(ary),
.not-found .page-title:lang(ary),
.error-404 .page-title:lang(ary),
.post-navigation .post-title:lang(ary),
.page-links:lang(ary),
.page-description:lang(ary),
.pagination .nav-links:lang(ary),
.sticky-post:lang(ary),
.site-title:lang(ary),
.site-info:lang(ary),
#cancel-comment-reply-link:lang(ary),
h1:lang(ary),
h2:lang(ary),
h3:lang(ary),
h4:lang(ary),
h5:lang(ary),
h6:lang(ary), .page-title:lang(ary), blockquote cite:lang(ary), table:lang(ary), .button:lang(ary),
input:lang(ary)[type="button"],
input:lang(ary)[type="reset"],
input:lang(ary)[type="submit"], .comment-navigation .nav-previous:lang(ary),
.comment-navigation .nav-next:lang(ary), .comment-list .pingback .comment-body:lang(ary),
.comment-list .trackback .comment-body:lang(ary), .comment-list .pingback .comment-body .comment-edit-link:lang(ary),
.comment-list .trackback .comment-body .comment-edit-link:lang(ary), .comment-form .comment-notes:lang(ary),
.comment-form label:lang(ary), .widget_archive ul li:lang(ary),
.widget_categories ul li:lang(ary),
.widget_meta ul li:lang(ary),
.widget_nav_menu ul li:lang(ary),
.widget_pages ul li:lang(ary),
.widget_recent_comments ul li:lang(ary),
.widget_recent_entries ul li:lang(ary),
.widget_rss ul li:lang(ary), .widget_tag_cloud .tagcloud:lang(ary), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ary), .entry .entry-content .wp-block-archives li:lang(ary),
.entry .entry-content .wp-block-categories li:lang(ary),
.entry .entry-content .wp-block-latest-posts li:lang(ary), .entry .entry-content .wp-block-verse:lang(ary), .entry .entry-content .has-drop-cap:lang(ary):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ary), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover-image h2:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover h2:lang(ary), .entry .entry-content .wp-block-audio figcaption:lang(ary),
.entry .entry-content .wp-block-video figcaption:lang(ary),
.entry .entry-content .wp-block-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ary), .entry .entry-content .wp-block-file:lang(ary), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ary), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ary), .wp-caption-text:lang(ary), .gallery-caption:lang(ary) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(azb), button:lang(azb),
input:lang(azb),
select:lang(azb),
optgroup:lang(azb),
textarea:lang(azb), .author-description .author-link:lang(azb),
.comment-metadata:lang(azb),
.comment-reply-link:lang(azb),
.comments-title:lang(azb),
.comment-author .fn:lang(azb),
.discussion-meta-info:lang(azb),
.entry-meta:lang(azb),
.entry-footer:lang(azb),
.main-navigation:lang(azb),
.no-comments:lang(azb),
.not-found .page-title:lang(azb),
.error-404 .page-title:lang(azb),
.post-navigation .post-title:lang(azb),
.page-links:lang(azb),
.page-description:lang(azb),
.pagination .nav-links:lang(azb),
.sticky-post:lang(azb),
.site-title:lang(azb),
.site-info:lang(azb),
#cancel-comment-reply-link:lang(azb),
h1:lang(azb),
h2:lang(azb),
h3:lang(azb),
h4:lang(azb),
h5:lang(azb),
h6:lang(azb), .page-title:lang(azb), blockquote cite:lang(azb), table:lang(azb), .button:lang(azb),
input:lang(azb)[type="button"],
input:lang(azb)[type="reset"],
input:lang(azb)[type="submit"], .comment-navigation .nav-previous:lang(azb),
.comment-navigation .nav-next:lang(azb), .comment-list .pingback .comment-body:lang(azb),
.comment-list .trackback .comment-body:lang(azb), .comment-list .pingback .comment-body .comment-edit-link:lang(azb),
.comment-list .trackback .comment-body .comment-edit-link:lang(azb), .comment-form .comment-notes:lang(azb),
.comment-form label:lang(azb), .widget_archive ul li:lang(azb),
.widget_categories ul li:lang(azb),
.widget_meta ul li:lang(azb),
.widget_nav_menu ul li:lang(azb),
.widget_pages ul li:lang(azb),
.widget_recent_comments ul li:lang(azb),
.widget_recent_entries ul li:lang(azb),
.widget_rss ul li:lang(azb), .widget_tag_cloud .tagcloud:lang(azb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(azb), .entry .entry-content .wp-block-archives li:lang(azb),
.entry .entry-content .wp-block-categories li:lang(azb),
.entry .entry-content .wp-block-latest-posts li:lang(azb), .entry .entry-content .wp-block-verse:lang(azb), .entry .entry-content .has-drop-cap:lang(azb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(azb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover-image h2:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover h2:lang(azb), .entry .entry-content .wp-block-audio figcaption:lang(azb),
.entry .entry-content .wp-block-video figcaption:lang(azb),
.entry .entry-content .wp-block-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(azb), .entry .entry-content .wp-block-file:lang(azb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(azb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(azb), .wp-caption-text:lang(azb), .gallery-caption:lang(azb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ckb), button:lang(ckb),
input:lang(ckb),
select:lang(ckb),
optgroup:lang(ckb),
textarea:lang(ckb), .author-description .author-link:lang(ckb),
.comment-metadata:lang(ckb),
.comment-reply-link:lang(ckb),
.comments-title:lang(ckb),
.comment-author .fn:lang(ckb),
.discussion-meta-info:lang(ckb),
.entry-meta:lang(ckb),
.entry-footer:lang(ckb),
.main-navigation:lang(ckb),
.no-comments:lang(ckb),
.not-found .page-title:lang(ckb),
.error-404 .page-title:lang(ckb),
.post-navigation .post-title:lang(ckb),
.page-links:lang(ckb),
.page-description:lang(ckb),
.pagination .nav-links:lang(ckb),
.sticky-post:lang(ckb),
.site-title:lang(ckb),
.site-info:lang(ckb),
#cancel-comment-reply-link:lang(ckb),
h1:lang(ckb),
h2:lang(ckb),
h3:lang(ckb),
h4:lang(ckb),
h5:lang(ckb),
h6:lang(ckb), .page-title:lang(ckb), blockquote cite:lang(ckb), table:lang(ckb), .button:lang(ckb),
input:lang(ckb)[type="button"],
input:lang(ckb)[type="reset"],
input:lang(ckb)[type="submit"], .comment-navigation .nav-previous:lang(ckb),
.comment-navigation .nav-next:lang(ckb), .comment-list .pingback .comment-body:lang(ckb),
.comment-list .trackback .comment-body:lang(ckb), .comment-list .pingback .comment-body .comment-edit-link:lang(ckb),
.comment-list .trackback .comment-body .comment-edit-link:lang(ckb), .comment-form .comment-notes:lang(ckb),
.comment-form label:lang(ckb), .widget_archive ul li:lang(ckb),
.widget_categories ul li:lang(ckb),
.widget_meta ul li:lang(ckb),
.widget_nav_menu ul li:lang(ckb),
.widget_pages ul li:lang(ckb),
.widget_recent_comments ul li:lang(ckb),
.widget_recent_entries ul li:lang(ckb),
.widget_rss ul li:lang(ckb), .widget_tag_cloud .tagcloud:lang(ckb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ckb), .entry .entry-content .wp-block-archives li:lang(ckb),
.entry .entry-content .wp-block-categories li:lang(ckb),
.entry .entry-content .wp-block-latest-posts li:lang(ckb), .entry .entry-content .wp-block-verse:lang(ckb), .entry .entry-content .has-drop-cap:lang(ckb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ckb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover-image h2:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover h2:lang(ckb), .entry .entry-content .wp-block-audio figcaption:lang(ckb),
.entry .entry-content .wp-block-video figcaption:lang(ckb),
.entry .entry-content .wp-block-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ckb), .entry .entry-content .wp-block-file:lang(ckb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ckb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ckb), .wp-caption-text:lang(ckb), .gallery-caption:lang(ckb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(fa-IR), button:lang(fa-IR),
input:lang(fa-IR),
select:lang(fa-IR),
optgroup:lang(fa-IR),
textarea:lang(fa-IR), .author-description .author-link:lang(fa-IR),
.comment-metadata:lang(fa-IR),
.comment-reply-link:lang(fa-IR),
.comments-title:lang(fa-IR),
.comment-author .fn:lang(fa-IR),
.discussion-meta-info:lang(fa-IR),
.entry-meta:lang(fa-IR),
.entry-footer:lang(fa-IR),
.main-navigation:lang(fa-IR),
.no-comments:lang(fa-IR),
.not-found .page-title:lang(fa-IR),
.error-404 .page-title:lang(fa-IR),
.post-navigation .post-title:lang(fa-IR),
.page-links:lang(fa-IR),
.page-description:lang(fa-IR),
.pagination .nav-links:lang(fa-IR),
.sticky-post:lang(fa-IR),
.site-title:lang(fa-IR),
.site-info:lang(fa-IR),
#cancel-comment-reply-link:lang(fa-IR),
h1:lang(fa-IR),
h2:lang(fa-IR),
h3:lang(fa-IR),
h4:lang(fa-IR),
h5:lang(fa-IR),
h6:lang(fa-IR), .page-title:lang(fa-IR), blockquote cite:lang(fa-IR), table:lang(fa-IR), .button:lang(fa-IR),
input:lang(fa-IR)[type="button"],
input:lang(fa-IR)[type="reset"],
input:lang(fa-IR)[type="submit"], .comment-navigation .nav-previous:lang(fa-IR),
.comment-navigation .nav-next:lang(fa-IR), .comment-list .pingback .comment-body:lang(fa-IR),
.comment-list .trackback .comment-body:lang(fa-IR), .comment-list .pingback .comment-body .comment-edit-link:lang(fa-IR),
.comment-list .trackback .comment-body .comment-edit-link:lang(fa-IR), .comment-form .comment-notes:lang(fa-IR),
.comment-form label:lang(fa-IR), .widget_archive ul li:lang(fa-IR),
.widget_categories ul li:lang(fa-IR),
.widget_meta ul li:lang(fa-IR),
.widget_nav_menu ul li:lang(fa-IR),
.widget_pages ul li:lang(fa-IR),
.widget_recent_comments ul li:lang(fa-IR),
.widget_recent_entries ul li:lang(fa-IR),
.widget_rss ul li:lang(fa-IR), .widget_tag_cloud .tagcloud:lang(fa-IR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(fa-IR), .entry .entry-content .wp-block-archives li:lang(fa-IR),
.entry .entry-content .wp-block-categories li:lang(fa-IR),
.entry .entry-content .wp-block-latest-posts li:lang(fa-IR), .entry .entry-content .wp-block-verse:lang(fa-IR), .entry .entry-content .has-drop-cap:lang(fa-IR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(fa-IR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image h2:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover h2:lang(fa-IR), .entry .entry-content .wp-block-audio figcaption:lang(fa-IR),
.entry .entry-content .wp-block-video figcaption:lang(fa-IR),
.entry .entry-content .wp-block-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(fa-IR), .entry .entry-content .wp-block-file:lang(fa-IR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(fa-IR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(fa-IR), .wp-caption-text:lang(fa-IR), .gallery-caption:lang(fa-IR) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(haz), button:lang(haz),
input:lang(haz),
select:lang(haz),
optgroup:lang(haz),
textarea:lang(haz), .author-description .author-link:lang(haz),
.comment-metadata:lang(haz),
.comment-reply-link:lang(haz),
.comments-title:lang(haz),
.comment-author .fn:lang(haz),
.discussion-meta-info:lang(haz),
.entry-meta:lang(haz),
.entry-footer:lang(haz),
.main-navigation:lang(haz),
.no-comments:lang(haz),
.not-found .page-title:lang(haz),
.error-404 .page-title:lang(haz),
.post-navigation .post-title:lang(haz),
.page-links:lang(haz),
.page-description:lang(haz),
.pagination .nav-links:lang(haz),
.sticky-post:lang(haz),
.site-title:lang(haz),
.site-info:lang(haz),
#cancel-comment-reply-link:lang(haz),
h1:lang(haz),
h2:lang(haz),
h3:lang(haz),
h4:lang(haz),
h5:lang(haz),
h6:lang(haz), .page-title:lang(haz), blockquote cite:lang(haz), table:lang(haz), .button:lang(haz),
input:lang(haz)[type="button"],
input:lang(haz)[type="reset"],
input:lang(haz)[type="submit"], .comment-navigation .nav-previous:lang(haz),
.comment-navigation .nav-next:lang(haz), .comment-list .pingback .comment-body:lang(haz),
.comment-list .trackback .comment-body:lang(haz), .comment-list .pingback .comment-body .comment-edit-link:lang(haz),
.comment-list .trackback .comment-body .comment-edit-link:lang(haz), .comment-form .comment-notes:lang(haz),
.comment-form label:lang(haz), .widget_archive ul li:lang(haz),
.widget_categories ul li:lang(haz),
.widget_meta ul li:lang(haz),
.widget_nav_menu ul li:lang(haz),
.widget_pages ul li:lang(haz),
.widget_recent_comments ul li:lang(haz),
.widget_recent_entries ul li:lang(haz),
.widget_rss ul li:lang(haz), .widget_tag_cloud .tagcloud:lang(haz), .entry .entry-content .wp-block-button .wp-block-button__link:lang(haz), .entry .entry-content .wp-block-archives li:lang(haz),
.entry .entry-content .wp-block-categories li:lang(haz),
.entry .entry-content .wp-block-latest-posts li:lang(haz), .entry .entry-content .wp-block-verse:lang(haz), .entry .entry-content .has-drop-cap:lang(haz):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(haz), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover-image h2:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover h2:lang(haz), .entry .entry-content .wp-block-audio figcaption:lang(haz),
.entry .entry-content .wp-block-video figcaption:lang(haz),
.entry .entry-content .wp-block-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(haz), .entry .entry-content .wp-block-file:lang(haz), .entry .entry-content .wp-block-file .wp-block-file__button:lang(haz), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(haz), .wp-caption-text:lang(haz), .gallery-caption:lang(haz) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ps), button:lang(ps),
input:lang(ps),
select:lang(ps),
optgroup:lang(ps),
textarea:lang(ps), .author-description .author-link:lang(ps),
.comment-metadata:lang(ps),
.comment-reply-link:lang(ps),
.comments-title:lang(ps),
.comment-author .fn:lang(ps),
.discussion-meta-info:lang(ps),
.entry-meta:lang(ps),
.entry-footer:lang(ps),
.main-navigation:lang(ps),
.no-comments:lang(ps),
.not-found .page-title:lang(ps),
.error-404 .page-title:lang(ps),
.post-navigation .post-title:lang(ps),
.page-links:lang(ps),
.page-description:lang(ps),
.pagination .nav-links:lang(ps),
.sticky-post:lang(ps),
.site-title:lang(ps),
.site-info:lang(ps),
#cancel-comment-reply-link:lang(ps),
h1:lang(ps),
h2:lang(ps),
h3:lang(ps),
h4:lang(ps),
h5:lang(ps),
h6:lang(ps), .page-title:lang(ps), blockquote cite:lang(ps), table:lang(ps), .button:lang(ps),
input:lang(ps)[type="button"],
input:lang(ps)[type="reset"],
input:lang(ps)[type="submit"], .comment-navigation .nav-previous:lang(ps),
.comment-navigation .nav-next:lang(ps), .comment-list .pingback .comment-body:lang(ps),
.comment-list .trackback .comment-body:lang(ps), .comment-list .pingback .comment-body .comment-edit-link:lang(ps),
.comment-list .trackback .comment-body .comment-edit-link:lang(ps), .comment-form .comment-notes:lang(ps),
.comment-form label:lang(ps), .widget_archive ul li:lang(ps),
.widget_categories ul li:lang(ps),
.widget_meta ul li:lang(ps),
.widget_nav_menu ul li:lang(ps),
.widget_pages ul li:lang(ps),
.widget_recent_comments ul li:lang(ps),
.widget_recent_entries ul li:lang(ps),
.widget_rss ul li:lang(ps), .widget_tag_cloud .tagcloud:lang(ps), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ps), .entry .entry-content .wp-block-archives li:lang(ps),
.entry .entry-content .wp-block-categories li:lang(ps),
.entry .entry-content .wp-block-latest-posts li:lang(ps), .entry .entry-content .wp-block-verse:lang(ps), .entry .entry-content .has-drop-cap:lang(ps):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ps), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover-image h2:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover h2:lang(ps), .entry .entry-content .wp-block-audio figcaption:lang(ps),
.entry .entry-content .wp-block-video figcaption:lang(ps),
.entry .entry-content .wp-block-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ps), .entry .entry-content .wp-block-file:lang(ps), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ps), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ps), .wp-caption-text:lang(ps), .gallery-caption:lang(ps) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(be), button:lang(be),
input:lang(be),
select:lang(be),
optgroup:lang(be),
textarea:lang(be), .author-description .author-link:lang(be),
.comment-metadata:lang(be),
.comment-reply-link:lang(be),
.comments-title:lang(be),
.comment-author .fn:lang(be),
.discussion-meta-info:lang(be),
.entry-meta:lang(be),
.entry-footer:lang(be),
.main-navigation:lang(be),
.no-comments:lang(be),
.not-found .page-title:lang(be),
.error-404 .page-title:lang(be),
.post-navigation .post-title:lang(be),
.page-links:lang(be),
.page-description:lang(be),
.pagination .nav-links:lang(be),
.sticky-post:lang(be),
.site-title:lang(be),
.site-info:lang(be),
#cancel-comment-reply-link:lang(be),
h1:lang(be),
h2:lang(be),
h3:lang(be),
h4:lang(be),
h5:lang(be),
h6:lang(be), .page-title:lang(be), blockquote cite:lang(be), table:lang(be), .button:lang(be),
input:lang(be)[type="button"],
input:lang(be)[type="reset"],
input:lang(be)[type="submit"], .comment-navigation .nav-previous:lang(be),
.comment-navigation .nav-next:lang(be), .comment-list .pingback .comment-body:lang(be),
.comment-list .trackback .comment-body:lang(be), .comment-list .pingback .comment-body .comment-edit-link:lang(be),
.comment-list .trackback .comment-body .comment-edit-link:lang(be), .comment-form .comment-notes:lang(be),
.comment-form label:lang(be), .widget_archive ul li:lang(be),
.widget_categories ul li:lang(be),
.widget_meta ul li:lang(be),
.widget_nav_menu ul li:lang(be),
.widget_pages ul li:lang(be),
.widget_recent_comments ul li:lang(be),
.widget_recent_entries ul li:lang(be),
.widget_rss ul li:lang(be), .widget_tag_cloud .tagcloud:lang(be), .entry .entry-content .wp-block-button .wp-block-button__link:lang(be), .entry .entry-content .wp-block-archives li:lang(be),
.entry .entry-content .wp-block-categories li:lang(be),
.entry .entry-content .wp-block-latest-posts li:lang(be), .entry .entry-content .wp-block-verse:lang(be), .entry .entry-content .has-drop-cap:lang(be):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(be), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover-image h2:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover h2:lang(be), .entry .entry-content .wp-block-audio figcaption:lang(be),
.entry .entry-content .wp-block-video figcaption:lang(be),
.entry .entry-content .wp-block-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(be), .entry .entry-content .wp-block-file:lang(be), .entry .entry-content .wp-block-file .wp-block-file__button:lang(be), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(be), .wp-caption-text:lang(be), .gallery-caption:lang(be) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(bg-BG), button:lang(bg-BG),
input:lang(bg-BG),
select:lang(bg-BG),
optgroup:lang(bg-BG),
textarea:lang(bg-BG), .author-description .author-link:lang(bg-BG),
.comment-metadata:lang(bg-BG),
.comment-reply-link:lang(bg-BG),
.comments-title:lang(bg-BG),
.comment-author .fn:lang(bg-BG),
.discussion-meta-info:lang(bg-BG),
.entry-meta:lang(bg-BG),
.entry-footer:lang(bg-BG),
.main-navigation:lang(bg-BG),
.no-comments:lang(bg-BG),
.not-found .page-title:lang(bg-BG),
.error-404 .page-title:lang(bg-BG),
.post-navigation .post-title:lang(bg-BG),
.page-links:lang(bg-BG),
.page-description:lang(bg-BG),
.pagination .nav-links:lang(bg-BG),
.sticky-post:lang(bg-BG),
.site-title:lang(bg-BG),
.site-info:lang(bg-BG),
#cancel-comment-reply-link:lang(bg-BG),
h1:lang(bg-BG),
h2:lang(bg-BG),
h3:lang(bg-BG),
h4:lang(bg-BG),
h5:lang(bg-BG),
h6:lang(bg-BG), .page-title:lang(bg-BG), blockquote cite:lang(bg-BG), table:lang(bg-BG), .button:lang(bg-BG),
input:lang(bg-BG)[type="button"],
input:lang(bg-BG)[type="reset"],
input:lang(bg-BG)[type="submit"], .comment-navigation .nav-previous:lang(bg-BG),
.comment-navigation .nav-next:lang(bg-BG), .comment-list .pingback .comment-body:lang(bg-BG),
.comment-list .trackback .comment-body:lang(bg-BG), .comment-list .pingback .comment-body .comment-edit-link:lang(bg-BG),
.comment-list .trackback .comment-body .comment-edit-link:lang(bg-BG), .comment-form .comment-notes:lang(bg-BG),
.comment-form label:lang(bg-BG), .widget_archive ul li:lang(bg-BG),
.widget_categories ul li:lang(bg-BG),
.widget_meta ul li:lang(bg-BG),
.widget_nav_menu ul li:lang(bg-BG),
.widget_pages ul li:lang(bg-BG),
.widget_recent_comments ul li:lang(bg-BG),
.widget_recent_entries ul li:lang(bg-BG),
.widget_rss ul li:lang(bg-BG), .widget_tag_cloud .tagcloud:lang(bg-BG), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bg-BG), .entry .entry-content .wp-block-archives li:lang(bg-BG),
.entry .entry-content .wp-block-categories li:lang(bg-BG),
.entry .entry-content .wp-block-latest-posts li:lang(bg-BG), .entry .entry-content .wp-block-verse:lang(bg-BG), .entry .entry-content .has-drop-cap:lang(bg-BG):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bg-BG), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image h2:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover h2:lang(bg-BG), .entry .entry-content .wp-block-audio figcaption:lang(bg-BG),
.entry .entry-content .wp-block-video figcaption:lang(bg-BG),
.entry .entry-content .wp-block-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bg-BG), .entry .entry-content .wp-block-file:lang(bg-BG), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bg-BG), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bg-BG), .wp-caption-text:lang(bg-BG), .gallery-caption:lang(bg-BG) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(kk), button:lang(kk),
input:lang(kk),
select:lang(kk),
optgroup:lang(kk),
textarea:lang(kk), .author-description .author-link:lang(kk),
.comment-metadata:lang(kk),
.comment-reply-link:lang(kk),
.comments-title:lang(kk),
.comment-author .fn:lang(kk),
.discussion-meta-info:lang(kk),
.entry-meta:lang(kk),
.entry-footer:lang(kk),
.main-navigation:lang(kk),
.no-comments:lang(kk),
.not-found .page-title:lang(kk),
.error-404 .page-title:lang(kk),
.post-navigation .post-title:lang(kk),
.page-links:lang(kk),
.page-description:lang(kk),
.pagination .nav-links:lang(kk),
.sticky-post:lang(kk),
.site-title:lang(kk),
.site-info:lang(kk),
#cancel-comment-reply-link:lang(kk),
h1:lang(kk),
h2:lang(kk),
h3:lang(kk),
h4:lang(kk),
h5:lang(kk),
h6:lang(kk), .page-title:lang(kk), blockquote cite:lang(kk), table:lang(kk), .button:lang(kk),
input:lang(kk)[type="button"],
input:lang(kk)[type="reset"],
input:lang(kk)[type="submit"], .comment-navigation .nav-previous:lang(kk),
.comment-navigation .nav-next:lang(kk), .comment-list .pingback .comment-body:lang(kk),
.comment-list .trackback .comment-body:lang(kk), .comment-list .pingback .comment-body .comment-edit-link:lang(kk),
.comment-list .trackback .comment-body .comment-edit-link:lang(kk), .comment-form .comment-notes:lang(kk),
.comment-form label:lang(kk), .widget_archive ul li:lang(kk),
.widget_categories ul li:lang(kk),
.widget_meta ul li:lang(kk),
.widget_nav_menu ul li:lang(kk),
.widget_pages ul li:lang(kk),
.widget_recent_comments ul li:lang(kk),
.widget_recent_entries ul li:lang(kk),
.widget_rss ul li:lang(kk), .widget_tag_cloud .tagcloud:lang(kk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(kk), .entry .entry-content .wp-block-archives li:lang(kk),
.entry .entry-content .wp-block-categories li:lang(kk),
.entry .entry-content .wp-block-latest-posts li:lang(kk), .entry .entry-content .wp-block-verse:lang(kk), .entry .entry-content .has-drop-cap:lang(kk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(kk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover-image h2:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover h2:lang(kk), .entry .entry-content .wp-block-audio figcaption:lang(kk),
.entry .entry-content .wp-block-video figcaption:lang(kk),
.entry .entry-content .wp-block-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(kk), .entry .entry-content .wp-block-file:lang(kk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(kk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(kk), .wp-caption-text:lang(kk), .gallery-caption:lang(kk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mk-MK), button:lang(mk-MK),
input:lang(mk-MK),
select:lang(mk-MK),
optgroup:lang(mk-MK),
textarea:lang(mk-MK), .author-description .author-link:lang(mk-MK),
.comment-metadata:lang(mk-MK),
.comment-reply-link:lang(mk-MK),
.comments-title:lang(mk-MK),
.comment-author .fn:lang(mk-MK),
.discussion-meta-info:lang(mk-MK),
.entry-meta:lang(mk-MK),
.entry-footer:lang(mk-MK),
.main-navigation:lang(mk-MK),
.no-comments:lang(mk-MK),
.not-found .page-title:lang(mk-MK),
.error-404 .page-title:lang(mk-MK),
.post-navigation .post-title:lang(mk-MK),
.page-links:lang(mk-MK),
.page-description:lang(mk-MK),
.pagination .nav-links:lang(mk-MK),
.sticky-post:lang(mk-MK),
.site-title:lang(mk-MK),
.site-info:lang(mk-MK),
#cancel-comment-reply-link:lang(mk-MK),
h1:lang(mk-MK),
h2:lang(mk-MK),
h3:lang(mk-MK),
h4:lang(mk-MK),
h5:lang(mk-MK),
h6:lang(mk-MK), .page-title:lang(mk-MK), blockquote cite:lang(mk-MK), table:lang(mk-MK), .button:lang(mk-MK),
input:lang(mk-MK)[type="button"],
input:lang(mk-MK)[type="reset"],
input:lang(mk-MK)[type="submit"], .comment-navigation .nav-previous:lang(mk-MK),
.comment-navigation .nav-next:lang(mk-MK), .comment-list .pingback .comment-body:lang(mk-MK),
.comment-list .trackback .comment-body:lang(mk-MK), .comment-list .pingback .comment-body .comment-edit-link:lang(mk-MK),
.comment-list .trackback .comment-body .comment-edit-link:lang(mk-MK), .comment-form .comment-notes:lang(mk-MK),
.comment-form label:lang(mk-MK), .widget_archive ul li:lang(mk-MK),
.widget_categories ul li:lang(mk-MK),
.widget_meta ul li:lang(mk-MK),
.widget_nav_menu ul li:lang(mk-MK),
.widget_pages ul li:lang(mk-MK),
.widget_recent_comments ul li:lang(mk-MK),
.widget_recent_entries ul li:lang(mk-MK),
.widget_rss ul li:lang(mk-MK), .widget_tag_cloud .tagcloud:lang(mk-MK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mk-MK), .entry .entry-content .wp-block-archives li:lang(mk-MK),
.entry .entry-content .wp-block-categories li:lang(mk-MK),
.entry .entry-content .wp-block-latest-posts li:lang(mk-MK), .entry .entry-content .wp-block-verse:lang(mk-MK), .entry .entry-content .has-drop-cap:lang(mk-MK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mk-MK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image h2:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover h2:lang(mk-MK), .entry .entry-content .wp-block-audio figcaption:lang(mk-MK),
.entry .entry-content .wp-block-video figcaption:lang(mk-MK),
.entry .entry-content .wp-block-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mk-MK), .entry .entry-content .wp-block-file:lang(mk-MK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mk-MK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mk-MK), .wp-caption-text:lang(mk-MK), .gallery-caption:lang(mk-MK) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mn), button:lang(mn),
input:lang(mn),
select:lang(mn),
optgroup:lang(mn),
textarea:lang(mn), .author-description .author-link:lang(mn),
.comment-metadata:lang(mn),
.comment-reply-link:lang(mn),
.comments-title:lang(mn),
.comment-author .fn:lang(mn),
.discussion-meta-info:lang(mn),
.entry-meta:lang(mn),
.entry-footer:lang(mn),
.main-navigation:lang(mn),
.no-comments:lang(mn),
.not-found .page-title:lang(mn),
.error-404 .page-title:lang(mn),
.post-navigation .post-title:lang(mn),
.page-links:lang(mn),
.page-description:lang(mn),
.pagination .nav-links:lang(mn),
.sticky-post:lang(mn),
.site-title:lang(mn),
.site-info:lang(mn),
#cancel-comment-reply-link:lang(mn),
h1:lang(mn),
h2:lang(mn),
h3:lang(mn),
h4:lang(mn),
h5:lang(mn),
h6:lang(mn), .page-title:lang(mn), blockquote cite:lang(mn), table:lang(mn), .button:lang(mn),
input:lang(mn)[type="button"],
input:lang(mn)[type="reset"],
input:lang(mn)[type="submit"], .comment-navigation .nav-previous:lang(mn),
.comment-navigation .nav-next:lang(mn), .comment-list .pingback .comment-body:lang(mn),
.comment-list .trackback .comment-body:lang(mn), .comment-list .pingback .comment-body .comment-edit-link:lang(mn),
.comment-list .trackback .comment-body .comment-edit-link:lang(mn), .comment-form .comment-notes:lang(mn),
.comment-form label:lang(mn), .widget_archive ul li:lang(mn),
.widget_categories ul li:lang(mn),
.widget_meta ul li:lang(mn),
.widget_nav_menu ul li:lang(mn),
.widget_pages ul li:lang(mn),
.widget_recent_comments ul li:lang(mn),
.widget_recent_entries ul li:lang(mn),
.widget_rss ul li:lang(mn), .widget_tag_cloud .tagcloud:lang(mn), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mn), .entry .entry-content .wp-block-archives li:lang(mn),
.entry .entry-content .wp-block-categories li:lang(mn),
.entry .entry-content .wp-block-latest-posts li:lang(mn), .entry .entry-content .wp-block-verse:lang(mn), .entry .entry-content .has-drop-cap:lang(mn):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mn), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover-image h2:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover h2:lang(mn), .entry .entry-content .wp-block-audio figcaption:lang(mn),
.entry .entry-content .wp-block-video figcaption:lang(mn),
.entry .entry-content .wp-block-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mn), .entry .entry-content .wp-block-file:lang(mn), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mn), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mn), .wp-caption-text:lang(mn), .gallery-caption:lang(mn) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(ru-RU), button:lang(ru-RU),
input:lang(ru-RU),
select:lang(ru-RU),
optgroup:lang(ru-RU),
textarea:lang(ru-RU), .author-description .author-link:lang(ru-RU),
.comment-metadata:lang(ru-RU),
.comment-reply-link:lang(ru-RU),
.comments-title:lang(ru-RU),
.comment-author .fn:lang(ru-RU),
.discussion-meta-info:lang(ru-RU),
.entry-meta:lang(ru-RU),
.entry-footer:lang(ru-RU),
.main-navigation:lang(ru-RU),
.no-comments:lang(ru-RU),
.not-found .page-title:lang(ru-RU),
.error-404 .page-title:lang(ru-RU),
.post-navigation .post-title:lang(ru-RU),
.page-links:lang(ru-RU),
.page-description:lang(ru-RU),
.pagination .nav-links:lang(ru-RU),
.sticky-post:lang(ru-RU),
.site-title:lang(ru-RU),
.site-info:lang(ru-RU),
#cancel-comment-reply-link:lang(ru-RU),
h1:lang(ru-RU),
h2:lang(ru-RU),
h3:lang(ru-RU),
h4:lang(ru-RU),
h5:lang(ru-RU),
h6:lang(ru-RU), .page-title:lang(ru-RU), blockquote cite:lang(ru-RU), table:lang(ru-RU), .button:lang(ru-RU),
input:lang(ru-RU)[type="button"],
input:lang(ru-RU)[type="reset"],
input:lang(ru-RU)[type="submit"], .comment-navigation .nav-previous:lang(ru-RU),
.comment-navigation .nav-next:lang(ru-RU), .comment-list .pingback .comment-body:lang(ru-RU),
.comment-list .trackback .comment-body:lang(ru-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(ru-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(ru-RU), .comment-form .comment-notes:lang(ru-RU),
.comment-form label:lang(ru-RU), .widget_archive ul li:lang(ru-RU),
.widget_categories ul li:lang(ru-RU),
.widget_meta ul li:lang(ru-RU),
.widget_nav_menu ul li:lang(ru-RU),
.widget_pages ul li:lang(ru-RU),
.widget_recent_comments ul li:lang(ru-RU),
.widget_recent_entries ul li:lang(ru-RU),
.widget_rss ul li:lang(ru-RU), .widget_tag_cloud .tagcloud:lang(ru-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ru-RU), .entry .entry-content .wp-block-archives li:lang(ru-RU),
.entry .entry-content .wp-block-categories li:lang(ru-RU),
.entry .entry-content .wp-block-latest-posts li:lang(ru-RU), .entry .entry-content .wp-block-verse:lang(ru-RU), .entry .entry-content .has-drop-cap:lang(ru-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ru-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image h2:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover h2:lang(ru-RU), .entry .entry-content .wp-block-audio figcaption:lang(ru-RU),
.entry .entry-content .wp-block-video figcaption:lang(ru-RU),
.entry .entry-content .wp-block-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ru-RU), .entry .entry-content .wp-block-file:lang(ru-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ru-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ru-RU), .wp-caption-text:lang(ru-RU), .gallery-caption:lang(ru-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sah), button:lang(sah),
input:lang(sah),
select:lang(sah),
optgroup:lang(sah),
textarea:lang(sah), .author-description .author-link:lang(sah),
.comment-metadata:lang(sah),
.comment-reply-link:lang(sah),
.comments-title:lang(sah),
.comment-author .fn:lang(sah),
.discussion-meta-info:lang(sah),
.entry-meta:lang(sah),
.entry-footer:lang(sah),
.main-navigation:lang(sah),
.no-comments:lang(sah),
.not-found .page-title:lang(sah),
.error-404 .page-title:lang(sah),
.post-navigation .post-title:lang(sah),
.page-links:lang(sah),
.page-description:lang(sah),
.pagination .nav-links:lang(sah),
.sticky-post:lang(sah),
.site-title:lang(sah),
.site-info:lang(sah),
#cancel-comment-reply-link:lang(sah),
h1:lang(sah),
h2:lang(sah),
h3:lang(sah),
h4:lang(sah),
h5:lang(sah),
h6:lang(sah), .page-title:lang(sah), blockquote cite:lang(sah), table:lang(sah), .button:lang(sah),
input:lang(sah)[type="button"],
input:lang(sah)[type="reset"],
input:lang(sah)[type="submit"], .comment-navigation .nav-previous:lang(sah),
.comment-navigation .nav-next:lang(sah), .comment-list .pingback .comment-body:lang(sah),
.comment-list .trackback .comment-body:lang(sah), .comment-list .pingback .comment-body .comment-edit-link:lang(sah),
.comment-list .trackback .comment-body .comment-edit-link:lang(sah), .comment-form .comment-notes:lang(sah),
.comment-form label:lang(sah), .widget_archive ul li:lang(sah),
.widget_categories ul li:lang(sah),
.widget_meta ul li:lang(sah),
.widget_nav_menu ul li:lang(sah),
.widget_pages ul li:lang(sah),
.widget_recent_comments ul li:lang(sah),
.widget_recent_entries ul li:lang(sah),
.widget_rss ul li:lang(sah), .widget_tag_cloud .tagcloud:lang(sah), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sah), .entry .entry-content .wp-block-archives li:lang(sah),
.entry .entry-content .wp-block-categories li:lang(sah),
.entry .entry-content .wp-block-latest-posts li:lang(sah), .entry .entry-content .wp-block-verse:lang(sah), .entry .entry-content .has-drop-cap:lang(sah):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sah), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover-image h2:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover h2:lang(sah), .entry .entry-content .wp-block-audio figcaption:lang(sah),
.entry .entry-content .wp-block-video figcaption:lang(sah),
.entry .entry-content .wp-block-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sah), .entry .entry-content .wp-block-file:lang(sah), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sah), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sah), .wp-caption-text:lang(sah), .gallery-caption:lang(sah) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sr-RS), button:lang(sr-RS),
input:lang(sr-RS),
select:lang(sr-RS),
optgroup:lang(sr-RS),
textarea:lang(sr-RS), .author-description .author-link:lang(sr-RS),
.comment-metadata:lang(sr-RS),
.comment-reply-link:lang(sr-RS),
.comments-title:lang(sr-RS),
.comment-author .fn:lang(sr-RS),
.discussion-meta-info:lang(sr-RS),
.entry-meta:lang(sr-RS),
.entry-footer:lang(sr-RS),
.main-navigation:lang(sr-RS),
.no-comments:lang(sr-RS),
.not-found .page-title:lang(sr-RS),
.error-404 .page-title:lang(sr-RS),
.post-navigation .post-title:lang(sr-RS),
.page-links:lang(sr-RS),
.page-description:lang(sr-RS),
.pagination .nav-links:lang(sr-RS),
.sticky-post:lang(sr-RS),
.site-title:lang(sr-RS),
.site-info:lang(sr-RS),
#cancel-comment-reply-link:lang(sr-RS),
h1:lang(sr-RS),
h2:lang(sr-RS),
h3:lang(sr-RS),
h4:lang(sr-RS),
h5:lang(sr-RS),
h6:lang(sr-RS), .page-title:lang(sr-RS), blockquote cite:lang(sr-RS), table:lang(sr-RS), .button:lang(sr-RS),
input:lang(sr-RS)[type="button"],
input:lang(sr-RS)[type="reset"],
input:lang(sr-RS)[type="submit"], .comment-navigation .nav-previous:lang(sr-RS),
.comment-navigation .nav-next:lang(sr-RS), .comment-list .pingback .comment-body:lang(sr-RS),
.comment-list .trackback .comment-body:lang(sr-RS), .comment-list .pingback .comment-body .comment-edit-link:lang(sr-RS),
.comment-list .trackback .comment-body .comment-edit-link:lang(sr-RS), .comment-form .comment-notes:lang(sr-RS),
.comment-form label:lang(sr-RS), .widget_archive ul li:lang(sr-RS),
.widget_categories ul li:lang(sr-RS),
.widget_meta ul li:lang(sr-RS),
.widget_nav_menu ul li:lang(sr-RS),
.widget_pages ul li:lang(sr-RS),
.widget_recent_comments ul li:lang(sr-RS),
.widget_recent_entries ul li:lang(sr-RS),
.widget_rss ul li:lang(sr-RS), .widget_tag_cloud .tagcloud:lang(sr-RS), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sr-RS), .entry .entry-content .wp-block-archives li:lang(sr-RS),
.entry .entry-content .wp-block-categories li:lang(sr-RS),
.entry .entry-content .wp-block-latest-posts li:lang(sr-RS), .entry .entry-content .wp-block-verse:lang(sr-RS), .entry .entry-content .has-drop-cap:lang(sr-RS):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sr-RS), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image h2:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover h2:lang(sr-RS), .entry .entry-content .wp-block-audio figcaption:lang(sr-RS),
.entry .entry-content .wp-block-video figcaption:lang(sr-RS),
.entry .entry-content .wp-block-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sr-RS), .entry .entry-content .wp-block-file:lang(sr-RS), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sr-RS), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sr-RS), .wp-caption-text:lang(sr-RS), .gallery-caption:lang(sr-RS) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(tt-RU), button:lang(tt-RU),
input:lang(tt-RU),
select:lang(tt-RU),
optgroup:lang(tt-RU),
textarea:lang(tt-RU), .author-description .author-link:lang(tt-RU),
.comment-metadata:lang(tt-RU),
.comment-reply-link:lang(tt-RU),
.comments-title:lang(tt-RU),
.comment-author .fn:lang(tt-RU),
.discussion-meta-info:lang(tt-RU),
.entry-meta:lang(tt-RU),
.entry-footer:lang(tt-RU),
.main-navigation:lang(tt-RU),
.no-comments:lang(tt-RU),
.not-found .page-title:lang(tt-RU),
.error-404 .page-title:lang(tt-RU),
.post-navigation .post-title:lang(tt-RU),
.page-links:lang(tt-RU),
.page-description:lang(tt-RU),
.pagination .nav-links:lang(tt-RU),
.sticky-post:lang(tt-RU),
.site-title:lang(tt-RU),
.site-info:lang(tt-RU),
#cancel-comment-reply-link:lang(tt-RU),
h1:lang(tt-RU),
h2:lang(tt-RU),
h3:lang(tt-RU),
h4:lang(tt-RU),
h5:lang(tt-RU),
h6:lang(tt-RU), .page-title:lang(tt-RU), blockquote cite:lang(tt-RU), table:lang(tt-RU), .button:lang(tt-RU),
input:lang(tt-RU)[type="button"],
input:lang(tt-RU)[type="reset"],
input:lang(tt-RU)[type="submit"], .comment-navigation .nav-previous:lang(tt-RU),
.comment-navigation .nav-next:lang(tt-RU), .comment-list .pingback .comment-body:lang(tt-RU),
.comment-list .trackback .comment-body:lang(tt-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(tt-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(tt-RU), .comment-form .comment-notes:lang(tt-RU),
.comment-form label:lang(tt-RU), .widget_archive ul li:lang(tt-RU),
.widget_categories ul li:lang(tt-RU),
.widget_meta ul li:lang(tt-RU),
.widget_nav_menu ul li:lang(tt-RU),
.widget_pages ul li:lang(tt-RU),
.widget_recent_comments ul li:lang(tt-RU),
.widget_recent_entries ul li:lang(tt-RU),
.widget_rss ul li:lang(tt-RU), .widget_tag_cloud .tagcloud:lang(tt-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(tt-RU), .entry .entry-content .wp-block-archives li:lang(tt-RU),
.entry .entry-content .wp-block-categories li:lang(tt-RU),
.entry .entry-content .wp-block-latest-posts li:lang(tt-RU), .entry .entry-content .wp-block-verse:lang(tt-RU), .entry .entry-content .has-drop-cap:lang(tt-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(tt-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image h2:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover h2:lang(tt-RU), .entry .entry-content .wp-block-audio figcaption:lang(tt-RU),
.entry .entry-content .wp-block-video figcaption:lang(tt-RU),
.entry .entry-content .wp-block-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(tt-RU), .entry .entry-content .wp-block-file:lang(tt-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(tt-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(tt-RU), .wp-caption-text:lang(tt-RU), .gallery-caption:lang(tt-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(uk), button:lang(uk),
input:lang(uk),
select:lang(uk),
optgroup:lang(uk),
textarea:lang(uk), .author-description .author-link:lang(uk),
.comment-metadata:lang(uk),
.comment-reply-link:lang(uk),
.comments-title:lang(uk),
.comment-author .fn:lang(uk),
.discussion-meta-info:lang(uk),
.entry-meta:lang(uk),
.entry-footer:lang(uk),
.main-navigation:lang(uk),
.no-comments:lang(uk),
.not-found .page-title:lang(uk),
.error-404 .page-title:lang(uk),
.post-navigation .post-title:lang(uk),
.page-links:lang(uk),
.page-description:lang(uk),
.pagination .nav-links:lang(uk),
.sticky-post:lang(uk),
.site-title:lang(uk),
.site-info:lang(uk),
#cancel-comment-reply-link:lang(uk),
h1:lang(uk),
h2:lang(uk),
h3:lang(uk),
h4:lang(uk),
h5:lang(uk),
h6:lang(uk), .page-title:lang(uk), blockquote cite:lang(uk), table:lang(uk), .button:lang(uk),
input:lang(uk)[type="button"],
input:lang(uk)[type="reset"],
input:lang(uk)[type="submit"], .comment-navigation .nav-previous:lang(uk),
.comment-navigation .nav-next:lang(uk), .comment-list .pingback .comment-body:lang(uk),
.comment-list .trackback .comment-body:lang(uk), .comment-list .pingback .comment-body .comment-edit-link:lang(uk),
.comment-list .trackback .comment-body .comment-edit-link:lang(uk), .comment-form .comment-notes:lang(uk),
.comment-form label:lang(uk), .widget_archive ul li:lang(uk),
.widget_categories ul li:lang(uk),
.widget_meta ul li:lang(uk),
.widget_nav_menu ul li:lang(uk),
.widget_pages ul li:lang(uk),
.widget_recent_comments ul li:lang(uk),
.widget_recent_entries ul li:lang(uk),
.widget_rss ul li:lang(uk), .widget_tag_cloud .tagcloud:lang(uk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(uk), .entry .entry-content .wp-block-archives li:lang(uk),
.entry .entry-content .wp-block-categories li:lang(uk),
.entry .entry-content .wp-block-latest-posts li:lang(uk), .entry .entry-content .wp-block-verse:lang(uk), .entry .entry-content .has-drop-cap:lang(uk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(uk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover-image h2:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover h2:lang(uk), .entry .entry-content .wp-block-audio figcaption:lang(uk),
.entry .entry-content .wp-block-video figcaption:lang(uk),
.entry .entry-content .wp-block-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(uk), .entry .entry-content .wp-block-file:lang(uk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(uk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(uk), .wp-caption-text:lang(uk), .gallery-caption:lang(uk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(zh-HK), button:lang(zh-HK),
input:lang(zh-HK),
select:lang(zh-HK),
optgroup:lang(zh-HK),
textarea:lang(zh-HK), .author-description .author-link:lang(zh-HK),
.comment-metadata:lang(zh-HK),
.comment-reply-link:lang(zh-HK),
.comments-title:lang(zh-HK),
.comment-author .fn:lang(zh-HK),
.discussion-meta-info:lang(zh-HK),
.entry-meta:lang(zh-HK),
.entry-footer:lang(zh-HK),
.main-navigation:lang(zh-HK),
.no-comments:lang(zh-HK),
.not-found .page-title:lang(zh-HK),
.error-404 .page-title:lang(zh-HK),
.post-navigation .post-title:lang(zh-HK),
.page-links:lang(zh-HK),
.page-description:lang(zh-HK),
.pagination .nav-links:lang(zh-HK),
.sticky-post:lang(zh-HK),
.site-title:lang(zh-HK),
.site-info:lang(zh-HK),
#cancel-comment-reply-link:lang(zh-HK),
h1:lang(zh-HK),
h2:lang(zh-HK),
h3:lang(zh-HK),
h4:lang(zh-HK),
h5:lang(zh-HK),
h6:lang(zh-HK), .page-title:lang(zh-HK), blockquote cite:lang(zh-HK), table:lang(zh-HK), .button:lang(zh-HK),
input:lang(zh-HK)[type="button"],
input:lang(zh-HK)[type="reset"],
input:lang(zh-HK)[type="submit"], .comment-navigation .nav-previous:lang(zh-HK),
.comment-navigation .nav-next:lang(zh-HK), .comment-list .pingback .comment-body:lang(zh-HK),
.comment-list .trackback .comment-body:lang(zh-HK), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-HK),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-HK), .comment-form .comment-notes:lang(zh-HK),
.comment-form label:lang(zh-HK), .widget_archive ul li:lang(zh-HK),
.widget_categories ul li:lang(zh-HK),
.widget_meta ul li:lang(zh-HK),
.widget_nav_menu ul li:lang(zh-HK),
.widget_pages ul li:lang(zh-HK),
.widget_recent_comments ul li:lang(zh-HK),
.widget_recent_entries ul li:lang(zh-HK),
.widget_rss ul li:lang(zh-HK), .widget_tag_cloud .tagcloud:lang(zh-HK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-HK), .entry .entry-content .wp-block-archives li:lang(zh-HK),
.entry .entry-content .wp-block-categories li:lang(zh-HK),
.entry .entry-content .wp-block-latest-posts li:lang(zh-HK), .entry .entry-content .wp-block-verse:lang(zh-HK), .entry .entry-content .has-drop-cap:lang(zh-HK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-HK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image h2:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover h2:lang(zh-HK), .entry .entry-content .wp-block-audio figcaption:lang(zh-HK),
.entry .entry-content .wp-block-video figcaption:lang(zh-HK),
.entry .entry-content .wp-block-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-HK), .entry .entry-content .wp-block-file:lang(zh-HK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-HK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-HK), .wp-caption-text:lang(zh-HK), .gallery-caption:lang(zh-HK) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-TW), button:lang(zh-TW),
input:lang(zh-TW),
select:lang(zh-TW),
optgroup:lang(zh-TW),
textarea:lang(zh-TW), .author-description .author-link:lang(zh-TW),
.comment-metadata:lang(zh-TW),
.comment-reply-link:lang(zh-TW),
.comments-title:lang(zh-TW),
.comment-author .fn:lang(zh-TW),
.discussion-meta-info:lang(zh-TW),
.entry-meta:lang(zh-TW),
.entry-footer:lang(zh-TW),
.main-navigation:lang(zh-TW),
.no-comments:lang(zh-TW),
.not-found .page-title:lang(zh-TW),
.error-404 .page-title:lang(zh-TW),
.post-navigation .post-title:lang(zh-TW),
.page-links:lang(zh-TW),
.page-description:lang(zh-TW),
.pagination .nav-links:lang(zh-TW),
.sticky-post:lang(zh-TW),
.site-title:lang(zh-TW),
.site-info:lang(zh-TW),
#cancel-comment-reply-link:lang(zh-TW),
h1:lang(zh-TW),
h2:lang(zh-TW),
h3:lang(zh-TW),
h4:lang(zh-TW),
h5:lang(zh-TW),
h6:lang(zh-TW), .page-title:lang(zh-TW), blockquote cite:lang(zh-TW), table:lang(zh-TW), .button:lang(zh-TW),
input:lang(zh-TW)[type="button"],
input:lang(zh-TW)[type="reset"],
input:lang(zh-TW)[type="submit"], .comment-navigation .nav-previous:lang(zh-TW),
.comment-navigation .nav-next:lang(zh-TW), .comment-list .pingback .comment-body:lang(zh-TW),
.comment-list .trackback .comment-body:lang(zh-TW), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-TW),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-TW), .comment-form .comment-notes:lang(zh-TW),
.comment-form label:lang(zh-TW), .widget_archive ul li:lang(zh-TW),
.widget_categories ul li:lang(zh-TW),
.widget_meta ul li:lang(zh-TW),
.widget_nav_menu ul li:lang(zh-TW),
.widget_pages ul li:lang(zh-TW),
.widget_recent_comments ul li:lang(zh-TW),
.widget_recent_entries ul li:lang(zh-TW),
.widget_rss ul li:lang(zh-TW), .widget_tag_cloud .tagcloud:lang(zh-TW), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-TW), .entry .entry-content .wp-block-archives li:lang(zh-TW),
.entry .entry-content .wp-block-categories li:lang(zh-TW),
.entry .entry-content .wp-block-latest-posts li:lang(zh-TW), .entry .entry-content .wp-block-verse:lang(zh-TW), .entry .entry-content .has-drop-cap:lang(zh-TW):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-TW), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image h2:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover h2:lang(zh-TW), .entry .entry-content .wp-block-audio figcaption:lang(zh-TW),
.entry .entry-content .wp-block-video figcaption:lang(zh-TW),
.entry .entry-content .wp-block-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-TW), .entry .entry-content .wp-block-file:lang(zh-TW), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-TW), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-TW), .wp-caption-text:lang(zh-TW), .gallery-caption:lang(zh-TW) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-CN), button:lang(zh-CN),
input:lang(zh-CN),
select:lang(zh-CN),
optgroup:lang(zh-CN),
textarea:lang(zh-CN), .author-description .author-link:lang(zh-CN),
.comment-metadata:lang(zh-CN),
.comment-reply-link:lang(zh-CN),
.comments-title:lang(zh-CN),
.comment-author .fn:lang(zh-CN),
.discussion-meta-info:lang(zh-CN),
.entry-meta:lang(zh-CN),
.entry-footer:lang(zh-CN),
.main-navigation:lang(zh-CN),
.no-comments:lang(zh-CN),
.not-found .page-title:lang(zh-CN),
.error-404 .page-title:lang(zh-CN),
.post-navigation .post-title:lang(zh-CN),
.page-links:lang(zh-CN),
.page-description:lang(zh-CN),
.pagination .nav-links:lang(zh-CN),
.sticky-post:lang(zh-CN),
.site-title:lang(zh-CN),
.site-info:lang(zh-CN),
#cancel-comment-reply-link:lang(zh-CN),
h1:lang(zh-CN),
h2:lang(zh-CN),
h3:lang(zh-CN),
h4:lang(zh-CN),
h5:lang(zh-CN),
h6:lang(zh-CN), .page-title:lang(zh-CN), blockquote cite:lang(zh-CN), table:lang(zh-CN), .button:lang(zh-CN),
input:lang(zh-CN)[type="button"],
input:lang(zh-CN)[type="reset"],
input:lang(zh-CN)[type="submit"], .comment-navigation .nav-previous:lang(zh-CN),
.comment-navigation .nav-next:lang(zh-CN), .comment-list .pingback .comment-body:lang(zh-CN),
.comment-list .trackback .comment-body:lang(zh-CN), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-CN),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-CN), .comment-form .comment-notes:lang(zh-CN),
.comment-form label:lang(zh-CN), .widget_archive ul li:lang(zh-CN),
.widget_categories ul li:lang(zh-CN),
.widget_meta ul li:lang(zh-CN),
.widget_nav_menu ul li:lang(zh-CN),
.widget_pages ul li:lang(zh-CN),
.widget_recent_comments ul li:lang(zh-CN),
.widget_recent_entries ul li:lang(zh-CN),
.widget_rss ul li:lang(zh-CN), .widget_tag_cloud .tagcloud:lang(zh-CN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-CN), .entry .entry-content .wp-block-archives li:lang(zh-CN),
.entry .entry-content .wp-block-categories li:lang(zh-CN),
.entry .entry-content .wp-block-latest-posts li:lang(zh-CN), .entry .entry-content .wp-block-verse:lang(zh-CN), .entry .entry-content .has-drop-cap:lang(zh-CN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-CN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image h2:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover h2:lang(zh-CN), .entry .entry-content .wp-block-audio figcaption:lang(zh-CN),
.entry .entry-content .wp-block-video figcaption:lang(zh-CN),
.entry .entry-content .wp-block-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-CN), .entry .entry-content .wp-block-file:lang(zh-CN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-CN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-CN), .wp-caption-text:lang(zh-CN), .gallery-caption:lang(zh-CN) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(bn-BD), button:lang(bn-BD),
input:lang(bn-BD),
select:lang(bn-BD),
optgroup:lang(bn-BD),
textarea:lang(bn-BD), .author-description .author-link:lang(bn-BD),
.comment-metadata:lang(bn-BD),
.comment-reply-link:lang(bn-BD),
.comments-title:lang(bn-BD),
.comment-author .fn:lang(bn-BD),
.discussion-meta-info:lang(bn-BD),
.entry-meta:lang(bn-BD),
.entry-footer:lang(bn-BD),
.main-navigation:lang(bn-BD),
.no-comments:lang(bn-BD),
.not-found .page-title:lang(bn-BD),
.error-404 .page-title:lang(bn-BD),
.post-navigation .post-title:lang(bn-BD),
.page-links:lang(bn-BD),
.page-description:lang(bn-BD),
.pagination .nav-links:lang(bn-BD),
.sticky-post:lang(bn-BD),
.site-title:lang(bn-BD),
.site-info:lang(bn-BD),
#cancel-comment-reply-link:lang(bn-BD),
h1:lang(bn-BD),
h2:lang(bn-BD),
h3:lang(bn-BD),
h4:lang(bn-BD),
h5:lang(bn-BD),
h6:lang(bn-BD), .page-title:lang(bn-BD), blockquote cite:lang(bn-BD), table:lang(bn-BD), .button:lang(bn-BD),
input:lang(bn-BD)[type="button"],
input:lang(bn-BD)[type="reset"],
input:lang(bn-BD)[type="submit"], .comment-navigation .nav-previous:lang(bn-BD),
.comment-navigation .nav-next:lang(bn-BD), .comment-list .pingback .comment-body:lang(bn-BD),
.comment-list .trackback .comment-body:lang(bn-BD), .comment-list .pingback .comment-body .comment-edit-link:lang(bn-BD),
.comment-list .trackback .comment-body .comment-edit-link:lang(bn-BD), .comment-form .comment-notes:lang(bn-BD),
.comment-form label:lang(bn-BD), .widget_archive ul li:lang(bn-BD),
.widget_categories ul li:lang(bn-BD),
.widget_meta ul li:lang(bn-BD),
.widget_nav_menu ul li:lang(bn-BD),
.widget_pages ul li:lang(bn-BD),
.widget_recent_comments ul li:lang(bn-BD),
.widget_recent_entries ul li:lang(bn-BD),
.widget_rss ul li:lang(bn-BD), .widget_tag_cloud .tagcloud:lang(bn-BD), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bn-BD), .entry .entry-content .wp-block-archives li:lang(bn-BD),
.entry .entry-content .wp-block-categories li:lang(bn-BD),
.entry .entry-content .wp-block-latest-posts li:lang(bn-BD), .entry .entry-content .wp-block-verse:lang(bn-BD), .entry .entry-content .has-drop-cap:lang(bn-BD):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bn-BD), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image h2:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover h2:lang(bn-BD), .entry .entry-content .wp-block-audio figcaption:lang(bn-BD),
.entry .entry-content .wp-block-video figcaption:lang(bn-BD),
.entry .entry-content .wp-block-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bn-BD), .entry .entry-content .wp-block-file:lang(bn-BD), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bn-BD), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bn-BD), .wp-caption-text:lang(bn-BD), .gallery-caption:lang(bn-BD) {
font-family: Arial, sans-serif;
}
body:lang(hi-IN), button:lang(hi-IN),
input:lang(hi-IN),
select:lang(hi-IN),
optgroup:lang(hi-IN),
textarea:lang(hi-IN), .author-description .author-link:lang(hi-IN),
.comment-metadata:lang(hi-IN),
.comment-reply-link:lang(hi-IN),
.comments-title:lang(hi-IN),
.comment-author .fn:lang(hi-IN),
.discussion-meta-info:lang(hi-IN),
.entry-meta:lang(hi-IN),
.entry-footer:lang(hi-IN),
.main-navigation:lang(hi-IN),
.no-comments:lang(hi-IN),
.not-found .page-title:lang(hi-IN),
.error-404 .page-title:lang(hi-IN),
.post-navigation .post-title:lang(hi-IN),
.page-links:lang(hi-IN),
.page-description:lang(hi-IN),
.pagination .nav-links:lang(hi-IN),
.sticky-post:lang(hi-IN),
.site-title:lang(hi-IN),
.site-info:lang(hi-IN),
#cancel-comment-reply-link:lang(hi-IN),
h1:lang(hi-IN),
h2:lang(hi-IN),
h3:lang(hi-IN),
h4:lang(hi-IN),
h5:lang(hi-IN),
h6:lang(hi-IN), .page-title:lang(hi-IN), blockquote cite:lang(hi-IN), table:lang(hi-IN), .button:lang(hi-IN),
input:lang(hi-IN)[type="button"],
input:lang(hi-IN)[type="reset"],
input:lang(hi-IN)[type="submit"], .comment-navigation .nav-previous:lang(hi-IN),
.comment-navigation .nav-next:lang(hi-IN), .comment-list .pingback .comment-body:lang(hi-IN),
.comment-list .trackback .comment-body:lang(hi-IN), .comment-list .pingback .comment-body .comment-edit-link:lang(hi-IN),
.comment-list .trackback .comment-body .comment-edit-link:lang(hi-IN), .comment-form .comment-notes:lang(hi-IN),
.comment-form label:lang(hi-IN), .widget_archive ul li:lang(hi-IN),
.widget_categories ul li:lang(hi-IN),
.widget_meta ul li:lang(hi-IN),
.widget_nav_menu ul li:lang(hi-IN),
.widget_pages ul li:lang(hi-IN),
.widget_recent_comments ul li:lang(hi-IN),
.widget_recent_entries ul li:lang(hi-IN),
.widget_rss ul li:lang(hi-IN), .widget_tag_cloud .tagcloud:lang(hi-IN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(hi-IN), .entry .entry-content .wp-block-archives li:lang(hi-IN),
.entry .entry-content .wp-block-categories li:lang(hi-IN),
.entry .entry-content .wp-block-latest-posts li:lang(hi-IN), .entry .entry-content .wp-block-verse:lang(hi-IN), .entry .entry-content .has-drop-cap:lang(hi-IN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(hi-IN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image h2:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover h2:lang(hi-IN), .entry .entry-content .wp-block-audio figcaption:lang(hi-IN),
.entry .entry-content .wp-block-video figcaption:lang(hi-IN),
.entry .entry-content .wp-block-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(hi-IN), .entry .entry-content .wp-block-file:lang(hi-IN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(hi-IN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(hi-IN), .wp-caption-text:lang(hi-IN), .gallery-caption:lang(hi-IN) {
font-family: Arial, sans-serif;
}
body:lang(mr), button:lang(mr),
input:lang(mr),
select:lang(mr),
optgroup:lang(mr),
textarea:lang(mr), .author-description .author-link:lang(mr),
.comment-metadata:lang(mr),
.comment-reply-link:lang(mr),
.comments-title:lang(mr),
.comment-author .fn:lang(mr),
.discussion-meta-info:lang(mr),
.entry-meta:lang(mr),
.entry-footer:lang(mr),
.main-navigation:lang(mr),
.no-comments:lang(mr),
.not-found .page-title:lang(mr),
.error-404 .page-title:lang(mr),
.post-navigation .post-title:lang(mr),
.page-links:lang(mr),
.page-description:lang(mr),
.pagination .nav-links:lang(mr),
.sticky-post:lang(mr),
.site-title:lang(mr),
.site-info:lang(mr),
#cancel-comment-reply-link:lang(mr),
h1:lang(mr),
h2:lang(mr),
h3:lang(mr),
h4:lang(mr),
h5:lang(mr),
h6:lang(mr), .page-title:lang(mr), blockquote cite:lang(mr), table:lang(mr), .button:lang(mr),
input:lang(mr)[type="button"],
input:lang(mr)[type="reset"],
input:lang(mr)[type="submit"], .comment-navigation .nav-previous:lang(mr),
.comment-navigation .nav-next:lang(mr), .comment-list .pingback .comment-body:lang(mr),
.comment-list .trackback .comment-body:lang(mr), .comment-list .pingback .comment-body .comment-edit-link:lang(mr),
.comment-list .trackback .comment-body .comment-edit-link:lang(mr), .comment-form .comment-notes:lang(mr),
.comment-form label:lang(mr), .widget_archive ul li:lang(mr),
.widget_categories ul li:lang(mr),
.widget_meta ul li:lang(mr),
.widget_nav_menu ul li:lang(mr),
.widget_pages ul li:lang(mr),
.widget_recent_comments ul li:lang(mr),
.widget_recent_entries ul li:lang(mr),
.widget_rss ul li:lang(mr), .widget_tag_cloud .tagcloud:lang(mr), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mr), .entry .entry-content .wp-block-archives li:lang(mr),
.entry .entry-content .wp-block-categories li:lang(mr),
.entry .entry-content .wp-block-latest-posts li:lang(mr), .entry .entry-content .wp-block-verse:lang(mr), .entry .entry-content .has-drop-cap:lang(mr):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mr), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover-image h2:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover h2:lang(mr), .entry .entry-content .wp-block-audio figcaption:lang(mr),
.entry .entry-content .wp-block-video figcaption:lang(mr),
.entry .entry-content .wp-block-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mr), .entry .entry-content .wp-block-file:lang(mr), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mr), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mr), .wp-caption-text:lang(mr), .gallery-caption:lang(mr) {
font-family: Arial, sans-serif;
}
body:lang(ne-NP), button:lang(ne-NP),
input:lang(ne-NP),
select:lang(ne-NP),
optgroup:lang(ne-NP),
textarea:lang(ne-NP), .author-description .author-link:lang(ne-NP),
.comment-metadata:lang(ne-NP),
.comment-reply-link:lang(ne-NP),
.comments-title:lang(ne-NP),
.comment-author .fn:lang(ne-NP),
.discussion-meta-info:lang(ne-NP),
.entry-meta:lang(ne-NP),
.entry-footer:lang(ne-NP),
.main-navigation:lang(ne-NP),
.no-comments:lang(ne-NP),
.not-found .page-title:lang(ne-NP),
.error-404 .page-title:lang(ne-NP),
.post-navigation .post-title:lang(ne-NP),
.page-links:lang(ne-NP),
.page-description:lang(ne-NP),
.pagination .nav-links:lang(ne-NP),
.sticky-post:lang(ne-NP),
.site-title:lang(ne-NP),
.site-info:lang(ne-NP),
#cancel-comment-reply-link:lang(ne-NP),
h1:lang(ne-NP),
h2:lang(ne-NP),
h3:lang(ne-NP),
h4:lang(ne-NP),
h5:lang(ne-NP),
h6:lang(ne-NP), .page-title:lang(ne-NP), blockquote cite:lang(ne-NP), table:lang(ne-NP), .button:lang(ne-NP),
input:lang(ne-NP)[type="button"],
input:lang(ne-NP)[type="reset"],
input:lang(ne-NP)[type="submit"], .comment-navigation .nav-previous:lang(ne-NP),
.comment-navigation .nav-next:lang(ne-NP), .comment-list .pingback .comment-body:lang(ne-NP),
.comment-list .trackback .comment-body:lang(ne-NP), .comment-list .pingback .comment-body .comment-edit-link:lang(ne-NP),
.comment-list .trackback .comment-body .comment-edit-link:lang(ne-NP), .comment-form .comment-notes:lang(ne-NP),
.comment-form label:lang(ne-NP), .widget_archive ul li:lang(ne-NP),
.widget_categories ul li:lang(ne-NP),
.widget_meta ul li:lang(ne-NP),
.widget_nav_menu ul li:lang(ne-NP),
.widget_pages ul li:lang(ne-NP),
.widget_recent_comments ul li:lang(ne-NP),
.widget_recent_entries ul li:lang(ne-NP),
.widget_rss ul li:lang(ne-NP), .widget_tag_cloud .tagcloud:lang(ne-NP), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ne-NP), .entry .entry-content .wp-block-archives li:lang(ne-NP),
.entry .entry-content .wp-block-categories li:lang(ne-NP),
.entry .entry-content .wp-block-latest-posts li:lang(ne-NP), .entry .entry-content .wp-block-verse:lang(ne-NP), .entry .entry-content .has-drop-cap:lang(ne-NP):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ne-NP), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image h2:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover h2:lang(ne-NP), .entry .entry-content .wp-block-audio figcaption:lang(ne-NP),
.entry .entry-content .wp-block-video figcaption:lang(ne-NP),
.entry .entry-content .wp-block-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ne-NP), .entry .entry-content .wp-block-file:lang(ne-NP), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ne-NP), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ne-NP), .wp-caption-text:lang(ne-NP), .gallery-caption:lang(ne-NP) {
font-family: Arial, sans-serif;
}
body:lang(el), button:lang(el),
input:lang(el),
select:lang(el),
optgroup:lang(el),
textarea:lang(el), .author-description .author-link:lang(el),
.comment-metadata:lang(el),
.comment-reply-link:lang(el),
.comments-title:lang(el),
.comment-author .fn:lang(el),
.discussion-meta-info:lang(el),
.entry-meta:lang(el),
.entry-footer:lang(el),
.main-navigation:lang(el),
.no-comments:lang(el),
.not-found .page-title:lang(el),
.error-404 .page-title:lang(el),
.post-navigation .post-title:lang(el),
.page-links:lang(el),
.page-description:lang(el),
.pagination .nav-links:lang(el),
.sticky-post:lang(el),
.site-title:lang(el),
.site-info:lang(el),
#cancel-comment-reply-link:lang(el),
h1:lang(el),
h2:lang(el),
h3:lang(el),
h4:lang(el),
h5:lang(el),
h6:lang(el), .page-title:lang(el), blockquote cite:lang(el), table:lang(el), .button:lang(el),
input:lang(el)[type="button"],
input:lang(el)[type="reset"],
input:lang(el)[type="submit"], .comment-navigation .nav-previous:lang(el),
.comment-navigation .nav-next:lang(el), .comment-list .pingback .comment-body:lang(el),
.comment-list .trackback .comment-body:lang(el), .comment-list .pingback .comment-body .comment-edit-link:lang(el),
.comment-list .trackback .comment-body .comment-edit-link:lang(el), .comment-form .comment-notes:lang(el),
.comment-form label:lang(el), .widget_archive ul li:lang(el),
.widget_categories ul li:lang(el),
.widget_meta ul li:lang(el),
.widget_nav_menu ul li:lang(el),
.widget_pages ul li:lang(el),
.widget_recent_comments ul li:lang(el),
.widget_recent_entries ul li:lang(el),
.widget_rss ul li:lang(el), .widget_tag_cloud .tagcloud:lang(el), .entry .entry-content .wp-block-button .wp-block-button__link:lang(el), .entry .entry-content .wp-block-archives li:lang(el),
.entry .entry-content .wp-block-categories li:lang(el),
.entry .entry-content .wp-block-latest-posts li:lang(el), .entry .entry-content .wp-block-verse:lang(el), .entry .entry-content .has-drop-cap:lang(el):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(el), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover-image h2:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover h2:lang(el), .entry .entry-content .wp-block-audio figcaption:lang(el),
.entry .entry-content .wp-block-video figcaption:lang(el),
.entry .entry-content .wp-block-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(el), .entry .entry-content .wp-block-file:lang(el), .entry .entry-content .wp-block-file .wp-block-file__button:lang(el), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(el), .wp-caption-text:lang(el), .gallery-caption:lang(el) {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body:lang(gu), button:lang(gu),
input:lang(gu),
select:lang(gu),
optgroup:lang(gu),
textarea:lang(gu), .author-description .author-link:lang(gu),
.comment-metadata:lang(gu),
.comment-reply-link:lang(gu),
.comments-title:lang(gu),
.comment-author .fn:lang(gu),
.discussion-meta-info:lang(gu),
.entry-meta:lang(gu),
.entry-footer:lang(gu),
.main-navigation:lang(gu),
.no-comments:lang(gu),
.not-found .page-title:lang(gu),
.error-404 .page-title:lang(gu),
.post-navigation .post-title:lang(gu),
.page-links:lang(gu),
.page-description:lang(gu),
.pagination .nav-links:lang(gu),
.sticky-post:lang(gu),
.site-title:lang(gu),
.site-info:lang(gu),
#cancel-comment-reply-link:lang(gu),
h1:lang(gu),
h2:lang(gu),
h3:lang(gu),
h4:lang(gu),
h5:lang(gu),
h6:lang(gu), .page-title:lang(gu), blockquote cite:lang(gu), table:lang(gu), .button:lang(gu),
input:lang(gu)[type="button"],
input:lang(gu)[type="reset"],
input:lang(gu)[type="submit"], .comment-navigation .nav-previous:lang(gu),
.comment-navigation .nav-next:lang(gu), .comment-list .pingback .comment-body:lang(gu),
.comment-list .trackback .comment-body:lang(gu), .comment-list .pingback .comment-body .comment-edit-link:lang(gu),
.comment-list .trackback .comment-body .comment-edit-link:lang(gu), .comment-form .comment-notes:lang(gu),
.comment-form label:lang(gu), .widget_archive ul li:lang(gu),
.widget_categories ul li:lang(gu),
.widget_meta ul li:lang(gu),
.widget_nav_menu ul li:lang(gu),
.widget_pages ul li:lang(gu),
.widget_recent_comments ul li:lang(gu),
.widget_recent_entries ul li:lang(gu),
.widget_rss ul li:lang(gu), .widget_tag_cloud .tagcloud:lang(gu), .entry .entry-content .wp-block-button .wp-block-button__link:lang(gu), .entry .entry-content .wp-block-archives li:lang(gu),
.entry .entry-content .wp-block-categories li:lang(gu),
.entry .entry-content .wp-block-latest-posts li:lang(gu), .entry .entry-content .wp-block-verse:lang(gu), .entry .entry-content .has-drop-cap:lang(gu):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(gu), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover-image h2:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover h2:lang(gu), .entry .entry-content .wp-block-audio figcaption:lang(gu),
.entry .entry-content .wp-block-video figcaption:lang(gu),
.entry .entry-content .wp-block-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(gu), .entry .entry-content .wp-block-file:lang(gu), .entry .entry-content .wp-block-file .wp-block-file__button:lang(gu), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(gu), .wp-caption-text:lang(gu), .gallery-caption:lang(gu) {
font-family: Arial, sans-serif;
}
body:lang(he-IL), button:lang(he-IL),
input:lang(he-IL),
select:lang(he-IL),
optgroup:lang(he-IL),
textarea:lang(he-IL), .author-description .author-link:lang(he-IL),
.comment-metadata:lang(he-IL),
.comment-reply-link:lang(he-IL),
.comments-title:lang(he-IL),
.comment-author .fn:lang(he-IL),
.discussion-meta-info:lang(he-IL),
.entry-meta:lang(he-IL),
.entry-footer:lang(he-IL),
.main-navigation:lang(he-IL),
.no-comments:lang(he-IL),
.not-found .page-title:lang(he-IL),
.error-404 .page-title:lang(he-IL),
.post-navigation .post-title:lang(he-IL),
.page-links:lang(he-IL),
.page-description:lang(he-IL),
.pagination .nav-links:lang(he-IL),
.sticky-post:lang(he-IL),
.site-title:lang(he-IL),
.site-info:lang(he-IL),
#cancel-comment-reply-link:lang(he-IL),
h1:lang(he-IL),
h2:lang(he-IL),
h3:lang(he-IL),
h4:lang(he-IL),
h5:lang(he-IL),
h6:lang(he-IL), .page-title:lang(he-IL), blockquote cite:lang(he-IL), table:lang(he-IL), .button:lang(he-IL),
input:lang(he-IL)[type="button"],
input:lang(he-IL)[type="reset"],
input:lang(he-IL)[type="submit"], .comment-navigation .nav-previous:lang(he-IL),
.comment-navigation .nav-next:lang(he-IL), .comment-list .pingback .comment-body:lang(he-IL),
.comment-list .trackback .comment-body:lang(he-IL), .comment-list .pingback .comment-body .comment-edit-link:lang(he-IL),
.comment-list .trackback .comment-body .comment-edit-link:lang(he-IL), .comment-form .comment-notes:lang(he-IL),
.comment-form label:lang(he-IL), .widget_archive ul li:lang(he-IL),
.widget_categories ul li:lang(he-IL),
.widget_meta ul li:lang(he-IL),
.widget_nav_menu ul li:lang(he-IL),
.widget_pages ul li:lang(he-IL),
.widget_recent_comments ul li:lang(he-IL),
.widget_recent_entries ul li:lang(he-IL),
.widget_rss ul li:lang(he-IL), .widget_tag_cloud .tagcloud:lang(he-IL), .entry .entry-content .wp-block-button .wp-block-button__link:lang(he-IL), .entry .entry-content .wp-block-archives li:lang(he-IL),
.entry .entry-content .wp-block-categories li:lang(he-IL),
.entry .entry-content .wp-block-latest-posts li:lang(he-IL), .entry .entry-content .wp-block-verse:lang(he-IL), .entry .entry-content .has-drop-cap:lang(he-IL):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(he-IL), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image h2:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover h2:lang(he-IL), .entry .entry-content .wp-block-audio figcaption:lang(he-IL),
.entry .entry-content .wp-block-video figcaption:lang(he-IL),
.entry .entry-content .wp-block-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(he-IL), .entry .entry-content .wp-block-file:lang(he-IL), .entry .entry-content .wp-block-file .wp-block-file__button:lang(he-IL), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(he-IL), .wp-caption-text:lang(he-IL), .gallery-caption:lang(he-IL) {
font-family: "Arial Hebrew", Arial, sans-serif;
}
body:lang(ja), button:lang(ja),
input:lang(ja),
select:lang(ja),
optgroup:lang(ja),
textarea:lang(ja), .author-description .author-link:lang(ja),
.comment-metadata:lang(ja),
.comment-reply-link:lang(ja),
.comments-title:lang(ja),
.comment-author .fn:lang(ja),
.discussion-meta-info:lang(ja),
.entry-meta:lang(ja),
.entry-footer:lang(ja),
.main-navigation:lang(ja),
.no-comments:lang(ja),
.not-found .page-title:lang(ja),
.error-404 .page-title:lang(ja),
.post-navigation .post-title:lang(ja),
.page-links:lang(ja),
.page-description:lang(ja),
.pagination .nav-links:lang(ja),
.sticky-post:lang(ja),
.site-title:lang(ja),
.site-info:lang(ja),
#cancel-comment-reply-link:lang(ja),
h1:lang(ja),
h2:lang(ja),
h3:lang(ja),
h4:lang(ja),
h5:lang(ja),
h6:lang(ja), .page-title:lang(ja), blockquote cite:lang(ja), table:lang(ja), .button:lang(ja),
input:lang(ja)[type="button"],
input:lang(ja)[type="reset"],
input:lang(ja)[type="submit"], .comment-navigation .nav-previous:lang(ja),
.comment-navigation .nav-next:lang(ja), .comment-list .pingback .comment-body:lang(ja),
.comment-list .trackback .comment-body:lang(ja), .comment-list .pingback .comment-body .comment-edit-link:lang(ja),
.comment-list .trackback .comment-body .comment-edit-link:lang(ja), .comment-form .comment-notes:lang(ja),
.comment-form label:lang(ja), .widget_archive ul li:lang(ja),
.widget_categories ul li:lang(ja),
.widget_meta ul li:lang(ja),
.widget_nav_menu ul li:lang(ja),
.widget_pages ul li:lang(ja),
.widget_recent_comments ul li:lang(ja),
.widget_recent_entries ul li:lang(ja),
.widget_rss ul li:lang(ja), .widget_tag_cloud .tagcloud:lang(ja), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ja), .entry .entry-content .wp-block-archives li:lang(ja),
.entry .entry-content .wp-block-categories li:lang(ja),
.entry .entry-content .wp-block-latest-posts li:lang(ja), .entry .entry-content .wp-block-verse:lang(ja), .entry .entry-content .has-drop-cap:lang(ja):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ja), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover-image h2:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover h2:lang(ja), .entry .entry-content .wp-block-audio figcaption:lang(ja),
.entry .entry-content .wp-block-video figcaption:lang(ja),
.entry .entry-content .wp-block-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ja), .entry .entry-content .wp-block-file:lang(ja), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ja), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ja), .wp-caption-text:lang(ja), .gallery-caption:lang(ja) {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
}
body:lang(ko-KR), button:lang(ko-KR),
input:lang(ko-KR),
select:lang(ko-KR),
optgroup:lang(ko-KR),
textarea:lang(ko-KR), .author-description .author-link:lang(ko-KR),
.comment-metadata:lang(ko-KR),
.comment-reply-link:lang(ko-KR),
.comments-title:lang(ko-KR),
.comment-author .fn:lang(ko-KR),
.discussion-meta-info:lang(ko-KR),
.entry-meta:lang(ko-KR),
.entry-footer:lang(ko-KR),
.main-navigation:lang(ko-KR),
.no-comments:lang(ko-KR),
.not-found .page-title:lang(ko-KR),
.error-404 .page-title:lang(ko-KR),
.post-navigation .post-title:lang(ko-KR),
.page-links:lang(ko-KR),
.page-description:lang(ko-KR),
.pagination .nav-links:lang(ko-KR),
.sticky-post:lang(ko-KR),
.site-title:lang(ko-KR),
.site-info:lang(ko-KR),
#cancel-comment-reply-link:lang(ko-KR),
h1:lang(ko-KR),
h2:lang(ko-KR),
h3:lang(ko-KR),
h4:lang(ko-KR),
h5:lang(ko-KR),
h6:lang(ko-KR), .page-title:lang(ko-KR), blockquote cite:lang(ko-KR), table:lang(ko-KR), .button:lang(ko-KR),
input:lang(ko-KR)[type="button"],
input:lang(ko-KR)[type="reset"],
input:lang(ko-KR)[type="submit"], .comment-navigation .nav-previous:lang(ko-KR),
.comment-navigation .nav-next:lang(ko-KR), .comment-list .pingback .comment-body:lang(ko-KR),
.comment-list .trackback .comment-body:lang(ko-KR), .comment-list .pingback .comment-body .comment-edit-link:lang(ko-KR),
.comment-list .trackback .comment-body .comment-edit-link:lang(ko-KR), .comment-form .comment-notes:lang(ko-KR),
.comment-form label:lang(ko-KR), .widget_archive ul li:lang(ko-KR),
.widget_categories ul li:lang(ko-KR),
.widget_meta ul li:lang(ko-KR),
.widget_nav_menu ul li:lang(ko-KR),
.widget_pages ul li:lang(ko-KR),
.widget_recent_comments ul li:lang(ko-KR),
.widget_recent_entries ul li:lang(ko-KR),
.widget_rss ul li:lang(ko-KR), .widget_tag_cloud .tagcloud:lang(ko-KR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ko-KR), .entry .entry-content .wp-block-archives li:lang(ko-KR),
.entry .entry-content .wp-block-categories li:lang(ko-KR),
.entry .entry-content .wp-block-latest-posts li:lang(ko-KR), .entry .entry-content .wp-block-verse:lang(ko-KR), .entry .entry-content .has-drop-cap:lang(ko-KR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ko-KR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image h2:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover h2:lang(ko-KR), .entry .entry-content .wp-block-audio figcaption:lang(ko-KR),
.entry .entry-content .wp-block-video figcaption:lang(ko-KR),
.entry .entry-content .wp-block-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ko-KR), .entry .entry-content .wp-block-file:lang(ko-KR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ko-KR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ko-KR), .wp-caption-text:lang(ko-KR), .gallery-caption:lang(ko-KR) {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
body:lang(th), button:lang(th),
input:lang(th),
select:lang(th),
optgroup:lang(th),
textarea:lang(th), .author-description .author-link:lang(th),
.comment-metadata:lang(th),
.comment-reply-link:lang(th),
.comments-title:lang(th),
.comment-author .fn:lang(th),
.discussion-meta-info:lang(th),
.entry-meta:lang(th),
.entry-footer:lang(th),
.main-navigation:lang(th),
.no-comments:lang(th),
.not-found .page-title:lang(th),
.error-404 .page-title:lang(th),
.post-navigation .post-title:lang(th),
.page-links:lang(th),
.page-description:lang(th),
.pagination .nav-links:lang(th),
.sticky-post:lang(th),
.site-title:lang(th),
.site-info:lang(th),
#cancel-comment-reply-link:lang(th),
h1:lang(th),
h2:lang(th),
h3:lang(th),
h4:lang(th),
h5:lang(th),
h6:lang(th), .page-title:lang(th), blockquote cite:lang(th), table:lang(th), .button:lang(th),
input:lang(th)[type="button"],
input:lang(th)[type="reset"],
input:lang(th)[type="submit"], .comment-navigation .nav-previous:lang(th),
.comment-navigation .nav-next:lang(th), .comment-list .pingback .comment-body:lang(th),
.comment-list .trackback .comment-body:lang(th), .comment-list .pingback .comment-body .comment-edit-link:lang(th),
.comment-list .trackback .comment-body .comment-edit-link:lang(th), .comment-form .comment-notes:lang(th),
.comment-form label:lang(th), .widget_archive ul li:lang(th),
.widget_categories ul li:lang(th),
.widget_meta ul li:lang(th),
.widget_nav_menu ul li:lang(th),
.widget_pages ul li:lang(th),
.widget_recent_comments ul li:lang(th),
.widget_recent_entries ul li:lang(th),
.widget_rss ul li:lang(th), .widget_tag_cloud .tagcloud:lang(th), .entry .entry-content .wp-block-button .wp-block-button__link:lang(th), .entry .entry-content .wp-block-archives li:lang(th),
.entry .entry-content .wp-block-categories li:lang(th),
.entry .entry-content .wp-block-latest-posts li:lang(th), .entry .entry-content .wp-block-verse:lang(th), .entry .entry-content .has-drop-cap:lang(th):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(th), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover-image h2:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover h2:lang(th), .entry .entry-content .wp-block-audio figcaption:lang(th),
.entry .entry-content .wp-block-video figcaption:lang(th),
.entry .entry-content .wp-block-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(th), .entry .entry-content .wp-block-file:lang(th), .entry .entry-content .wp-block-file .wp-block-file__button:lang(th), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(th), .wp-caption-text:lang(th), .gallery-caption:lang(th) {
font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif;
}
body:lang(vi), button:lang(vi),
input:lang(vi),
select:lang(vi),
optgroup:lang(vi),
textarea:lang(vi), .author-description .author-link:lang(vi),
.comment-metadata:lang(vi),
.comment-reply-link:lang(vi),
.comments-title:lang(vi),
.comment-author .fn:lang(vi),
.discussion-meta-info:lang(vi),
.entry-meta:lang(vi),
.entry-footer:lang(vi),
.main-navigation:lang(vi),
.no-comments:lang(vi),
.not-found .page-title:lang(vi),
.error-404 .page-title:lang(vi),
.post-navigation .post-title:lang(vi),
.page-links:lang(vi),
.page-description:lang(vi),
.pagination .nav-links:lang(vi),
.sticky-post:lang(vi),
.site-title:lang(vi),
.site-info:lang(vi),
#cancel-comment-reply-link:lang(vi),
h1:lang(vi),
h2:lang(vi),
h3:lang(vi),
h4:lang(vi),
h5:lang(vi),
h6:lang(vi), .page-title:lang(vi), blockquote cite:lang(vi), table:lang(vi), .button:lang(vi),
input:lang(vi)[type="button"],
input:lang(vi)[type="reset"],
input:lang(vi)[type="submit"], .comment-navigation .nav-previous:lang(vi),
.comment-navigation .nav-next:lang(vi), .comment-list .pingback .comment-body:lang(vi),
.comment-list .trackback .comment-body:lang(vi), .comment-list .pingback .comment-body .comment-edit-link:lang(vi),
.comment-list .trackback .comment-body .comment-edit-link:lang(vi), .comment-form .comment-notes:lang(vi),
.comment-form label:lang(vi), .widget_archive ul li:lang(vi),
.widget_categories ul li:lang(vi),
.widget_meta ul li:lang(vi),
.widget_nav_menu ul li:lang(vi),
.widget_pages ul li:lang(vi),
.widget_recent_comments ul li:lang(vi),
.widget_recent_entries ul li:lang(vi),
.widget_rss ul li:lang(vi), .widget_tag_cloud .tagcloud:lang(vi), .entry .entry-content .wp-block-button .wp-block-button__link:lang(vi), .entry .entry-content .wp-block-archives li:lang(vi),
.entry .entry-content .wp-block-categories li:lang(vi),
.entry .entry-content .wp-block-latest-posts li:lang(vi), .entry .entry-content .wp-block-verse:lang(vi), .entry .entry-content .has-drop-cap:lang(vi):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(vi), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover-image h2:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover h2:lang(vi), .entry .entry-content .wp-block-audio figcaption:lang(vi),
.entry .entry-content .wp-block-video figcaption:lang(vi),
.entry .entry-content .wp-block-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(vi), .entry .entry-content .wp-block-file:lang(vi), .entry .entry-content .wp-block-file .wp-block-file__button:lang(vi), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(vi), .wp-caption-text:lang(vi), .gallery-caption:lang(vi) {
font-family: "Libre Franklin", sans-serif;
}
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-left: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-left: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-left: 2px solid #0073aa;
margin-left: 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/* Un-style buttons */
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation button {
display: inline-block;
border: none;
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
background: transparent;
color: inherit;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
.main-navigation button:hover, .main-navigation button:focus {
background: transparent;
}
.main-navigation button:focus {
outline: 1px solid transparent;
outline-offset: -4px;
}
.main-navigation button:active {
transform: scale(0.99);
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: left;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: left;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-left: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-left: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-right: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-left: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
clip-path: none;
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;
}
/* Alignments */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
position: relative;
word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
right: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .main-navigation .sub-menu a {
opacity: inherit;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
left: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-left: calc(10% + 60px);
margin-right: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-right: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-right: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-right: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
right: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
left: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-right: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-right: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
display: inline-block;
margin-left: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: calc(2 * 1rem) 1rem;
word-wrap: break-word;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-left: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-left: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
left: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 0 0 1rem;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-right: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-left: 0;
}
.comment.depth-1 {
margin-left: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: left;
margin-right: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-right: inherit;
position: absolute;
top: 0;
right: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
right: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-right: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-left: 1rem;
margin-left: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-right: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-left: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 -8px 0 0;
padding: 0;
float: left;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-left: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: left;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-left: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(10% + 60px);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
content: ".";
font-weight: bold;
color: #767676;
}
.archive .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-title,
.error-404.not-found .page-content,
.no-results.not-found .page-title,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width: 100%;
word-wrap: break-word;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > * {
margin: 32px 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
/*rtl:ignore*/
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
/*rtl:ignore*/
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
max-width: calc(4 * (100vw / 12));
/*rtl:ignore*/
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
/*rtl:ignore*/
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
/*rtl:ignore*/
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-right: 0;
/*rtl:ignore*/
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
margin-left: 0;
margin-right: 0;
}
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
padding-bottom: 0.75rem;
}
.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-left: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-right: 0;
padding-left: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: left;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-left: 10%;
padding-right: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-left: 0;
margin-left: 1rem;
margin-right: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-width: 2px;
border-color: #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-left: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image {
max-width: 100%;
}
.entry .entry-content .wp-block-image img {
display: block;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
margin: 0;
width: calc(8 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
width: calc(6 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
max-width: calc( 100% + (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
max-width: calc( 125% + 150px);
margin-left: auto;
margin-right: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-left: calc(10% + 58px + (2 * 1rem));
padding-right: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-left: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-left: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
.entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 32px;
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color > p,
.entry .entry-content .has-primary-background-color > h1,
.entry .entry-content .has-primary-background-color > h2,
.entry .entry-content .has-primary-background-color > h3,
.entry .entry-content .has-primary-background-color > h4,
.entry .entry-content .has-primary-background-color > h5,
.entry .entry-content .has-primary-background-color > h6,
.entry .entry-content .has-primary-background-color > a,
.entry .entry-content .has-secondary-background-color > p,
.entry .entry-content .has-secondary-background-color > h1,
.entry .entry-content .has-secondary-background-color > h2,
.entry .entry-content .has-secondary-background-color > h3,
.entry .entry-content .has-secondary-background-color > h4,
.entry .entry-content .has-secondary-background-color > h5,
.entry .entry-content .has-secondary-background-color > h6,
.entry .entry-content .has-secondary-background-color > a,
.entry .entry-content .has-dark-gray-background-color > p,
.entry .entry-content .has-dark-gray-background-color > h1,
.entry .entry-content .has-dark-gray-background-color > h2,
.entry .entry-content .has-dark-gray-background-color > h3,
.entry .entry-content .has-dark-gray-background-color > h4,
.entry .entry-content .has-dark-gray-background-color > h5,
.entry .entry-content .has-dark-gray-background-color > h6,
.entry .entry-content .has-dark-gray-background-color > a,
.entry .entry-content .has-light-gray-background-color > p,
.entry .entry-content .has-light-gray-background-color > h1,
.entry .entry-content .has-light-gray-background-color > h2,
.entry .entry-content .has-light-gray-background-color > h3,
.entry .entry-content .has-light-gray-background-color > h4,
.entry .entry-content .has-light-gray-background-color > h5,
.entry .entry-content .has-light-gray-background-color > h6,
.entry .entry-content .has-light-gray-background-color > a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color > p,
.entry .entry-content .has-white-background-color > h1,
.entry .entry-content .has-white-background-color > h2,
.entry .entry-content .has-white-background-color > h3,
.entry .entry-content .has-white-background-color > h4,
.entry .entry-content .has-white-background-color > h5,
.entry .entry-content .has-white-background-color > h6,
.entry .entry-content .has-white-background-color > a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color > p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color > p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color > p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
left: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
left: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/xbodynamge/www/wp-content/themes/responsiveboat/style.css 0000604 00000024271 15114372773 0020771 0 ustar 00 /*
Theme Name: ResponsiveBoat
Theme URI: http://themeisle.com/themes/responsiveboat-theme/
Description: ResponsiveBoat is a free responsive WordPress theme, with a friendly and colorful design. It comes with a full-screen layout, a full-width homepage header, elegant parallax effect, and nice animations. It can be used web agencies, digital studios, corporate, product showcase, personal and business portfolio. Overall, ResponsiveBoat looks very modern and interactive.
Author: Themeisle
Author URI: https://themeisle.com
Template: zerif-lite
Version: 1.1.5
License: GNU General Public License version 2
License URI: license.txt
Text Domain: responsiveboat
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/
/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
.custom-button.green-btn, .custom-button.red-btn {
background: rgba(255, 255, 255, 0.15);
border: 1px solid #FFDD00;
}
.custom-button.green-btn:hover, .custom-button.red-btn:hover {
background: #FFDD00;
border: 1px solid #FFDD00;
color: #303030;
}
.custom-button {
display: inline-block;
text-align: center;
text-transform: uppercase;
padding: 13px 35px;
border-radius: 3px;
margin: 10px;
border: medium none;
}
.section-header h2 {
padding-bottom: 0px;
text-transform: uppercase;
}
.section-header h2:after {
content: '';
display: block;
height: 3px;
width: 40px;
background: #FD0;
margin: 8px 0 20px 0;
margin-left: auto;
margin-right: auto;
}
.testimonial .section-header h2:after {
background: #404040;
}
.section-header h6 {
color: #303030;
font-weight: bold;
text-transform: uppercase;
}
.section-header h6.white-text {
color: #ffffff;
}
p {
font-family: 'Lato', sans-serif !important;
}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.navbar {
background: rgba(0,0,0,0.8);
}
ul.nav > li.current_page_item > a:before {
background:#FD0;
}
.navbar-inverse .navbar-nav > li > a {
font-size: 12px;
font-family: "Montserrat", "sans-serif";
text-transform: uppercase;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #fd0 !important;
}
.rb-site-title {
color: #FFDD00;
font-size: 20px;
line-height: 20px;
}
.rb-site-description {
color: #FFDD00;
font-size: 15px;
line-height: 10px;
}
.rb_logo {
padding-bottom: 190px;
}
.header-content-wrap {
padding: 10% 0px 290px;
}
.navbar-toggle.active {
background-color: #FD0 !important;
}
.navbar-inverse .navbar-toggle.active .icon-bar {
background-color: #000 !important;
}
.navbar-black-init {
background: rgba(0,0,0,0.2);
}
.navbar-black-init .rb-hidden-logo {
display:none;
}
.navbar-black-init nav {
width: 100%;
}
.navbar-black-init nav ul.nav {
width: 100%;
text-align: center;
}
.navbar-black-init nav ul.nav li {
float: none;
display: inline-block;
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.about-us {
background: rgba(45, 45, 45, 0.95) none repeat scroll 0% 0%;
padding-bottom: 0px;
}
.focus-box .service-icon {
width: 220px;
height: 220px;
border-radius: 0;
}
.testimonial {
background: rgba(255, 221, 0, 0.7) none repeat scroll 0% 0%;
}
.contact-us {
background: rgba(80, 80, 80, 0.9) none repeat scroll 0% 0%;
}
.team-member .profile-pic {
border-radius: 0;
width: 255px;
height: 255px;
}
.team-member:hover .details {
top: 0px;
background: #FD0 none repeat scroll 0% 0%;
color: #000;
opacity: 0.8;
min-height: 255px;
text-align: center;
}
.team-member .social-icons ul li a {
color: #404040;
}
.team-member .social-icons ul li a:hover {
color: #FD0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
color: #5A5A5A ;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px;
}
.focus-box .service-icon:hover {
border: 10px solid #FD0 !important;
}
.focus-box .service-icon .pixeden {
border-radius: 0;
}
.focus-box .red-border-bottom:before, .works .red-border-bottom:before, .listpost-content-wrap .entry-title a:after {
background: #FD0 !important;
}
.focus-box p {
color: #6E6E6E;
font-family: "Oxygen", sans-serif !important;
}
article.hentry {
border: 1px solid #DEDEDE;
padding: 15px;
background-color: #FFF !important;
}
.large-container {
background-color: #FFF !important;
border-radius: 4px;
margin: 35px 0px;
position: relative;
width: 97%;
margin-top: 0;
}
.listpost-content-wrap .entry-content p {
min-height: 90px;
margin-bottom: 0px;
font-family: "Oxygen", sans-serif !important;
margin-right: 10px;
}
.content-left-wrap {
padding-top: 60px;
}
.carousel-control.left {
margin-left: -35px;
}
.listpost-content-wrap-large {
position: absolute;
bottom: 0px;
background: rgba(255, 255, 255, 0.98) none repeat scroll 0% 0%;
min-height: 50px;
width: 100%;
padding: 20px 20px 0px;
border-top: 2px solid #FFF;
border: 1px solid #DEDEDE;
}
#client-feedbacks .feedback-box {
background: #404040;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #fff !important;
}
.feedback-box .message {
color: #fff;
}
.feedback-box .client-info .client-name {
color: #fff;
}
.our-clients, .our-clients .section-footer-title {
background: none;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
background: rgba(39, 39, 39, 0.95) none repeat scroll 0% 0%;
}
.entry-footer a {
color: #B36A6A !important;
font-style: italic;
}
/* Latest news */
.rb-latest-news-container {
width: 100%;
}
.rb-latest-news {
width: 24.99%;
margin: 0;
display: inline-block;
}
.rb-latest-news-image {
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
.rb-latest-news .rb-latest-news-image img {
position: relative;
display: block;
width: 100%;
height: 100%;
z-index: 100;
-webkit-transition: all 1s ease-in;
-webkit-transform: scale(1);
-ms-transition: all 1s ease-in;
-ms-transform: scale(1);
-moz-transition: all 1s ease-in;
-moz-transform: scale(1);
transition: all 1s ease-in;
transform: scale(1);
}
.rb-latest-news:hover .rb-latest-news-image img {
-webkit-transition: all 1s ease-in;
-webkit-transform: scale(1.2);
-ms-transition: all 1s ease-in;
-ms-transform: scale(1.2);
-moz-transition: all 1s ease-in;
-moz-transform: scale(1.2);
transition: all 1s ease-in;
transform: scale(1.2);
}
.rb-latest-news-image:hover {
background: #FFDD00;
}
.latest-news {
padding-bottom: 0px;
}
.rb-latest-news-image-holder {
position: relative;
}
.rb-latest-news-image-holder .rb-latest-news-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
color: #000;
font-family: "Montserrat", "sans-serif";
text-transform: uppercase;
z-index: 999;
}
.rb-latest-news-image-holder:hover .rb-latest-news-content {
background-color: rgba(255, 221,0, 0.7);
display: block;
}
.rb-latest-news-content-open .rb-latest-news-content {
display: block;
}
.rb-latest-news-content h3 {
font-size: 20px;
margin-bottom: 20%;
}
.rb-latest-news-content a.rb-latest-news-read-more {
font-size: 12px;
color: #000 !important;
border: 1px solid #000;
border-radius: 2px;
padding: 10px 20px;
}
.rb-latest-news-content-outer {
display: table;
overflow: hidden;
width: 100%;
height: 100%;
}
.rb-latest-news-content-outer .rb-latest-news-content-inner {
display: table-cell;
vertical-align: middle;
}
.contact-us .g-recaptcha, .contact-us .zerif-g-recaptcha {
float: right;
padding-right: 15px;
}
.entry-title:before, .widget .widget-title:before {
background: #FD0;
}
.comment-form #submit, .comment-reply-link {
background: #313131;
border:1px solid #FFDD00 !important;
color: #fff !important;
}
.comment-form #submit:hover, .comment-reply-link:hover {
background: #FFDD00;
border:1px solid #FFDD00 !important;
color: #000 !important;
}
.rb-site-title {
color: #FD0;
font-size: 18px;
line-height: 18px;
margin-top: 10px;
}
.rb-site-description {
color: #FD0;
font-size: 15px;
line-height: 15px;
}
pre {
font-size: 15px;
}
.large-container .entry-content p {
margin: 4px 0px 0px 0px;
}
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1170px){
.rb-latest-news {
width: 25%;
}
}
@media screen and (max-width: 992px){
.rb-latest-news {
width: 50%;
}
.about-us p {
text-align: center;
}
.focus-box .service-icon {
width: 165px;
height: 165px;
}
.about-us .row {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px){
#main-nav, #main-nav.fixed {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
}
.dropdownmenu {
background: url(images/menu-icon.png) center center no-repeat #FD0;
}
.navbar a{
color: #fff !important;
}
.focus-box .service-icon {
width: 220px;
height: 220px;
}
.listpost-content-wrap-large {
position: relative;
float: left;
}
.large-container .list-post-top {
float: left;
}
.listpost-content-wrap-large:after {
content: "";
width: 100%;
clear: both;
}
}
@media screen and (max-width: 600px){
.rb-latest-news {
width: 100%;
height: auto !important;
}
}
@media screen and (max-width: 480px) {
.rb-site-description {
font-size: 3.5vw !important;
}
}
home/xbodynamge/www/wp-content/themes/hestia/inc/customizer/controls/ui/customizer-tabs/style.css 0000644 00000002250 15114546520 0027561 0 ustar 00 .customize-control-interface-tabs {
display: list-item !important;
}
.hestia-tabs-control {
border-bottom: 1px solid #ddd;
width: calc(100% + 28px);
margin: -15px 0 0 -12px;
table-layout: fixed;
display: table;
}
.hestia-tabs-control .hestia-customizer-tab {
border-right: 1px solid #ddd;
display: table-cell;
text-align: center;
width: 100%;
}
.hestia-tabs-control .hestia-customizer-tab:last-child {
border-right: none;
}
.hestia-tabs-control .hestia-customizer-tab label{
text-transform: capitalize;
background: #fff;
box-shadow: inset 0 0 0 0 #0085ba;
transition: all .3s ease;
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
font-weight: 600;
color: #333;
}
.hestia-tabs-control .hestia-customizer-tab label i {
color: #333;
margin-right: 4px;
}
.hestia-tabs-control .hestia-customizer-tab label:hover {
color: #0085ba;
background: #f3f3f5;
}
.hestia-tabs-control .hestia-customizer-tab label:hover i {
color: #333;
}
.hestia-tabs-control .hestia-customizer-tab.active label{
box-shadow: inset 0 -3px 0 0 #0085ba;
color: #0085ba;
background-color: #fff;
}
.hestia-tabs-control input[type="radio"] {
display: none !important;
}
home/xbodynamge/lebauwcentre/wp-content/themes/twentysixteen/style.css 0000604 00000211247 15114625004 0022501 0 ustar 00 /*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
overflow: hidden;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,
ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #1a1a1a;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
display: none;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-header-menu.toggled-on,
.no-js .site-header-menu {
display: block;
}
.main-navigation {
font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #007acc;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud ul {
list-style-type: none;
margin-left: 0;
}
.tagcloud ul li {
display: inline-block;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
margin: 0 auto;
max-width: 1320px;
position: relative;
}
.site-content {
word-wrap: break-word;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
margin-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 2.625em 7.6923%;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-branding {
margin: 0.875em auto 0.875em 0;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #1a1a1a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 7.6923%;
margin-left: 7.6923%;
}
.entry-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: 1em;
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
display: block;
}
.no-sidebar .post-thumbnail img {
margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.4736842105em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
font-family: Montserrat, "Helvetica Neue", sans-serif;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
/**
* 11.3 - Post Formats
*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.473684211;
margin-bottom: 1.473684211em;
}
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
font-family: Merriweather, Georgia, serif;
letter-spacing: 0;
text-transform: none;
}
/**
* 11.5 - Sidebar
*/
.sidebar {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
/**
* 11.6 - Footer
*/
.site-footer {
padding: 0 7.6923% 1.75em;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-family: inherit;
font-size: inherit;
font-weight: 400;
}
.site-footer .site-title:after {
content: "\002f";
display: inline-block;
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator] {
font-family: Montserrat, sans-serif;
opacity: 0.7;
padding: 0 0.307692308em 0 0.538461538em;
}
.site-footer span[role=separator]::before {
content: '\002f';
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 13.0 - Multisites
*/
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
background: inherit;
content: "";
display: block;
height: 21px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body:not(.custom-background-image):before {
top: 0;
}
body:not(.custom-background-image).admin-bar:before {
top: 46px;
}
body:not(.custom-background-image):after {
bottom: 0;
}
.site {
margin: 21px;
}
.site-main {
margin-bottom: 5.25em;
}
.site-header {
padding: 3.9375em 7.6923%;
}
.site-branding {
margin-top: 1.3125em;
margin-bottom: 1.3125em;
}
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.site-main > article {
margin-bottom: 5.25em;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-bottom: 0.8484848485em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
.sidebar,
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.site-header {
padding-right: 4.5455%;
padding-left: 4.5455%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.main-navigation {
margin: 0 -0.875em;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation .primary-menu > li {
float: left;
}
.main-navigation a {
outline-offset: -8px;
padding: 0.65625em 0.875em;
white-space: nowrap;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: #007acc;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation,
.site-footer .main-navigation {
display: none;
}
.site-content {
padding: 0 4.5455%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="date"],
.widget input[type="time"],
.widget input[type="datetime-local"],
.widget input[type="week"],
.widget input[type="month"],
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.5455% 3.5em;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.no-sidebar .content-area {
float: none;
margin: 0;
width: 100%;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .entry-footer,
.no-sidebar .comments-area,
.no-sidebar .image-navigation,
.no-sidebar .post-navigation,
.no-sidebar .pagination,
.no-sidebar .page-header,
.no-sidebar .page-content,
.no-sidebar .content-bottom-widgets {
margin-right: 15%;
margin-left: 15%;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.site-main {
margin-bottom: 7.0em;
}
.site-header {
padding: 5.25em 4.5455%;
}
.site-branding,
.site-header-menu,
.header-image {
margin-top: 1.75em;
margin-bottom: 1.75em;
}
.custom-logo {
max-width: 240px;
}
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.entry-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.225;
margin-bottom: 1.05em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 23px;
font-size: 1.4375em;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 2.4347826087em;
margin-bottom: 1.2173913043em;
}
.entry-content h4,
.entry-summary h4,
.entry-intro h4,
.comment-content h4 {
letter-spacing: 0.131578947em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 2.9473684211em;
margin-bottom: 1.473684211em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.sidebar,
.content-bottom-widgets .widget-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) .entry-content {
float: right;
width: 71.42857144%;
}
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
margin-left: -40%;
width: -webkit-calc(60% - 1.4736842105em);
width: calc(60% - 1.4736842105em);
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: left;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
float: left;
margin-right: -100%;
margin-left: 34.99999999%;
width: 50.00000001%;
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
margin-right: -100%;
margin-left: 15%;
width: 15%;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 5%;
}
.site-inner {
max-width: none;
}
.site-header {
padding: 0 0 1.75em;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em;
}
.site-main {
margin-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
home/xbodynamge/crosstraining/wp-content/themes/custom-file-5-1751661813/style.css 0000644 00000071037 15114650764 0023451 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.5.2
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-left: auto;
margin-right: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: right;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: left;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
left: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
left: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
right: 2px;
border-top-color: transparent;
border-left-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.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;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-left:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-right: none;
border-left: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 0px 0px 10px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 10px 10px 40px;
padding: 15px 15px 15px 20px;
border-left: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-left:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: left;
height: 40px;
margin-right: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-left: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:left;
margin-right: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:right;
position: relative;
top: 25px;
right:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-left: 20px;
border-left: 0px;
left: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
right: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-left-color: currentColor;
width: 60px;
padding-left: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-left: 10px;
padding-right: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-left:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-left:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/xbodynamge/lebauwcentre/wp-content/themes/onepress/style.css 0000644 00000313735 15114702572 0021424 0 ustar 00 /*
Theme Name: OnePress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Document
3.0 Layout
4.0 Structure
5.0 Contents
6.0 Elements
7.0 Widgets
8.0 Sections
9.0 External Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
/*------------------------------
2.1 Typography
------------------------------*/
html, body {
margin: 0;
padding: 0;
height: 100%;
}
html {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: 16px;
}
@media (max-width: 991px) {
html {
font-size: 15px;
}
}
@media (max-width: 767px) {
html {
font-size: 14px;
}
}
body {
background: #ffffff;
height: 100%;
}
.site {
background: #FFFFFF;
position: relative;
}
body, button, input, select, textarea {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7;
color: #777777;
}
pre,
code,
input,
textarea {
font: inherit;
}
::-moz-selection {
background: #000000;
color: #FFFFFF;
}
::selection {
background: #000000;
color: #FFFFFF;
}
/*------------------------------
2.2 Links
------------------------------*/
a {
color: #03c4eb;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none;
color: #777777;
text-decoration: underline;
}
a:active, a:focus, a:hover {
outline: none;
}
/*------------------------------
2.3 Heading
------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Raleway", Helvetica, Arial, sans-serif;
font-weight: 600;
margin-bottom: 15px;
margin-bottom: 15px;
margin-bottom: 0.9375rem;
margin-top: 0;
color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #333333;
text-decoration: none;
}
h1 {
line-height: 1.3;
font-size: 33px;
font-size: 2.0625rem;
}
@media (min-width: 768px) {
h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
h1 span {
font-weight: bold;
}
h2 {
line-height: 1.2;
font-size: 25px;
font-size: 1.5625rem;
}
@media (min-width: 768px) {
h2 {
font-size: 32px;
font-size: 2rem;
}
}
h3 {
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
}
h4 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 12px;
}
h5 {
text-transform: uppercase;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
}
h6 {
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
letter-spacing: 1px;
}
/*------------------------------
2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
margin-bottom: 15px;
margin-bottom: 0.9375rem;
margin-top: 0;
}
/*------------------------------
2.5 Content
------------------------------*/
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: 20px 0;
}
blockquote p {
font-style: italic;
}
blockquote cite {
font-style: normal;
margin-bottom: 20px;
font-size: 13px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
figure {
margin: 0;
}
address {
margin: 20px 0;
}
hr {
border: 0;
border-top: 1px solid #e9e9e9;
height: 1px;
margin-bottom: 20px;
}
tt,
kbd,
pre,
code,
samp,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: #e9e9e9;
padding: 5px 7px;
border-radius: 2px;
}
pre {
overflow: auto;
white-space: pre-wrap;
max-width: 100%;
line-height: 1.7;
margin: 20px 0;
padding: 20px;
}
details summary {
font-weight: bold;
margin-bottom: 20px;
}
details :focus {
outline: none;
}
abbr,
acronym,
dfn {
cursor: help;
font-size: .95em;
text-transform: uppercase;
border-bottom: 1px dotted #e9e9e9;
letter-spacing: 1px;
}
mark {
background-color: #fff9c0;
text-decoration: none;
}
small {
font-size: 82%;
}
big {
font-size: 125%;
}
ul, ol {
padding-left: 20px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul li, ol li {
margin: 8px 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0 20px 20px;
}
/*------------------------------
2.6 Table
------------------------------*/
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #e9e9e9;
border-collapse: collapse;
border-spacing: 0;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border: 1px solid #e9e9e9;
line-height: 1.42857;
padding: 5px;
vertical-align: middle;
}
table > thead > tr > th, table > thead > tr > td {
border-bottom-width: 2px;
}
table th {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
/*------------------------------
2.7 Form
------------------------------*/
fieldset {
padding: 20px;
border: 1px solid #e9e9e9;
}
input[type="reset"], input[type="submit"], input[type="submit"],
.pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit {
cursor: pointer;
background: #03c4eb;
border: none;
display: inline-block;
color: #FFFFFF;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
text-align: center;
padding: 15px 23px 15px 23px;
border-radius: 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
margin: 3px 0;
text-decoration: none;
font-weight: 600;
font-size: 13px;
}
input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover,
.pirate-forms-submit-button:hover, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
opacity: 0.8;
background: #03c4eb;
border: none;
}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover,
input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
button:hover, button:focus {
cursor: pointer;
}
textarea {
resize: vertical;
}
select {
max-width: 100%;
overflow: auto;
vertical-align: top;
outline: none;
border: 1px solid #e9e9e9;
padding: 10px;
}
textarea:not(.editor-post-title__input),
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
}
textarea:not(.editor-post-title__input):focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="radio"], input[type="checkbox"] {
margin: 0 10px;
}
/*------------------------------
2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f8f9f9;
border-radius: 3px;
clip: auto !important;
color: #03c4eb;
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 17px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar */
}
/*------------------------------
2.8 Accessibility
------------------------------*/
/*------------------------------
2.9 Alignments
------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 3.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 3.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*------------------------------
3.0 Clearings
------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
clear: both;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*------------------------------
3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*------------------------------
3.1 Helper.
------------------------------*/
.hide {
display: none;
}
.clearleft {
clear: left;
}
.break, h1,
h2,
h3,
h4,
h5,
h6, p, ul, ol, dl, blockquote, pre {
word-break: break-word;
word-wrap: break-word;
}
body.mce-content-body {
margin: 20px 40px;
font-size: 13px;
}
/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
#primary {
padding-bottom: 40px;
padding-top: 40px;
}
.template-fullwidth-stretched #primary,
.siteorigin-panels #primary {
padding: 0;
}
.template-fullwidth-stretched .entry-content,
.siteorigin-panels .entry-content {
margin-bottom: 0px;
}
#secondary {
padding-bottom: 40px;
padding-top: 0;
}
@media screen and (min-width: 940px) {
#secondary {
padding-top: 40px;
}
}
.content-area {
width: 100%;
float: none;
}
@media screen and (min-width: 940px) {
.content-area {
float: left;
}
}
.sidebar {
width: 100%;
float: none;
}
@media screen and (min-width: 940px) {
.sidebar {
width: 25.2252252252%;
float: left;
}
}
.left-sidebar .site-main {
margin-left: auto;
}
.no-sidebar .content-area {
width: 100%;
}
.single-post .no-sidebar .site-main,
.single-post .no-sidebar .entry-content > * {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 940px) {
.left-sidebar .content-area {
float: right;
padding-left: 39px;
border-left: 1px solid #e9e9e9;
margin-right: 1px;
width: 74.7747747748%;
}
.left-sidebar .sidebar {
padding-right: 39px;
border-right: 1px solid #e9e9e9;
margin-right: -1px;
}
.right-sidebar .content-area {
padding-right: 39px;
border-right: 1px solid #e9e9e9;
width: 74.7747747748%;
}
.right-sidebar .sidebar {
padding-left: 39px;
border-left: 1px solid #e9e9e9;
margin-left: -1px;
}
}
/**
Footer widgets
*/
.footer-widgets {
background: #050505;
}
.footer-widgets.section-padding {
padding: 70px 0px 35px;
padding: 4.375rem 0px 2.1875rem;
}
.footer-widgets table {
border-collapse: collapse;
}
.footer-widgets table > thead > tr > th,
.footer-widgets table > thead > tr > td {
border-width: 1px;
}
.footer-widgets table th,
.footer-widgets table td {
border-color: rgba(233, 233, 233, 0.4);
}
.footer-widgets .widget-title {
color: #ffffff;
}
.footer-widgets .widget-area .widget_categories li,
.footer-widgets .widget-area .widget_archive li,
.footer-widgets .widget-area .widget_meta li {
width: 100% !important;
float: none;
}
.footer-widgets .widget_recent_entries ul li,
.footer-widgets .widget_recent_comments ul li {
border-bottom: 0px none;
padding: 5px 0px;
margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
margin-bottom: 30px;
}
/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/
.site-header {
line-height: 75px;
position: relative;
width: 100%;
background: #ffffff;
z-index: 1000;
-webkit-transition: all 1s ease-out;
/* Safari */
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
}
.site-header.header-fixed {
top: 0px;
left: 0px;
position: fixed;
}
.site-header .custom-logo-transparent {
display: none;
}
.followWrap {
display: block;
}
.header-full-width .container {
max-width: auto;
width: auto;
}
@media screen and (min-width: 940px) {
.header-full-width .container {
padding-left: 30px;
padding-right: 30px;
}
}
.is-transparent .followWrap {
z-index: 99;
width: 100%;
background: transparent;
position: absolute;
top: 0px;
display: block;
}
.is-transparent .site-header {
background: transparent;
position: fixed;
top: 0px;
}
.is-transparent .site-header.no-sticky {
position: absolute;
top: auto;
}
.is-transparent .site-header.no-scroll {
box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
background-color: transparent;
}
.is-transparent .site-header.header-fixed {
background: #ffffff;
}
.is-transparent .site-header.header-fixed.no-scroll {
background: transparent;
box-shadow: none;
}
@media screen and (min-width: 1140px) {
.is-transparent .no-scroll.site-header .onepress-menu > li > a {
color: rgba(255, 255, 255, 0.9);
}
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
padding-top: 50px;
padding-top: 3.125rem;
}
.site-branding {
float: left;
}
.site-branding .site-title,
.site-branding .site-text-logo {
margin: 0px;
line-height: 1;
font-family: "Raleway", Helvetica, Arial, sans-serif;
font-size: 23px;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
display: initial;
vertical-align: middle;
font-weight: 600;
}
.site-branding .site-title:hover,
.site-branding .site-text-logo:hover {
text-decoration: none;
}
.site-branding .site-title {
display: inline-block;
}
.site-branding .site-image-logo {
display: block;
}
.site-branding .site-logo-div {
line-height: 75px;
}
.site-branding .no-logo-img.has-desc,
.site-branding .has-logo-img {
line-height: 60px;
}
.site-branding .no-logo-img.has-desc .site-title,
.site-branding .has-logo-img .site-title {
margin-top: -5px;
position: relative;
}
.site-branding .no-logo-img.has-desc .site-description,
.site-branding .has-logo-img .site-description {
font-size: 12px;
line-height: 14px;
margin-bottom: 0;
position: relative;
top: -15px;
color: #000000;
}
.home.header-transparent .no-scroll .site-brand-inner,
.home.header-transparent .no-scroll .site-text-logo {
color: #fff;
}
.header-social {
margin-left: 0px;
float: right;
}
@media screen and (min-width: 940px) {
.header-social {
margin-left: 10px;
}
}
@media screen and (max-width: 576px) {
.header-social {
display: none;
}
}
.header-social a {
display: block;
height: 100%;
float: left;
margin-left: 0px;
margin-top: -2px;
color: #03c4eb;
}
@media screen and (min-width: 940px) {
.header-social a {
margin-left: 3px;
}
}
.header-social a:hover {
color: #000000;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.header-social .fa-stack-1x,
.header-social .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.header-social .fa-stack-1x {
line-height: inherit;
}
.header-social .fa-stack-2x {
font-size: 2em;
}
.header-social .fa-inverse {
color: #ffffff;
}
.header-btn {
float: right;
}
/* Site Navigation */
.onepress-menu,
.onepress-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.onepress-menu {
float: right;
}
.onepress-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.onepress-menu ul ul {
top: 0;
left: 100%;
}
.onepress-menu li {
position: relative;
}
.onepress-menu > li {
float: left;
}
.onepress-menu li:hover > ul,
.onepress-menu li.sfHover > ul {
display: block;
}
.onepress-menu a {
display: block;
position: relative;
}
.onepress-menu ul {
min-width: 12em;
*width: 12em;
border: 1px solid #e9e9e9;
border-top: none;
}
.onepress-menu li {
white-space: nowrap;
*white-space: normal;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.onepress-menu li:hover,
.onepress-menu li.sfHover {
-webkit-transition: none;
transition: none;
}
.onepress-menu a {
color: #333333;
font-family: "Raleway", Helvetica, Arial, sans-serif;
padding-left: 17px;
padding-right: 17px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
zoom: 1;
letter-spacing: 1px;
}
.onepress-menu a:hover {
color: #03c4eb;
}
.onepress-menu ul li {
line-height: 26px;
}
.onepress-menu ul li a {
border-top: 1px solid #e9e9e9;
padding: 8px 18px;
color: #999999;
font-size: 13px;
text-transform: none;
background: #ffffff;
letter-spacing: 0;
}
.onepress-menu ul li a:hover {
color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
color: #03c4eb;
}
.onepress-menu > li:last-child > a {
padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
display: none;
}
#nav-toggle {
display: none;
margin-left: 15px;
}
@media screen and (max-width: 1140px) {
.main-navigation {
position: static;
}
.main-navigation .onepress-menu {
width: 100% !important;
display: block;
height: 0px;
overflow: hidden;
background: #fff;
}
.onepress-menu.onepress-menu-mobile {
position: absolute;
top: 75px;
right: 0;
width: 100%;
z-index: 800;
overflow: auto !important;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.onepress-menu.onepress-menu-mobile > li > a {
padding: 12px 20px;
}
.onepress-menu.onepress-menu-mobile li:hover ul {
display: none;
}
.onepress-menu.onepress-menu-mobile ul {
box-shadow: none;
padding-bottom: 0;
border: none;
position: relative;
}
.onepress-menu.onepress-menu-mobile ul li:last-child {
border-bottom: none;
}
.onepress-menu.onepress-menu-mobile ul li a {
padding: 12px 35px;
border-top: none;
}
.onepress-menu.onepress-menu-mobile ul li a:hover {
background: transparent;
}
.onepress-menu.onepress-menu-mobile ul li li a {
padding: 12px 70px;
border-top: none;
}
.onepress-menu.onepress-menu-mobile ul li li li a {
padding: 12px 105px;
}
.onepress-menu.onepress-menu-mobile ul ul {
left: 0px;
}
.onepress-menu.onepress-menu-mobile li {
line-height: 20px;
background: #ffffff;
border-top: 1px solid #e9e9e9;
width: 100% !important;
}
.onepress-menu.onepress-menu-mobile > li:first-child {
border-top: 0px none;
}
.onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
color: #03c4eb;
}
.onepress-menu.onepress-menu-mobile a {
color: #777777;
}
.onepress-menu.onepress-menu-mobile a:hover {
color: #000000;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
display: block;
color: #999999;
border-left: 1px solid #e9e9e9;
font-weight: normal;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-align: center;
padding: 11px 20px;
z-index: 10;
font-size: 22px;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
content: "\f106" !important;
}
.onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
display: block !important;
}
#nav-toggle {
display: block;
}
}
#nav-toggle {
float: right;
position: relative;
width: 35px;
overflow: hidden;
white-space: nowrap;
color: transparent;
}
#nav-toggle span {
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px;
-webkit-transition: rotate 0.2s, translate 0.2s;
transition: rotate 0.2s, translate 0.2s;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
}
#nav-toggle span:before {
top: -8px;
}
#nav-toggle span:after {
top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #000000;
content: "";
right: 0;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
#nav-toggle.nav-is-visible span {
background: transparent;
}
#nav-toggle.nav-is-visible span:before {
-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
-webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
background: #000000;
}
/* Content
------------------------------*/
.site-content {
border-top: 1px solid #e9e9e9;
margin-top: -1px;
}
.site-content.no-border {
border-top: none;
}
.blog .site-content,
.tax-portfolio_cat .site-content,
.single-post .site-content,
.hiding-page-title .site-content {
margin-top: 0;
}
.page-header {
padding: 30px 0px;
border-top: 1px solid #e9e9e9;
background: #f8f9f9;
border-bottom: 1px solid #e9e9e9;
position: relative;
}
.page-header:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
content: " ";
}
.page-header .entry-title,
.page-header .page-title {
margin-bottom: 0px;
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-header p {
margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
position: relative;
padding: 8% 0px;
text-align: center;
border-top: 0 none;
border-bottom: 0 none;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.page-header.page--cover:before {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.3);
content: " ";
}
.page-header.page--cover .entry-title {
font-size: 2.5rem;
font-weight: 800;
color: #ffffff;
}
.page-header.page--cover .entry-tagline {
color: #ffffff;
font-style: italic;
font-weight: 300;
}
@media screen and (min-width: 1140px) {
.page-header.page--cover .entry-tagline {
font-size: 20px;
}
}
@media screen and (max-width: 940px) {
.page-header.page--cover .entry-tagline {
font-size: 18px;
}
}
@media screen and (max-width: 720px) {
.page-header.page--cover .entry-tagline {
font-size: 16px;
}
}
.page-header.page--cover.is-t-above .container {
margin-top: 30px;
}
/* Footer
------------------------------*/
.site-footer {
background: #111111;
color: #bbbbbb;
font-size: 14px;
}
.site-footer a {
color: #03c4eb;
}
.site-footer .footer-connect {
padding: 90px 0px;
padding: 80px 0px;
padding: 5rem 0px;
text-align: center;
}
@media (max-width: 767px) {
.site-footer .footer-connect .footer-subscribe {
margin-bottom: 40px;
}
}
.site-footer .footer-connect .follow-heading {
color: #ffffff;
margin-bottom: 20px;
letter-spacing: 0.8px;
}
.site-footer .footer-connect .subs_input {
background-color: rgba(255, 255, 255, 0.145);
color: #cccccc;
border-bottom: none;
box-shadow: none;
padding: 12px 15px 12px;
border-radius: 2px;
width: 60%;
font-size: 13px;
}
.site-footer .footer-connect .subs_input:focus {
border: none;
}
@media screen and (max-width: 1140px) {
.site-footer .footer-connect .subs_input {
width: 100%;
margin-bottom: 4px;
}
}
@media screen and (max-width: 940px) {
.site-footer .footer-connect .subs_input {
width: 70%;
margin-bottom: 4px;
}
}
@media screen and (max-width: 720px) {
.site-footer .footer-connect .subs_input {
width: 100%;
margin-bottom: 4px;
}
}
.site-footer .footer-connect .subs-button {
margin: 0px;
position: relative;
top: 0px;
padding: 16px 23px 16px;
}
@media screen and (max-width: 1140px) {
.site-footer .footer-connect .subs-button {
width: 100%;
}
}
@media screen and (max-width: 940px) {
.site-footer .footer-connect .subs-button {
width: 70%;
}
}
@media screen and (max-width: 720px) {
.site-footer .footer-connect .subs-button {
width: 100%;
}
}
.site-footer .footer-connect input[type="text"]:focus {
border: none !important;
}
.site-footer .footer-social {
text-align: center;
}
.site-footer .footer-social a {
font-size: 30px;
margin: 0px 13px;
color: #ffffff;
}
.site-footer .footer-social a:hover {
color: #03c4eb;
}
.site-footer .site-info {
position: relative;
text-align: center;
padding: 35px 0px;
background: #222222;
font-weight: 500;
color: #bbbbbb;
}
.site-footer .site-info a {
color: #dddddd;
}
.site-footer .site-info a:hover {
text-decoration: underline;
}
.site-footer .site-info .container {
position: initial;
}
.site-footer .btt a {
border-radius: 0px 20px 0 0;
color: #999999;
background: #222222;
display: block;
font-size: 30px;
height: 50px;
line-height: 50px;
margin: auto;
position: absolute;
right: 60px;
top: -25px;
-webkit-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
width: 50px;
z-index: 99;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
color: #03c4eb;
}
.site-footer .btt a i {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-left: 3px;
}
@media screen and (max-width: 940px) {
.site-footer .btt a {
right: 0;
left: 0;
}
}
/*--------------------------------------------------------------
5.0 Contents
--------------------------------------------------------------*/
/* Page: 404
------------------------------*/
.error-404 .search-form, .error-404 .widget {
margin-bottom: 40px;
}
.error-404 .widgettitle, .error-404 .widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
.error-404 ul {
padding-left: 0px;
}
.error-404 ul li {
list-style: none;
}
/* Page: Search
------------------------------*/
.search-results .hentry {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 25px;
margin-bottom: 25px;
}
.search-results .entry-summary p {
margin-bottom: 0px;
}
.search-results .entry-header .entry-title {
font-size: 22px;
line-height: 1.5;
font-weight: 500;
}
.search-results .entry-header .entry-title a:hover {
text-decoration: none;
}
/* Entry Header
------------------------------*/
.entry-header .entry-title {
font-weight: 500;
text-transform: none;
letter-spacing: -0.6px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 1.3;
}
@media screen and (min-width: 940px) {
.entry-header .entry-title {
font-size: 32px;
line-height: 1.5;
}
}
.entry-thumbnail {
margin-bottom: 30px;
}
.single .entry-header .entry-title {
margin-bottom: 10px;
}
.highlight {
color: #03c4eb;
}
/* Entry Content
------------------------------*/
.entry-content {
margin-bottom: 30px;
}
.entry-content blockquote {
padding: 30px;
position: relative;
background: #f8f9f9;
border-left: 3px solid #03c4eb;
font-style: italic;
}
.entry-content blockquote p {
margin: 0px;
}
/* Entry Stuff
------------------------------*/
.entry-meta {
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
padding-bottom: 30px;
border-bottom: 1px solid #e9e9e9;
}
.entry-footer {
margin-bottom: 30px;
padding-top: 30px;
border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links, .entry-footer .tags-links {
display: block;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: 600;
margin-top: 5px;
}
.nav-links {
padding: 30px 0px;
border-left: none;
border-right: none;
margin-bottom: 50px;
flex-basis: 100%;
text-align: center;
}
.nav-links .nav-previous {
float: left;
}
.nav-links .nav-next {
float: right;
}
.nav-links a, .nav-links .page-numbers {
background: #cccccc;
color: #FFFFFF;
padding: 12px 20px;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 2px;
}
@media screen and (max-width: 940px) {
.nav-links a, .nav-links .page-numbers {
padding: 6px 10px;
}
}
.nav-links a:hover, .nav-links a.current, .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
background: #03c4eb;
text-decoration: none;
}
.bypostauthor {
margin: 0;
}
/* Sticky Post
------------------------------*/
.sticky .entry-title {
padding-left: 20px;
position: relative;
}
.sticky .entry-title:after {
content: "\f276";
display: inline-block;
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
width: 12px;
height: 12px;
position: absolute;
left: 0px;
top: 2px;
font-size: 22px;
color: #aaaaaa;
}
/* WordPress caption style
------------------------------*/
.wp-caption {
max-width: 100%;
font-style: italic;
line-height: 1.35;
margin-bottom: 15px;
margin-top: 5px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 10px 0px;
}
.wp-caption-text,
.entry-thumbnail-caption,
.cycle-caption {
font-style: italic;
line-height: 1.35;
font-size: 13px;
}
/* WordPress Gallery
------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.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-caption {
display: block;
}
/* Comments
------------------------------*/
#comments {
padding-top: 30px;
border-top: 1px solid #e9e9e9;
}
#comments .comments-title {
margin-bottom: 20px;
font-size: 18px;
line-height: 26px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#comments .comment-list {
list-style: none;
padding-left: 0px;
}
#comments .comment-list .pingback {
border-bottom: 1px solid #e9e9e9;
padding: 20px 0;
margin: 0;
}
#comments .comment-list .pingback p {
margin: 0px;
}
#comments .comment-list .pingback:last-child {
margin-bottom: 40px;
}
#comments .comment-content.entry-content {
margin-bottom: 0px;
}
#comments .comment {
list-style: none;
margin: 30px 0;
}
#comments .comment .avatar {
width: 60px;
float: left;
border-radius: 3px;
}
#comments .comment .comment-wrapper {
margin-left: 90px;
padding: 25px 30px 15px 30px;
background: #f8f9f9;
position: relative;
}
#comments .comment .comment-wrapper:before {
border-color: rgba(0, 0, 0, 0) #f6f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 10px 10px 0;
content: "";
height: 0;
left: -9px;
position: absolute;
top: 0;
width: 0;
}
#comments .comment .comment-wrapper .comment-meta .comment-time, #comments .comment .comment-wrapper .comment-meta .comment-reply-link, #comments .comment .comment-wrapper .comment-meta .comment-edit-link {
color: #aaaaaa;
text-transform: uppercase;
letter-spacing: 0.3px;
font-size: 11px;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover {
color: #03c4eb;
}
#comments .comment .comment-wrapper .comment-meta .comment-time:after, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:after, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:after {
content: "/";
padding: 0px 5px;
}
#comments .comment .comment-wrapper .comment-meta a:last-child:after {
content: "";
}
#comments .comment .comment-wrapper .comment-meta cite .fn {
font-weight: bold;
font-style: normal;
margin-right: 5px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
}
#comments .comment .comment-wrapper .comment-meta cite span {
padding: 3px 10px;
background: #e9e9e9;
border-radius: 4px;
margin-right: 10px;
}
#comments .comment .comment-wrapper a {
text-decoration: none;
}
#comments .comment .children {
padding-left: 30px;
}
#comments .comment .children .children {
padding-left: 30px;
}
#comments .comment .children .children .children {
padding-left: 0px;
}
@media screen and (min-width: 940px) {
#comments .comment .children {
padding-left: 90px;
}
#comments .comment .children .children {
padding-left: 90px;
}
#comments .comment .children .children .children {
padding-left: 90px;
}
}
#comments .form-allowed-tags {
display: none;
}
#comments a {
text-decoration: none;
}
#comments a:hover {
text-decoration: underline;
}
.comment-respond textarea,
.comment-respond textarea {
width: 100%;
}
/* Comment Form
------------------------------*/
#respond {
padding-top: 20px;
}
#respond .comment-form label {
display: block;
margin-bottom: 4px;
}
#respond .form-allowed-tags {
font-size: 12px;
}
#respond .form-allowed-tags code {
background: none;
}
#respond .comment-reply-title {
font-size: 18px;
letter-spacing: 1.5px;
margin-bottom: 20px;
text-transform: uppercase;
}
#respond .comment-notes {
display: none;
}
#respond label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.full-screen .comments-area {
max-width: 1110px;
margin: 0 auto;
}
/* woocommerce
------------------------------*/
.woocommerce div.product form.cart .variations td.label {
color: #777;
}
/*--------------------------------------------------------------
6.0 Elements
--------------------------------------------------------------*/
/* Button
------------------------------*/
.btn {
text-transform: uppercase;
border-radius: 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 600;
}
.btn:active, .btn:focus {
outline: none;
}
.btn.btn-secondary-outline {
box-shadow: none;
border-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9);
}
.btn.btn-secondary-outline:hover {
background: #FFF;
color: #333;
}
.btn-lg {
font-size: 17px;
font-size: 1.0625rem;
}
.btn-theme-primary {
background: #03c4eb;
color: #FFFFFF;
}
.btn-theme-primary:hover {
color: #FFFFFF;
}
.btn-theme-primary-outline {
background-color: transparent;
background-image: none;
border-color: #03c4eb;
color: #03c4eb;
}
.btn-theme-primary-outline:hover {
color: #FFF;
background-color: #03c4eb;
border-color: #03c4eb;
}
/* Loading
------------------------------*/
.slider-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* WP 4.7 Shortcut */
section > .customize-partial-edit-shortcut {
z-index: 95;
}
section > .customize-partial-edit-shortcut button {
left: 30px;
}
/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.sidebar .widget {
margin-bottom: 40px;
}
.sidebar .widget .widget-title {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 13px;
font-weight: 700;
}
.sidebar .widget ul {
list-style: none;
padding: 0px;
}
.sidebar .widget ul:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.sidebar .widget a {
color: #777777;
font-size: 14px;
}
.sidebar .widget a:hover {
color: #03c4eb;
text-decoration: underline;
}
/* Search
------------------------------*/
.search-form {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-align: center;
align-items: center;
}
.search-form .search-field {
width: 100% !important;
padding: 10px 15px;
padding: 0.625rem 0.9375rem;
}
.search-form .search-submit {
width: auto;
margin: 0px 0 0 0.5em;
height: 100%;
}
.search-form label {
-webkit-box-flex: 2;
flex-grow: 2;
margin: 0px;
}
/* Recent Comment
------------------------------*/
.widget_recent_comments ul {
margin-top: 25px;
}
.widget_recent_comments ul li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.widget_recent_comments ul a {
font-style: italic;
}
.widget_recent_comments .comment-author-link a {
font-weight: bold;
font-style: normal;
}
/* Recent Categories, Archive, Meta
------------------------------*/
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
float: left;
margin-bottom: 0;
width: 50%;
}
@media screen and (min-width: 720px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 50%;
}
}
@media screen and (min-width: 940px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 100%;
float: none;
}
}
@media screen and (min-width: 1140px) {
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
width: 50%;
float: left;
}
}
.widget_recent_entries ul li {
margin: 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #e9e9e9;
}
.sidebar .widget_calendar a {
color: #03c4eb;
text-decoration: underline;
}
/*--------------------------------------------------------------
8.0 Sections
--------------------------------------------------------------*/
/* Section Stuffs
------------------------------*/
.section-padding {
padding: 70px 0px;
padding: 4.375rem 0px;
}
.section-padding-lg {
padding: 90px 0px;
padding: 5.625rem 0px;
}
.section-padding-larger {
padding: 140px 0px;
padding: 8.75rem 0px;
}
.section-meta {
background-color: #f8f9f9;
}
.onepage-section {
position: relative;
overflow: hidden;
}
.onepage-section:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
content: " ";
z-index: 1;
}
.onepage-section .container-fluid,
.onepage-section .container {
position: relative;
z-index: 5;
}
.section-inverse {
background: #222222;
}
.section-inverse .section-title-area .section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-inverse .section-title-area .section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-inverse .section-title-area .section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
.section-inverse-extended {
background: #333333;
}
.section-inverse-extended .section-title-area .section-title {
color: rgba(255, 255, 255, 0.99);
}
.section-inverse-extended .section-title-area .section-subtitle {
color: rgba(255, 255, 255, 0.7);
}
.section-inverse-extended .section-title-area .section-subtitle::after {
background: rgba(255, 255, 255, 0.8);
}
.section-inverse {
color: rgba(255, 255, 255, 0.5);
}
.section-inverse h1, .section-inverse h2, .section-inverse h3, .section-inverse h4, .section-inverse h5, .section-inverse h6 {
color: rgba(255, 255, 255, 0.9);
}
.section-inverse p {
color: rgba(255, 255, 255, 0.5);
}
.section-title-area {
margin-bottom: 60px;
text-align: center;
}
.section-title-area .section-title {
font-size: 30px;
letter-spacing: 2px;
font-weight: 800;
position: relative;
margin-bottom: 0px;
text-transform: uppercase;
}
@media screen and (min-width: 940px) {
.section-title-area .section-title {
font-size: 40px;
letter-spacing: 3.5px;
}
}
.section-title-area .section-subtitle {
color: #aaaaaa;
font-size: 12px;
display: inline-block;
position: relative;
margin-bottom: 13px;
margin-bottom: 0.8125rem;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (min-width: 940px) {
.section-title-area .section-subtitle {
font-size: 14px;
}
}
.section-desc {
font-size: 20px;
font-size: 1.25rem;
margin-top: 40px;
margin-top: 2.5rem;
}
/* Section: Hero
------------------------------*/
.hero-slideshow-wrapper {
width: 100%;
position: relative;
background-color: #222222;
overflow: hidden;
/* Loading icon */
}
.hero-slideshow-wrapper:after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
display: block;
content: "";
}
.hero-slideshow-wrapper .hero__content .hero-large-text, .hero-slideshow-wrapper .hero__content .hero-small-text, .hero-slideshow-wrapper .hero__content .btn,
.hero-slideshow-wrapper .hero__content .hcl2-content {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0.7s;
/* Safari */
transition-delay: 0.7s;
}
.hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0.8s;
/* Safari */
transition-delay: 0.8s;
}
.hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 1s;
/* Safari */
transition-delay: 1s;
}
.hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0.7s;
/* Safari */
transition-delay: 0.7s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.hero-slideshow-wrapper.loaded .container .hero__content .btn, .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.hero-slideshow-wrapper .slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.animation-disable .hero-slideshow-wrapper {
/* Loading icon */
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text, .animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text, .animation-disable .hero-slideshow-wrapper .hero__content .btn, .animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.animation-disable .hero-slideshow-wrapper .slider-spinner {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999999;
margin: 0px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.js-rotating {
display: none;
}
.js-rotating.morphext {
display: inline-block;
}
.is-customize-preview .slider-spinner {
display: none !important;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text, .is-customize-preview .hero-slideshow-wrapper .hero__content .btn, .is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-large-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hero-small-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .btn {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper .hero__content .hcl2-content {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn, .is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-large-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hero-small-text {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .btn {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content:hover .hcl2-content {
-webkit-transition-delay: 0s;
/* Safari */
transition-delay: 0s;
}
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-large-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hero-small-text,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .btn,
.is-customize-preview .hero-slideshow-wrapper.loaded .container .hero__content .hcl2-content {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.hero-slideshow-normal .container {
padding: 10% 0px;
position: relative;
z-index: 80;
}
.hero-slideshow-fullscreen .container {
z-index: 80;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hero__content {
color: #FFF;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
.hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
color: #FFF;
letter-spacing: 2px;
text-transform: uppercase;
}
.hero__content a.btn {
margin: 10px 10px 20px 0px;
margin: 0.625rem 0.625rem 1.25rem 0px;
}
.hero__content p {
margin-bottom: 20px;
margin-bottom: 1.25rem;
}
/* Hero Content Style 2. */
.hero-content-style2 h1 {
font-weight: 800;
font-size: 50px;
font-size: 3.125rem;
letter-spacing: 3px;
}
.hero-content-style2 .hcl2-content {
padding: 50px 0px;
padding: 3.125rem 0px;
}
.hero-content-style2 .hcl2-image {
text-align: right;
}
@media (max-width: 1199px) {
.hero-content-style2 .hcl2-content, .hero-content-style2 .hcl2-image {
text-align: center;
}
}
/* Hero Text Style1. */
.hero-content-style1 {
text-align: center;
}
.hero-content-style1 h2 {
color: #FFFFFF;
font-size: 35px;
letter-spacing: 2px;
line-height: 1.3;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-weight: 800;
text-transform: uppercase;
}
@media screen and (min-width: 720px) {
.hero-content-style1 h2 {
font-size: 60px;
letter-spacing: 3px;
}
}
@media screen and (min-width: 940px) {
.hero-content-style1 h2 {
font-size: 75px;
letter-spacing: 4px;
}
}
.hero-content-style1 h2 strong {
font-weight: 900;
}
.hero-content-style1 p {
font-size: 14px;
font-style: italic;
letter-spacing: 0.4px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
color: #FFFFFF;
text-align: center;
font-weight: 100;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 940px) {
.hero-content-style1 p {
font-size: 18px;
}
}
@media screen and (min-width: 1140px) {
.hero-content-style1 p {
font-size: 22px;
}
}
.hero-content-style1 p strong {
letter-spacing: -0.6px;
}
@media (max-width: 767px) {
.hero-content-style1 .btn {
display: inline-block;
}
}
.hero-content-style1 a:active, .hero-content-style1 a:focus, .hero-content-style1 .btn:active, .hero-content-style1 .btn:focus {
outline: none;
}
#hero .btn {
box-shadow: none;
}
#hero .btn-theme-primary:focus {
color: #fff;
}
.h-on-top.is-transparent #hero .container .hero__content {
margin-top: 75px;
}
/* Text Rotator */
.morphext > .animated {
display: inline-block;
}
/* Section: Features
------------------------------*/
.icon-background-default {
color: #03c4eb;
}
.feature-item {
text-align: center;
}
.feature-item .feature-icon {
color: #fff;
}
.feature-item .fa-5x {
font-size: 4em;
}
.feature-item:hover .icon-background-default {
color: #333333;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (min-width: 940px) {
.feature-item.col-lg-3:nth-child(4n+1), .feature-item.col-lg-4:nth-child(3n+1), .feature-item.col-lg-6:nth-child(2n+1) {
clear: left;
}
}
.feature-media {
text-align: center;
margin-bottom: 20px;
}
/* Section: About Us
------------------------------*/
.section-about .about-image {
text-align: center;
}
.section-about .about-image img {
margin-bottom: 30px;
}
.section-about .section-title-area {
margin-bottom: 30px;
}
.section-about .row > div {
margin-top: 30px;
}
/* Section: Services
------------------------------*/
.section-services .service-item {
background: #FFFFFF;
padding: 30px;
margin-bottom: 30px;
position: relative;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-webkit-transition: all 100ms ease-out 0s;
transition: all 100ms ease-out 0s;
}
@media screen and (max-width: 720px) {
.section-services .service-item {
padding: 20px;
}
}
.section-services .service-item:after {
content: "";
display: table;
clear: both;
clear: both;
}
.section-services .service-item:hover {
box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.section-services .service-item .service-image {
float: left;
margin-right: 30px;
}
.section-services .service-item .service-image img {
max-width: 120px;
height: auto;
}
.section-services .service-item .service-image i {
color: #03c4eb;
}
@media screen and (max-width: 720px) {
.section-services .service-item .service-image {
float: none;
margin-bottom: 30px;
margin-top: 10px;
margin-right: 0px;
text-align: center;
}
}
.section-services .service-item .service-thumbnail {
margin-bottom: 25px;
margin-bottom: 1.5625rem;
}
.section-services .service-item .service-content {
overflow: hidden;
}
.section-services .service-item .service-content p {
margin: 0px;
font-size: 14px;
color: #777777;
}
@media screen and (max-width: 720px) {
.section-services .service-item .service-content {
text-align: center;
overflow: auto;
}
}
.section-services .service-item .service-title {
margin-bottom: 10px;
margin-bottom: 0.625rem;
color: #333333;
}
.section-services .service-item .service-link:before {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
left: 0px;
content: "";
}
/* Section: Counter
------------------------------*/
.counter_item {
text-align: center;
margin-bottom: 35px;
margin-bottom: 2.1875rem;
}
.counter_item .counter__number {
font-size: 50px;
font-size: 3.125rem;
font-weight: 800;
color: #03c4eb;
line-height: 1;
font-family: serif, sans-serif;
text-transform: uppercase;
}
.counter_item .counter_title {
font-size: 18px;
font-size: 1.125rem;
}
/* Section: Parallax
------------------------------*/
#parallax-hero {
position: relative;
background: none;
overflow: hidden;
}
#parallax-hero .hero-slideshow-wrapper {
background: none;
}
#parallax-hero .hero-slideshow-wrapper::after {
background: none;
}
.section-parallax, #parallax-hero {
background: none;
position: relative;
overflow: hidden;
}
.section-parallax > section, .section-parallax .onepage-section, .section-parallax .section-inverse, #parallax-hero > section, #parallax-hero .onepage-section, #parallax-hero .section-inverse {
background: none;
}
.section-parallax .parallax-bg, #parallax-hero .parallax-bg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
min-height: 100%;
display: block;
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
}
.section-parallax .parallax-bg:before, #parallax-hero .parallax-bg:before {
content: " ";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.3);
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
.section-parallax .parallax-bg img, #parallax-hero .parallax-bg img {
position: absolute;
left: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
max-width: 9999999px;
}
.section-parallax .parallax-bg.no-img, #parallax-hero .parallax-bg.no-img {
height: 120%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
background-attachment: scroll;
background-position: 50% 0;
}
.parallax_bg_overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
opacity: 0.4;
}
.parallax-content {
z-index: 10;
position: relative;
padding: 100px 0px;
text-align: center;
}
.parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content h4, .parallax-content h5, .parallax-content h6 {
color: #FFFFFF;
line-height: 1.5;
}
.parallax-content p, .parallax-content a {
color: #FFFFFF;
}
/* Section: Team
------------------------------*/
.section-team .team-member {
padding: 0px 0.5px;
text-align: center;
}
.section-team .row {
margin-left: -0.5px;
margin-right: -0.5px;
}
.team-members.row {
margin-left: 0px;
margin-left: 0rem;
margin-right: 0px;
margin-right: 0rem;
}
@media screen and (min-width: 940px) {
.team-members.row.team-layout-4 .team-member {
width: 25%;
}
.team-members.row.team-layout-4 .team-member:nth-child(4n+1) {
clear: left;
}
.team-members.row.team-layout-3 .team-member {
width: 33.3333333333%;
}
.team-members.row.team-layout-3 .team-member:nth-child(3n+1) {
clear: left;
}
.team-members.row.team-layout-2 .team-member {
width: 50%;
}
.team-members.row.team-layout-2 .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 940px) {
.team-members.row .team-member {
width: 50%;
}
.team-members.row .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 720px) {
.team-members.row .team-member {
width: 50%;
}
.team-members.row .team-member:nth-child(2n+1) {
clear: left;
}
}
@media screen and (max-width: 576px) {
.team-members.row .team-member {
width: 100%;
}
}
.team-member {
margin-bottom: 20px;
float: left;
}
.team-member .member-thumb {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.team-member .member-thumb:hover .member-profile {
bottom: 8px;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.team-member .member-thumb:hover img {
opacity: 0.7;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.team-member .member-thumb .member-profile {
position: absolute;
text-align: center;
bottom: -35px;
left: auto;
right: auto;
width: 100%;
}
.team-member .member-thumb .member-profile a {
color: #000000;
}
.team-member .member-thumb .member-profile a .fa-inverse {
color: #ffffff;
}
.team-member .member-thumb .member-profile a:hover {
color: #03c4eb;
}
.team-member .member-info {
margin-top: 0px;
position: relative;
z-index: 30;
text-align: center;
}
.team-member .member-name {
letter-spacing: 2px;
margin-bottom: 15px;
position: relative;
}
.team-member .member-name:after {
content: "";
display: block;
position: absolute;
left: 50%;
margin-left: -15%;
bottom: -11px;
width: 30%;
height: 1px;
background: #cccccc;
}
.team-member .member-position {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1.3px;
}
/* Section: News
------------------------------*/
.all-news {
text-align: center;
margin-top: 40px;
display: block;
}
.section-news .list-article, .archive .list-article, .blog .list-article {
border-top: 1px solid #e9e9e9;
padding: 25px 0px;
}
.section-news .list-article:last-of-type, .archive .list-article:last-of-type, .blog .list-article:last-of-type {
border-bottom: 1px solid #e9e9e9;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
float: left;
margin-right: 30px;
}
.section-news .list-article-thumb a img:hover, .archive .list-article-thumb a img:hover, .blog .list-article-thumb a img:hover {
opacity: 0.8;
}
@media screen and (max-width: 940px) {
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
display: none;
}
}
@media screen and (max-width: 720px) {
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
width: 100%;
float: none;
margin-right: 0px;
margin-bottom: 30px;
display: block;
}
.section-news .list-article-thumb img, .archive .list-article-thumb img, .blog .list-article-thumb img {
width: 100%;
}
}
.section-news .list-article-content, .archive .list-article-content, .blog .list-article-content {
float: none;
overflow: hidden;
}
.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-bottom: 10px;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
font-size: 22px;
line-height: 1.5;
}
.section-news .entry-title a:hover, .archive .entry-title a:hover, .blog .entry-title a:hover {
text-decoration: none;
}
.section-news .entry-excerpt p, .archive .entry-excerpt p, .blog .entry-excerpt p {
margin-bottom: 0px;
}
.archive .site-main .list-article:first-child,
.blog .site-main .list-article:first-of-type {
border-top: none;
padding-top: 0px;
}
.page-template-template-blog .section-news .list-article {
padding: 30px 0px;
}
.page-template-template-blog .section-news .list-article:first-of-type {
border-top: none;
padding-top: 0px;
}
.page-template-template-blog .section-news .list-article:last-of-type {
border-bottom: none;
}
.section-news.section-inverse .list-article {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse .list-article:last-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.section-news.section-inverse h1 a, .section-news.section-inverse h2 a, .section-news.section-inverse h3 a, .section-news.section-inverse h4 a, .section-news.section-inverse h5 a {
color: rgba(255, 255, 255, 0.8);
}
.section-news.section-inverse h1 a:hover, .section-news.section-inverse h2 a:hover, .section-news.section-inverse h3 a:hover, .section-news.section-inverse h4 a:hover, .section-news.section-inverse h5 a:hover {
color: #FFF;
}
/* Section: Contact
------------------------------*/
.section-contact input, .section-contact textarea {
width: 100%;
}
.section-contact .address-contact {
margin-top: 5px;
margin-bottom: 15px;
}
.section-contact .address-contact span {
float: left;
color: #aaaaaa;
}
.section-contact .address-contact .address-content {
display: block;
padding-left: 45px;
font-style: italic;
line-height: 2;
}
.section-contact .address-contact .fa-inverse {
font-size: 12px;
}
.section-contact textarea {
max-height: 190px;
}
.wpcf7-form {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}
.wpcf7-form br {
margin-bottom: 5px;
}
.wpcf7-form label {
width: 100%;
}
div.wpcf7-validation-errors {
margin: 20px 0px;
padding: 15px;
}
div.wpcf7-response-output {
margin: 20px 0px;
}
/* Section: Videolightbox
------------------------------*/
.section-videolightbox {
text-align: center;
}
.section-videolightbox .videolightbox__icon {
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.section-videolightbox .videolightbox__heading {
text-transform: uppercase;
font-size: 38px;
font-size: 2.375rem;
letter-spacing: 0px;
font-weight: 500;
}
.section-videolightbox .videolightbox__heading strong {
font-weight: 800;
}
.section-videolightbox .video_icon {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
border: 4px solid #fff;
border-radius: 100px;
height: 50px;
line-height: 1;
padding: 10px;
width: 50px;
display: inline-block;
}
.section-videolightbox .video_icon i {
color: #fff;
font-size: 20px;
margin-left: 6px;
margin-top: 1px;
line-height: 1;
}
.section-videolightbox .video_icon:hover {
background: #FFFFFF;
}
.section-videolightbox .video_icon:hover i {
color: #000;
}
/* Section: Gallery
------------------------------*/
.gallery-grid .g-item {
padding: 10px;
float: left;
}
.all-gallery {
text-align: center;
margin-top: 40px;
display: block;
}
.g-zoom-in .g-item {
display: block;
overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.g-zoom-in .g-item img {
display: block;
overflow: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
-ms-transform: scale(1.5, 1.5);
/* IE 9 */
-webkit-transform: scale(1.5, 1.5);
/* Safari */
transform: scale(1.5, 1.5);
}
.g-layout-full-width.container {
width: 100%;
max-width: none;
padding: 0px;
}
@media screen and (min-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (min-width: 576px) and (max-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (max-width: 576px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.3333333333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.6666666667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
.gallery-justified {
width: 100%;
position: relative;
overflow: hidden;
}
.gallery-justified img {
max-width: none;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
.gallery-justified > a,
.gallery-justified > div {
position: absolute;
display: inline-block;
overflow: hidden;
float: left;
}
.gallery-masonry {
width: 100%;
position: relative;
display: block;
}
.gallery-masonry:after {
clear: both;
}
.gallery-masonry .inner {
display: block;
}
/*--------------------------------------------------------------
9.0 External Plugins
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* WooCommerce support */
.woocommerce-result-count {
font-style: italic;
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
margin-bottom: 1.5em;
}
.woocommerce-ordering select {
padding: 7px;
margin-top: -10px;
}
.woocommerce ul.products li.product h3 {
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 7px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt {
background-color: #03c4eb;
padding: 10px 20px;
padding: 0.625rem 1.25rem;
color: #FFF;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 13px;
font-size: 0.8125rem;
border-radius: 2px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover {
background: #222222;
color: #FFF;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce table.shop_table {
border-collapse: collapse;
}
.woocommerce .quantity .qty {
padding: 5px;
}
.woocommerce span.onsale {
padding: inherit;
}
.related.products h2, #tab-description h2 {
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
padding: 9px 14px;
font-weight: bold;
}
.woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2,
.woocommerce .woocommerce-Addresses .col-1,
.woocommerce .woocommerce-Addresses .col-2,
.woocommerce .woocommerce-customer-details .col-1,
.woocommerce .woocommerce-customer-details .col-2 {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.woocommerce .woocommerce-additional-fields h3 {
margin-top: 20px;
}
.woocommerce .cart_totals th {
text-align: left;
}
.woocommerce .cart_totals h2 {
font-size: 20px;
font-size: 1.25rem;
}
.woocommerce .wc-proceed-to-checkout {
text-align: center;
}
.woocommerce .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details h2 {
font-size: 20px;
font-size: 1.25rem;
}
.woocommerce ul.products li.product .price del {
display: inline-block;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
margin: 0 auto;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #03c4eb;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #03c4eb;
opacity: .8;
}
.woocommerce-MyAccount-navigation ul {
margin: 0px;
padding-left: 0px;
}
.woocommerce-MyAccount-navigation li {
list-style: none;
}
/* Breadcrumbs
------------------------------*/
.breadcrumbs {
font-size: 10px;
padding: 15px 0px;
border-bottom: 1px solid #e9e9e9;
color: #858585;
}
@media screen and (min-width: 720px) {
.breadcrumbs {
font-size: 12px;
}
}
.breadcrumbs i {
margin: 0px 6px;
}
.breadcrumbs a {
text-decoration: none;
color: #777777;
font-weight: 600;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
margin-right: 20px;
position: relative;
}
@media screen and (min-width: 720px) {
.breadcrumbs span {
margin-right: 40px;
}
}
.breadcrumbs span span {
margin-right: 0;
}
.breadcrumbs a:before {
border-bottom: 6px solid transparent;
border-left: 6px solid rgba(0, 0, 0, 0.2);
border-top: 6px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -11px;
top: 2px;
}
@media screen and (min-width: 720px) {
.breadcrumbs a:before {
right: -23px;
top: 3px;
}
}
.breadcrumbs a:after {
border-bottom: 5px solid transparent;
border-left: 5px solid #ffffff;
border-top: 5px solid transparent;
content: "";
display: inline-block;
position: absolute;
right: -10px;
top: 3px;
}
@media screen and (min-width: 720px) {
.breadcrumbs a:after {
right: -22px;
top: 4px;
}
}
/* Coursel and slider */
/**
* Owl Carousel v2.3.0
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme {
position: relative;
}
.owl-theme .owl-nav button {
position: absolute;
top: 50%;
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: 0px;
padding: 4px 10px 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 0px none;
}
.owl-theme .owl-nav button:focus {
box-shadow: none;
outline: none;
}
.owl-theme .owl-nav:hover {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.owl-theme .owl-nav .owl-prev {
left: 15px;
}
.owl-theme .owl-nav .owl-prev .lg-icon::before {
content: "\e094";
}
.owl-theme .owl-nav .owl-next {
right: 15px;
}
.owl-theme .owl-nav .owl-next .lg-icon::before {
content: "\e095";
}
.owl-theme .owl-nav {
margin-top: 0px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.gallery-carousel.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
background: none !important;
box-shadow: none !important;
outline: none !important;
border: 0px none;
padding: 0px;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
/* WP FORMS */
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label, div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}
div.wpforms-container .wpforms-form .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime],
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local],
div.wpforms-container .wpforms-form .wpforms-field input[type=email],
div.wpforms-container .wpforms-form .wpforms-field input[type=month],
div.wpforms-container .wpforms-form .wpforms-field input[type=number],
div.wpforms-container .wpforms-form .wpforms-field input[type=password],
div.wpforms-container .wpforms-form .wpforms-field input[type=range],
div.wpforms-container .wpforms-form .wpforms-field input[type=search],
div.wpforms-container .wpforms-form .wpforms-field input[type=tel],
div.wpforms-container .wpforms-form .wpforms-field input[type=text],
div.wpforms-container .wpforms-form .wpforms-field input[type=time],
div.wpforms-container .wpforms-form .wpforms-field input[type=url],
div.wpforms-container .wpforms-form .wpforms-field input[type=week],
div.wpforms-container .wpforms-form .wpforms-field select,
div.wpforms-container .wpforms-form .wpforms-field textarea {
padding: 10px;
max-width: 100%;
border: 0px;
font-size: 15px;
font-weight: normal;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000000;
border-bottom: 1px solid #fff;
}
div.wpforms-container .wpforms-form .wpforms-field input[type=date]:hover, div.wpforms-container .wpforms-form .wpforms-field input[type=date]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=datetime-local]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=email]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=month]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=number]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=password]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=range]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=search]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=tel]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=text]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=time]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=url]:focus,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:hover,
div.wpforms-container .wpforms-form .wpforms-field input[type=week]:focus,
div.wpforms-container .wpforms-form .wpforms-field select:hover,
div.wpforms-container .wpforms-form .wpforms-field select:focus,
div.wpforms-container .wpforms-form .wpforms-field textarea:hover,
div.wpforms-container .wpforms-form .wpforms-field textarea:focus {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-color: #EBEBEB;
border-bottom: 1px solid #fff !important;
background: #e9e9e9;
}
div.wpforms-container .wpforms-form .wpforms-field textarea {
min-height: 215px;
}
div.wpforms-container .wpforms-form button[type=submit] {
width: 100%;
text-align: center;
display: block;
}
/* Pirate Forms */
.pirate_forms .pirate-forms-fields-container .form_field_wrap {
width: 100%;
max-width: 100%;
padding: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .form-control {
border-radius: 0px;
}
.pirate_forms .pirate-forms-fields-container .form_field_wrap .pirate-forms-submit-button {
display: block;
width: 100%;
}
.pirate_forms .contact_message_wrap #pirate-forms-contact-message {
border-radius: 0px;
background-color: #f2f2f2;
border: 0 none;
min-height: 245px;
max-height: 999px;
}
/**
* JQuery Bullly
* @see https://github.com/pixelgrade/rellax/blob/gh-pages/assets/css/bully.css
*/
[class*="c-bully"],
[class*="c-bully"]:before,
[class*="c-bully"]:after {
box-sizing: border-box;
}
.c-bully {
position: fixed;
top: 50%;
right: 28px;
font-size: 12px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 600;
color: #333;
text-transform: uppercase;
}
@media screen and (max-width: 940px) {
.c-bully {
right: 0px;
}
}
.c-bully.c-bully--inversed {
color: #fff;
}
@media screen and (max-width: 940px) {
.c-bully.c-bully-hide-on-mobile {
display: none;
}
}
.onepress-menu-mobile-opening .c-bully {
z-index: 10;
}
.c-bully__bullet {
padding: 8px;
opacity: 0;
cursor: pointer;
position: relative;
}
@media screen and (max-width: 940px) {
.c-bully__bullet {
padding: 8px 3px;
}
}
.c-bully__bullet:hover .c-bully__title {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.c-bully__title {
position: absolute;
right: 26px;
top: 1px;
left: auto;
background: rgba(0, 0, 0, 0.7);
padding: 1px 10px;
border-radius: 2px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display: block;
opacity: 0;
white-space: nowrap;
color: rgba(255, 255, 255, 0.8);
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.c-bully__bullet:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid currentColor;
border-radius: 50%;
will-change: transform;
}
@media screen and (max-width: 940px) {
.c-bully__bullet:after {
width: 9px;
height: 9px;
}
}
.c-bully__bullet--active {
position: absolute;
top: 0;
left: 0;
-webkit-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
.c-bully__bullet--active:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 14px;
background: currentColor;
border-radius: 50%;
}
@media screen and (max-width: 940px) {
.c-bully__bullet--active:before {
width: 9px;
height: 9px;
}
}
.c-bully__bullet--active:after {
border-color: transparent;
}
.c-bully__bullet--pop {
-webkit-animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
animation: bully-pop 0.6s cubic-bezier(0.485, 1.63, 0.43, 2) forwards, fade-in 0.2s 0.2s ease-out forwards;
}
.c-bully__bullet--squash {
opacity: 1;
-webkit-animation: bully-squash 0.2s ease-out forwards;
animation: bully-squash 0.2s ease-out forwards;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes bully-pop {
50% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bully-pop {
50% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes bully-squash {
50% {
-webkit-transform: scale(0.6, 1.8);
transform: scale(0.6, 1.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bully-squash {
50% {
-webkit-transform: scale(0.6, 1.8);
transform: scale(0.6, 1.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.single-post .content-inner {
margin-left: auto;
margin-right: auto;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.no-sidebar .entry-content > .alignwide {
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 1110px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: relative;
}
.no-sidebar .entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100vw;
max-width: calc(var(--vw, 1vw) * 100);
width: 100vw;
/* Use vh as a fallback for browsers that do not support Custom Properties */
width: calc(var(--vw, 1vw) * 100);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
position: relative;
}
.single-post .right-sidebar .content-inner {
margin-left: 0px;
}
.single-post .left-sidebar .content-inner {
margin-right: 0px;
}
.entry-content ul,
.entry-content ol {
margin: 1.5em auto;
list-style-position: outside;
}
.wp-block-video video {
max-width: 100%;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
width: 100%;
position: relative;
padding: 0 0 0 0;
height: auto;
display: block;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper::before {
padding-top: 56.25%;
content: "";
display: block;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper > iframe, .wp-block-embed.is-type-video .wp-block-embed__wrapper > object {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-image img {
display: block;
}
.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%;
}
.wp-block-image.alignfull img {
width: 100vw;
width: calc(var(--vw, 1vw) * 100);
}
.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto;
}
.wp-block-cover-text p {
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px;
}
.wp-block-table {
display: block;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
.entry-content li {
margin-left: 2.5em;
margin-bottom: 6px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin: 0 auto;
}
.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
margin-left: 0;
}
.wp-block-quote {
border-left-width: 4px;
border-left-color: currentColor;
}
.wp-block-quote.is-style-large {
padding: 0px;
}
.wp-block-quote.is-style-large cite {
font-size: 13px;
}
.wp-block-quote > * {
margin-left: 16px;
margin-right: 16px;
}
.wp-block-quote cite {
font-style: normal;
margin-top: 1em;
margin-left: 0px;
position: relative;
font-size: 13px;
display: block;
margin-bottom: 0px;
}
.wp-block-pullquote {
border-bottom: 4px solid currentColor;
border-top: 4px solid currentColor;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding: 3em 0;
text-align: center;
}
.wp-block-pullquote.is-style-solid-color {
border-bottom: 0 none;
border-top: 0 none;
}
.wp-block-pullquote > p:first-child {
margin-top: 0;
}
.wp-block-pullquote cite {
font-size: 13px;
font-style: normal;
text-transform: uppercase;
}
.wp-block-pullquote blockquote {
border-left: 0px;
background: none;
}
.wp-block-separator {
margin: 3em auto;
border: none;
border-bottom: 2px solid currentColor;
}
.wp-block-separator:not(.is-style-wide) {
max-width: 100px;
}
.wp-block-separator.is-style-dots {
border-bottom: none !important;
text-align: center;
}
.wp-block-separator.is-style-dots::before {
padding-left: 0px;
font-size: 30px;
}
@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0;
}
.entry-content > * {
padding-left: 0px;
padding-right: 0px;
}
}
/*--------------------------------------------------------------
# Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa;
}
.has-strong-blue-background-color {
background-color: #0073aa;
}
.has-lighter-blue-color {
color: #229fd8;
}
.has-lighter-blue-background-color {
background-color: #229fd8;
}
.has-very-light-gray-color {
color: #eee;
}
.has-very-light-gray-background-color {
background-color: #eee;
}
.has-very-dark-gray-color {
color: #444;
}
.has-very-dark-gray-background-color {
background-color: #444;
}
wp-content/themes/zerif-lite/inc/class/class-customizer-theme-info-control/css/style.css 0000604 00000002504 15115763346 0033442 0 ustar 00 home/xbodynamge/crosstraining .themeisle-upsell {
padding: 21px;
border-radius: 3px;
background: #fff;
}
.themeisle-upsell .upsell-pro-label {
margin-right: 10px;
padding: 2px 6px 2px 7px;
border-radius: 3px;
color: #fff;
background: #a7a7a7;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1px;
text-transform: uppercase;
}
.themeisle-upsell-features li {
margin-bottom: 23px;
font-size: 14px;
}
.themeisle-upsell-features li:last-child {
margin-bottom: 28px;
}
.themeisle-upsell .button {
width: 100%;
margin-right: 21px;
text-align: center;
letter-spacing: 0.2px;
}
.themeisle-upsell hr {
margin-top: 22px;
margin-bottom: 16px;
}
.themeisle-upsell-feature-list li:before {
line-height: 37px;
}
.themeisle-upsell-feature-list li {
margin-bottom: 6px;
font-size: 14px;
font-style: italic;
line-height: 22px;
}
.themeisle-upsell-feature-list li:last-child {
margin-bottom: 0;
}
.frontpage-sections-upsell {
padding: 10px 10px 11px 14px;
}
.themeisle-boxed-section {
margin: 12px;
}
#customize-controls #accordion-section-zerif_theme_info_main_section.control-section .accordion-section-title:hover {
color: #fff;
background-color: #0073aa;
}
#customize-controls #accordion-section-zerif_theme_info_main_section.control-section .accordion-section-title:hover:after {
color: #fff;
}
.upsell-pro-label:before {
content: "pro";
}
home/xbodynamge/namtation/wp-includes/css/dist/block-editor/style.css 0000644 00000250322 15115766307 0022057 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.block-editor-block-drop-zone {
border: none;
border-radius: 0; }
.block-editor-block-drop-zone .components-drop-zone__content,
.block-editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content {
display: none; }
.block-editor-block-drop-zone.is-close-to-bottom {
background: none;
border-bottom: 3px solid #0085ba; }
body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #d1864a; }
body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #a3b9a2; }
body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #e14d43; }
body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #a7b656; }
body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #c2a68c; }
body.admin-color-blue .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #82b4cb; }
body.admin-color-light .block-editor-block-drop-zone.is-close-to-bottom{
border-bottom: 3px solid #0085ba; }
.block-editor-block-drop-zone.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-bottom {
background: none;
border-top: 3px solid #0085ba;
border-bottom: none; }
body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #d1864a; }
body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #a3b9a2; }
body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #e14d43; }
body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #a7b656; }
body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #c2a68c; }
body.admin-color-blue .block-editor-block-drop-zone.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #82b4cb; }
body.admin-color-light .block-editor-block-drop-zone.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-bottom{
border-top: 3px solid #0085ba; }
.block-editor-block-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin: 0;
border-radius: 4px; }
.block-editor-block-icon.has-colors svg {
fill: currentColor; }
.block-editor-block-icon svg {
min-width: 20px;
min-height: 20px;
max-width: 24px;
max-height: 24px; }
.block-editor-block-inspector__no-blocks {
display: block;
font-size: 13px;
background: #fff;
padding: 32px 16px;
text-align: center; }
.block-editor-block-inspector__card {
display: flex;
align-items: flex-start;
margin: -16px;
padding: 16px; }
.block-editor-block-inspector__card-icon {
border: 1px solid #ccd0d4;
padding: 7px;
margin-right: 10px;
height: 36px;
width: 36px; }
.block-editor-block-inspector__card-content {
flex-grow: 1; }
.block-editor-block-inspector__card-title {
font-weight: 500;
margin-bottom: 5px; }
.block-editor-block-inspector__card-description {
font-size: 13px; }
.block-editor-block-inspector__card .block-editor-block-icon {
margin-left: -2px;
margin-right: 10px;
padding: 0 3px;
width: 36px;
height: 24px; }
.block-editor-block-list__layout .components-draggable__clone .block-editor-block-contextual-toolbar {
display: none !important; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-list__block-edit::before {
border: none; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * {
background: #f8f9f9; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * > * {
visibility: hidden; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-contextual-toolbar {
display: none; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit .reusable-block-edit-panel * {
z-index: 1; }
/**
* General layout
*/
@media (min-width: 600px) {
.block-editor-block-list__layout {
padding-left: 46px;
padding-right: 46px; } }
.block-editor-block-list__block .block-editor-block-list__layout {
padding-left: 0;
padding-right: 0;
margin-left: -14px;
margin-right: -14px; }
.block-editor-block-list__layout .block-editor-default-block-appender > .block-editor-default-block-appender__content,
.block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit,
.block-editor-block-list__layout > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit {
margin-top: 32px;
margin-bottom: 32px; }
.block-editor-block-list__layout .block-editor-block-list__block {
position: relative;
padding-left: 14px;
padding-right: 14px;
overflow-wrap: break-word;
/**
* Notices
*/
/**
* Block border layout
*/ }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block {
padding-left: 43px;
padding-right: 43px; } }
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
margin: -10px 20px 12px 20px;
width: calc(100% - 40px); }
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
margin: 0 0 12px 0;
width: 100%; }
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
margin-left: 0;
margin-right: 0; }
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
font-size: 13px; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit {
position: relative; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit::before {
z-index: 0;
content: "";
position: absolute;
border: 1px solid transparent;
border-left: none;
box-shadow: none;
transition: border-color 0.1s linear, box-shadow 0.1s linear;
pointer-events: none;
outline: 1px solid transparent;
right: -14px;
left: -14px;
top: -14px;
bottom: -14px; }
.block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
border-color: rgba(66, 88, 99, 0.4);
box-shadow: inset 3px 0 0 0 #555d66; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
border-color: rgba(255, 255, 255, 0.45);
box-shadow: inset 3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
box-shadow: -3px 0 0 0 #555d66; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before {
box-shadow: -3px 0 0 0 #d7dade; } }
.block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before {
box-shadow: -3px 0 0 0 #e2e4e7; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before {
box-shadow: -3px 0 0 0 #40464d; }
.block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
opacity: 0.5;
transition: opacity 0.1s linear; }
.block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused {
opacity: 1; }
/**
* Cross-block selection
*/
.block-editor-block-list__layout .block-editor-block-list__block ::selection {
background-color: #b3e7fe; }
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected *::selection {
background-color: transparent; }
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before {
background: #b3e7fe;
mix-blend-mode: multiply;
top: -14px;
bottom: -14px; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before {
mix-blend-mode: soft-light; }
/**
* Block styles and alignments
*/
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
min-height: 36px; }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit > * {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit .block-editor-warning {
pointer-events: all; }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before {
border-color: rgba(145, 151, 162, 0.25);
border-left: 1px solid rgba(145, 151, 162, 0.25); }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before {
border-color: rgba(255, 255, 255, 0.35); }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before {
border-color: rgba(66, 88, 99, 0.4);
border-left-color: transparent; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before {
border-color: rgba(255, 255, 255, 0.45); }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::after {
content: "";
position: absolute;
background-color: rgba(248, 249, 249, 0.4);
top: -14px;
bottom: -14px;
right: -14px;
left: -14px; }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected .block-editor-block-list__block-edit::after {
background-color: transparent; }
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after {
bottom: 22px; }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after {
bottom: -14px; } }
.block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__empty-block-inserter,
.block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__side-inserter {
opacity: 0;
animation: none; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter,
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter {
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter,
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter {
animation-duration: 1ms !important; } }
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before {
border: 1px dashed rgba(145, 151, 162, 0.25); }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before {
border-color: rgba(255, 255, 255, 0.35); }
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before {
border-color: rgba(66, 88, 99, 0.4);
border-left-color: transparent; }
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before {
border-color: rgba(255, 255, 255, 0.45);
border-left-color: transparent; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] {
z-index: 81;
width: 100%;
height: 0; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit {
margin-top: 0; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit::before {
content: none; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
margin-bottom: 1px; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
width: auto;
border-bottom: 1px solid #b5bcc2;
bottom: auto; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
left: 0;
right: auto; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
left: auto;
right: 0; }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
top: 14px; } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit {
/*!rtl:begin:ignore*/
float: left;
margin-right: 2em;
/*!rtl:end:ignore*/ }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-toolbar {
/*!rtl:begin:ignore*/
left: 14px;
right: auto;
/*!rtl:end:ignore*/ } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit {
/*!rtl:begin:ignore*/
float: right;
margin-left: 2em;
/*!rtl:end:ignore*/ }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-toolbar {
/*!rtl:begin:ignore*/
right: 14px;
left: auto;
/*!rtl:end:ignore*/ } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] {
clear: both;
z-index: 20; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
top: -44px;
bottom: auto;
min-height: 0;
height: auto;
width: auto; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover::before,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover::before,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before {
content: none; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control {
float: left; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: none; }
@media (min-width: 1280px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: block; } }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] .block-editor-block-toolbar {
display: inline-flex; } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
left: -13px; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-list__breadcrumb {
left: 0; }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] {
margin-left: -45px;
margin-right: -45px; } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit {
margin-left: -14px;
margin-right: -14px; }
@media (min-width: 600px) {
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit {
margin-left: -44px;
margin-right: -44px; } }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit figure {
width: 100%; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit::before {
left: 0;
right: 0;
border-left-width: 0;
border-right-width: 0; }
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover {
left: 1px; }
.block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] {
float: none; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-drop-zone {
top: -4px;
bottom: -3px;
margin: 0 14px; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-inserter-with-shortcuts {
display: none; }
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__empty-block-inserter,
.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
left: auto;
right: 8px; }
/**
* Left and right side UI; Unified toolbar on Mobile
*/
.block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
position: absolute;
width: 30px;
height: 100%;
max-height: 112px; }
.block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
top: -15px; }
@media (min-width: 600px) {
.block-editor-block-list__block.is-multi-selected .block-editor-block-mover, .block-editor-block-list__block.is-selected .block-editor-block-mover, .block-editor-block-list__block.is-hovered .block-editor-block-mover {
z-index: 80; } }
.block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
padding-right: 2px;
left: -45px;
display: none; }
@media (min-width: 600px) {
.block-editor-block-list__block.is-multi-selected > .block-editor-block-mover,
.block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: block; } }
.block-editor-block-list__block.is-multi-selected > .block-editor-block-mover {
left: -30px; }
.block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: none; }
@media (min-width: 600px) {
.block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: block;
opacity: 1;
animation: none;
width: 45px;
height: auto;
padding-bottom: 14px;
margin-top: 0; } }
.block-editor-block-list__block[data-align="left"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover,
.block-editor-block-list__block[data-align="left"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover,
.block-editor-block-list__block[data-align="right"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover {
display: none; }
/**
* Mobile unified toolbar.
*/
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
display: flex;
flex-direction: row;
transform: translateY(15px);
margin-top: 37px;
margin-right: -14px;
margin-left: -14px;
border-top: 1px solid #b5bcc2;
height: 37px;
background-color: #fff;
box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
display: none; } }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar {
box-shadow: none; } }
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter {
position: relative;
left: auto;
top: auto;
margin: 0; }
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle,
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control {
width: 36px;
height: 36px;
border-radius: 4px;
padding: 3px;
margin: 0;
justify-content: center;
align-items: center; }
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle .dashicon,
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control .dashicon {
margin: auto; }
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover {
display: flex;
margin-right: auto; }
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-inserter,
.block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover__control {
float: left; }
.block-editor-block-list__block[data-align="full"] .block-editor-block-list__block-mobile-toolbar {
margin-left: 0;
margin-right: 0; }
/**
* In-Canvas Inserter
*/
.block-editor-block-list .block-editor-inserter {
margin: 8px;
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.block-editor-block-list__insertion-point {
position: relative;
z-index: 6;
margin-top: -14px; }
.block-editor-block-list__insertion-point-indicator {
position: absolute;
top: calc(50% - 1px);
height: 2px;
left: 0;
right: 0;
background: #0085ba; }
body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator{
background: #d1864a; }
body.admin-color-ocean .block-editor-block-list__insertion-point-indicator{
background: #a3b9a2; }
body.admin-color-midnight .block-editor-block-list__insertion-point-indicator{
background: #e14d43; }
body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator{
background: #a7b656; }
body.admin-color-coffee .block-editor-block-list__insertion-point-indicator{
background: #c2a68c; }
body.admin-color-blue .block-editor-block-list__insertion-point-indicator{
background: #82b4cb; }
body.admin-color-light .block-editor-block-list__insertion-point-indicator{
background: #0085ba; }
.block-editor-block-list__insertion-point-inserter {
display: none;
position: absolute;
bottom: auto;
left: 0;
right: 0;
justify-content: center;
height: 22px;
opacity: 0;
transition: opacity 0.1s linear; }
@media (min-width: 480px) {
.block-editor-block-list__insertion-point-inserter {
display: flex; } }
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
margin-top: -8px;
border-radius: 50%;
color: #007cba;
background: #fff;
height: 36px;
width: 36px; }
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover {
box-shadow: none; }
.block-editor-block-list__insertion-point-inserter:hover, .block-editor-block-list__insertion-point-inserter.is-visible {
opacity: 1; }
.edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter,
.edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter {
opacity: 0;
pointer-events: none; }
.edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible,
.edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover,
.edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible {
opacity: 1;
pointer-events: auto; }
.block-editor-block-list__block > .block-editor-block-list__insertion-point {
position: absolute;
top: -16px;
height: 28px;
bottom: auto;
left: 0;
right: 0; }
@media (min-width: 600px) {
.block-editor-block-list__block > .block-editor-block-list__insertion-point {
left: -1px;
right: -1px; } }
.block-editor-block-list__block[data-align="full"] > .block-editor-block-list__insertion-point {
left: 0;
right: 0; }
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
display: block;
margin: 0;
width: 100%;
border: none;
outline: none;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
line-height: 150%;
transition: padding 0.2s linear; }
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
box-shadow: none; }
/**
* Block Toolbar when contextual.
*/
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
z-index: 21;
white-space: nowrap;
text-align: left;
pointer-events: none;
position: absolute;
bottom: 22px;
left: -14px;
right: -14px;
border-top: 1px solid #b5bcc2; }
.block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar {
border-top: none;
border-bottom: none; }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
border-top: none; }
.block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar {
border-top: 1px solid #b5bcc2;
border-bottom: 1px solid #b5bcc2; } }
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
margin-bottom: 1px;
margin-top: -37px;
box-shadow: -3px 0 0 0 #555d66; }
.is-dark-theme .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .is-dark-theme
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
box-shadow: -3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
box-shadow: none; } }
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar .editor-block-toolbar,
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar .editor-block-toolbar {
border-left: none; }
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
margin-left: 0;
margin-right: 0; }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
margin-left: -15px;
margin-right: -15px; } }
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
/*rtl:ignore*/
margin-right: 15px; }
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
/*rtl:ignore*/
margin-left: 15px; }
.block-editor-block-list__block .block-editor-block-contextual-toolbar > * {
pointer-events: auto; }
.block-editor-block-list__block[data-align="full"] .block-editor-block-contextual-toolbar {
left: 0;
right: 0; }
.block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar {
margin-left: -28px; }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
bottom: auto;
left: auto;
right: auto;
box-shadow: none;
transform: translateY(-52px); }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.block-editor-block-list__block .block-editor-block-contextual-toolbar {
position: -webkit-sticky;
position: sticky;
top: 51px; } } }
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar {
/*rtl:ignore*/
float: left; }
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
/*rtl:ignore*/
float: right; }
.block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar,
.block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar {
transform: translateY(-15px); }
.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
width: 100%; }
@media (min-width: 600px) {
.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
width: auto;
border-right: none;
position: absolute;
left: 1px;
top: 1px; } }
/**
* Hover label
*/
.block-editor-block-list__breadcrumb {
position: absolute;
line-height: 1;
z-index: 2;
left: -17px;
top: -31px; }
.block-editor-block-list__breadcrumb .components-toolbar {
padding: 0;
border: none;
line-height: 1;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 11px;
padding: 4px 4px;
background: #e2e4e7;
color: #191e23; }
.is-dark-theme .block-editor-block-list__breadcrumb .components-toolbar {
background: #40464d;
color: #fff; }
.block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar {
opacity: 0;
animation: edit-post__fade-in-animation 60ms ease-out 0.5s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar {
animation-duration: 1ms !important; } }
.editor-inner-blocks .block-editor-block-list__breadcrumb {
z-index: 22; }
[data-align="left"] .block-editor-block-list__breadcrumb {
left: 0; }
[data-align="right"] .block-editor-block-list__breadcrumb {
left: auto;
right: 0; }
.block-editor-block-list__descendant-arrow::before {
content: "→";
display: inline-block;
padding: 0 4px; }
.rtl .block-editor-block-list__descendant-arrow::before {
content: "←"; }
@media (min-width: 600px) {
.block-editor-block-list__block::before {
bottom: 0;
content: "";
left: -28px;
position: absolute;
right: -28px;
top: 0; }
.block-editor-block-list__block .block-editor-block-list__block::before {
left: 0;
right: 0; }
.block-editor-block-list__block[data-align="full"]::before {
content: none; } }
.block-editor-block-list__block .block-editor-warning {
z-index: 5;
position: relative;
margin-right: -14px;
margin-left: -14px;
margin-bottom: -14px;
transform: translateY(-14px);
padding: 10px 14px; }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-warning {
padding: 10px 14px; } }
.block-list-appender > .block-editor-inserter {
display: block; }
.block-list-appender__toggle {
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
outline: 1px dashed #8d96a0;
width: 100%;
color: #555d66; }
.block-list-appender__toggle:hover {
outline: 1px dashed #555d66; }
/**
* Invalid block comparison
*/
.block-editor-block-compare {
overflow: auto;
height: auto; }
@media (min-width: 600px) {
.block-editor-block-compare {
max-height: 70%; } }
.block-editor-block-compare__wrapper {
display: flex;
padding-bottom: 16px; }
.block-editor-block-compare__wrapper > div {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 50%;
padding: 0 16px 0 0;
min-width: 200px; }
.block-editor-block-compare__wrapper > div button {
float: right; }
.block-editor-block-compare__wrapper .block-editor-block-compare__converted {
border-left: 1px solid #ddd;
padding-left: 15px; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 12px;
color: #23282d;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
line-height: 1.7; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html span {
background-color: #e6ffed;
padding-top: 3px;
padding-bottom: 3px; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
background-color: #acf2bd; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
background-color: #d94f4f; }
.block-editor-block-compare__wrapper .block-editor-block-compare__preview {
padding: 0;
padding-top: 14px; }
.block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
font-size: 12px;
margin-top: 0; }
.block-editor-block-compare__wrapper .block-editor-block-compare__action {
margin-top: 14px; }
.block-editor-block-compare__wrapper .block-editor-block-compare__heading {
font-size: 1em;
font-weight: 400;
margin: 0.67em 0; }
.block-editor-block-mover {
min-height: 56px;
opacity: 0; }
.block-editor-block-mover.is-visible {
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-mover.is-visible {
animation-duration: 1ms !important; } }
@media (min-width: 600px) {
.block-editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .block-editor-block-mover {
margin-top: -8px; } }
.block-editor-block-mover__control {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
width: 28px;
height: 24px;
color: rgba(14, 28, 46, 0.62); }
.block-editor-block-mover__control svg {
width: 28px;
height: 24px;
padding: 2px 5px; }
.is-dark-theme .block-editor-block-mover__control {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .wp-block .wp-block .block-editor-block-mover__control,
.wp-block .is-dark-theme .wp-block .block-editor-block-mover__control {
color: rgba(14, 28, 46, 0.62); }
.block-editor-block-mover__control[aria-disabled="true"] {
cursor: default;
pointer-events: none;
color: rgba(130, 148, 147, 0.15); }
.is-dark-theme .block-editor-block-mover__control[aria-disabled="true"] {
color: rgba(255, 255, 255, 0.2); }
.block-editor-block-mover__control-drag-handle {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
fill: currentColor;
border-radius: 4px; }
.block-editor-block-mover__control-drag-handle, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus {
box-shadow: none;
background: none;
color: rgba(10, 24, 41, 0.7); }
.is-dark-theme .block-editor-block-mover__control-drag-handle, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus {
color: rgba(255, 255, 255, 0.75); }
.is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle,
.wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
.wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active,
.wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus,
.wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus {
color: rgba(10, 24, 41, 0.7); }
.block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active {
cursor: -webkit-grabbing;
cursor: grabbing; }
.block-editor-block-mover__description {
display: none; }
@media (min-width: 600px) {
.block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default),
.block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default),
.block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), .block-editor-block-list__layout [data-align="right"]
.block-editor-block-mover__control,
.block-editor-block-list__layout [data-align="left"]
.block-editor-block-mover__control,
.block-editor-block-list__layout .block-editor-block-list__layout
.block-editor-block-mover__control {
background: #fff;
box-shadow: inset 0 0 0 1px #e2e4e7; }
.block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2),
.block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2),
.block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), .block-editor-block-list__layout [data-align="right"]
.block-editor-block-mover__control:nth-child(-n+2),
.block-editor-block-list__layout [data-align="left"]
.block-editor-block-mover__control:nth-child(-n+2),
.block-editor-block-list__layout .block-editor-block-list__layout
.block-editor-block-mover__control:nth-child(-n+2) {
margin-bottom: -1px; }
.block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus,
.block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
.block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active,
.block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus,
.block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
.block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active,
.block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, .block-editor-block-list__layout [data-align="right"]
.block-editor-block-mover__control:hover, .block-editor-block-list__layout [data-align="right"]
.block-editor-block-mover__control:active, .block-editor-block-list__layout [data-align="right"]
.block-editor-block-mover__control:focus,
.block-editor-block-list__layout [data-align="left"]
.block-editor-block-mover__control:hover,
.block-editor-block-list__layout [data-align="left"]
.block-editor-block-mover__control:active,
.block-editor-block-list__layout [data-align="left"]
.block-editor-block-mover__control:focus,
.block-editor-block-list__layout .block-editor-block-list__layout
.block-editor-block-mover__control:hover,
.block-editor-block-list__layout .block-editor-block-list__layout
.block-editor-block-mover__control:active,
.block-editor-block-list__layout .block-editor-block-list__layout
.block-editor-block-mover__control:focus {
z-index: 1; } }
.block-editor-block-navigation__container {
padding: 7px; }
.block-editor-block-navigation__label {
margin: 0 0 8px;
color: #6c7781; }
.block-editor-block-navigation__list,
.block-editor-block-navigation__paragraph {
padding: 0;
margin: 0; }
.block-editor-block-navigation__list .block-editor-block-navigation__list {
margin-top: 2px;
border-left: 2px solid #a2aab2;
margin-left: 1em; }
.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__list {
margin-left: 1.5em; }
.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item {
position: relative; }
.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item::before {
position: absolute;
left: 0;
background: #a2aab2;
width: 0.5em;
height: 2px;
content: "";
top: calc(50% - 1px); }
.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item-button {
margin-left: 0.8em;
width: calc(100% - 0.8em); }
.block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child {
position: relative; }
.block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child::after {
position: absolute;
content: "";
background: #fff;
top: 19px;
bottom: 0;
left: -2px;
width: 2px; }
.block-editor-block-navigation__item-button {
display: flex;
align-items: center;
width: 100%;
padding: 6px;
text-align: left;
color: #40464d;
border-radius: 4px; }
.block-editor-block-navigation__item-button .block-editor-block-icon {
margin-right: 6px; }
.block-editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; }
.block-editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.block-editor-block-navigation__item-button.is-selected, .block-editor-block-navigation__item-button.is-selected:focus {
color: #32373c;
background: #edeff0; }
.block-editor-block-preview {
pointer-events: none;
padding: 10px;
overflow: hidden;
display: none; }
@media (min-width: 782px) {
.block-editor-block-preview {
display: block; } }
.block-editor-block-preview .block-editor-block-preview__content {
padding: 14px;
border: 1px solid #e2e4e7;
font-family: "Noto Serif", serif; }
.block-editor-block-preview .block-editor-block-preview__content > div {
transform: scale(0.9);
transform-origin: center top;
font-family: "Noto Serif", serif; }
.block-editor-block-preview .block-editor-block-preview__content > div section {
height: auto; }
.block-editor-block-preview .block-editor-block-preview__content > .reusable-block-indicator {
display: none; }
.block-editor-block-preview__title {
margin-bottom: 10px;
color: #6c7781; }
.block-editor-block-settings-menu__toggle .dashicon {
transform: rotate(90deg); }
.block-editor-block-settings-menu__popover::before, .block-editor-block-settings-menu__popover::after {
margin-left: 2px; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__content {
padding: 7px 0; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
border-top: 1px solid #e2e4e7; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator:last-child {
display: none; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__title {
display: block;
padding: 6px;
color: #6c7781; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control {
width: 100%;
justify-content: flex-start;
background: none;
outline: none;
border-radius: 0;
color: #555d66;
text-align: left;
cursor: pointer;
border: none;
box-shadow: none; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control .dashicon {
margin-right: 5px; }
.block-editor-block-styles {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.block-editor-block-styles__item {
width: calc(50% - 4px);
margin: 4px 0;
flex-shrink: 0;
cursor: pointer;
overflow: hidden;
border-radius: 4px;
padding: 4px; }
.block-editor-block-styles__item.is-active {
color: #191e23;
box-shadow: 0 0 0 2px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px;
box-shadow: 0 0 0 2px #555d66; }
.block-editor-block-styles__item:focus {
color: #191e23;
box-shadow: 0 0 0 2px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.block-editor-block-styles__item:hover {
background: #f3f4f5;
color: #191e23; }
.block-editor-block-styles__item-preview {
outline: 1px solid transparent;
border: 1px solid rgba(25, 30, 35, 0.2);
overflow: hidden;
padding: 0;
text-align: initial;
border-radius: 4px;
display: flex;
height: 60px;
background: #fff; }
.block-editor-block-styles__item-preview .block-editor-block-preview__content {
transform: scale(0.7);
transform-origin: center center;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
min-height: auto; }
.block-editor-block-styles__item-label {
text-align: center;
padding: 4px 2px; }
.block-editor-block-switcher {
position: relative;
height: 36px; }
.components-icon-button.block-editor-block-switcher__toggle,
.components-icon-button.block-editor-block-switcher__no-switcher-icon {
margin: 0;
display: block;
height: 36px;
padding: 3px; }
.components-icon-button.block-editor-block-switcher__no-switcher-icon {
width: 48px; }
.components-icon-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
margin-right: auto;
margin-left: auto; }
.components-button.block-editor-block-switcher__no-switcher-icon:disabled {
background: #f3f4f5;
border-radius: 0;
opacity: 0.84; }
.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
color: #555d66 !important; }
.components-icon-button.block-editor-block-switcher__toggle {
width: auto; }
.components-icon-button.block-editor-block-switcher__toggle:active, .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.block-editor-block-switcher__toggle:not([aria-disabled="true"]):focus {
outline: none;
box-shadow: none;
background: none;
border: none; }
.components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon,
.components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
width: 42px;
height: 30px;
position: relative;
margin: 0 auto;
padding: 3px;
display: flex;
align-items: center;
transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon::after {
content: "";
pointer-events: none;
display: block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid currentColor;
margin-left: 4px;
margin-right: 2px; }
.components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
margin-top: 6px;
border-radius: 4px; }
.components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-icon,
.components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-switcher__transform,
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-icon,
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-switcher__transform,
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform {
transform: translateY(-36px); }
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
.components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform {
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-popover:not(.is-mobile).block-editor-block-switcher__popover .components-popover__content {
min-width: 300px;
max-width: 340px; }
@media (min-width: 782px) {
.block-editor-block-switcher__popover .components-popover__content {
position: relative; }
.block-editor-block-switcher__popover .components-popover__content .block-editor-block-preview {
border: 1px solid #e2e4e7;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
background: #fff;
position: absolute;
left: 100%;
top: -1px;
bottom: -1px;
width: 300px;
height: auto; } }
.block-editor-block-switcher__popover .components-popover__content .components-panel__body {
border: 0;
position: relative;
z-index: 1; }
.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
border-top: 1px solid #e2e4e7; }
.block-editor-block-switcher__popover:not(.is-mobile) > .components-popover__content {
overflow-y: visible; }
.block-editor-block-switcher__popover .block-editor-block-styles {
margin: 0 -3px; }
.block-editor-block-switcher__popover .block-editor-block-types-list {
margin: 8px -8px -8px; }
.block-editor-block-toolbar {
display: flex;
flex-grow: 1;
width: 100%;
overflow: auto;
position: relative;
transition: border-color 0.1s linear, box-shadow 0.1s linear;
border-left: 1px solid #b5bcc2; }
@media (min-width: 600px) {
.block-editor-block-toolbar {
overflow: inherit;
border-left: none;
box-shadow: -3px 0 0 0 #555d66; }
.is-dark-theme .block-editor-block-toolbar {
box-shadow: -3px 0 0 0 #d7dade; } }
.block-editor-block-toolbar .components-toolbar {
border: 0;
border-top: 1px solid #b5bcc2;
border-bottom: 1px solid #b5bcc2;
border-right: 1px solid #b5bcc2; }
.has-fixed-toolbar .block-editor-block-toolbar {
box-shadow: none;
border-left: 1px solid #e2e4e7; }
.has-fixed-toolbar .block-editor-block-toolbar .components-toolbar {
border-color: #e2e4e7; }
.block-editor-block-types-list {
list-style: none;
padding: 2px 0;
overflow: hidden;
display: flex;
flex-wrap: wrap; }
.block-editor-color-palette-control__color-palette {
display: inline-block;
margin-top: 0.6rem; }
.block-editor-contrast-checker > .components-notice {
margin: 0; }
.block-editor-default-block-appender {
clear: both; }
.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
font-family: "Noto Serif", serif;
font-size: 16px;
border: none;
background: none;
box-shadow: none;
display: block;
cursor: text;
width: 100%;
outline: 1px solid transparent;
transition: 0.2s outline;
resize: none;
padding: 0 50px 0 14px;
color: rgba(14, 28, 46, 0.62); }
.is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
color: rgba(255, 255, 255, 0.65); }
.block-editor-default-block-appender .block-editor-inserter__toggle:not([aria-expanded="true"]) {
opacity: 0;
transition: opacity 0.2s; }
.block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts {
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts {
animation-duration: 1ms !important; } }
.block-editor-default-block-appender:hover .block-editor-inserter__toggle {
opacity: 1; }
.block-editor-default-block-appender .components-drop-zone__content-icon {
display: none; }
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter,
.block-editor-inserter-with-shortcuts {
position: absolute;
top: 0; }
.block-editor-block-list__empty-block-inserter .components-icon-button,
.block-editor-default-block-appender .block-editor-inserter .components-icon-button,
.block-editor-inserter-with-shortcuts .components-icon-button {
width: 28px;
height: 28px;
margin-right: 12px;
padding: 0; }
.block-editor-block-list__empty-block-inserter .block-editor-block-icon,
.block-editor-default-block-appender .block-editor-inserter .block-editor-block-icon,
.block-editor-inserter-with-shortcuts .block-editor-block-icon {
margin: auto; }
.block-editor-block-list__empty-block-inserter .components-icon-button svg,
.block-editor-default-block-appender .block-editor-inserter .components-icon-button svg,
.block-editor-inserter-with-shortcuts .components-icon-button svg {
display: block;
margin: auto; }
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle,
.block-editor-inserter-with-shortcuts .block-editor-inserter__toggle {
margin-right: 0; }
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover,
.block-editor-inserter-with-shortcuts .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
box-shadow: none; }
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
right: 8px; }
@media (min-width: 600px) {
.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
left: -44px;
right: auto; } }
.block-editor-block-list__empty-block-inserter:disabled,
.block-editor-default-block-appender .block-editor-inserter:disabled {
display: none; }
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
border-radius: 50%;
width: 28px;
height: 28px;
padding: 0; }
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover),
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
color: rgba(10, 24, 41, 0.7); }
.is-dark-theme .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), .is-dark-theme
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
color: rgba(255, 255, 255, 0.75); }
.block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts,
.block-editor-default-block-appender .block-editor-inserter-with-shortcuts {
right: 14px;
display: none;
z-index: 5; }
@media (min-width: 600px) {
.block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts,
.block-editor-default-block-appender .block-editor-inserter-with-shortcuts {
right: 0;
display: flex; } }
.block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom {
z-index: 100001; }
.block-editor-inner-blocks.has-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 120; }
.block-editor-inserter-with-shortcuts {
display: flex;
align-items: center; }
.block-editor-inserter-with-shortcuts .components-icon-button {
border-radius: 4px; }
.block-editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) {
height: 24px;
width: 24px; }
.block-editor-inserter-with-shortcuts__block {
margin-right: 4px;
width: 36px;
height: 36px;
padding-top: 8px;
color: rgba(10, 24, 41, 0.7); }
.is-dark-theme .block-editor-inserter-with-shortcuts__block {
color: rgba(255, 255, 255, 0.75); }
.block-editor-inserter {
display: inline-block;
background: none;
border: none;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4; }
@media (min-width: 782px) {
.block-editor-inserter {
position: relative; } }
@media (min-width: 782px) {
.block-editor-inserter__popover:not(.is-mobile) > .components-popover__content {
overflow-y: visible;
height: 432px; } }
.block-editor-inserter__toggle {
display: inline-flex;
align-items: center;
color: #555d66;
background: none;
cursor: pointer;
border: none;
outline: none;
transition: color 0.2s ease; }
.block-editor-inserter__menu {
width: auto;
display: flex;
flex-direction: column;
height: 100%; }
@media (min-width: 782px) {
.block-editor-inserter__menu {
width: 400px;
position: relative; }
.block-editor-inserter__menu .block-editor-block-preview {
border: 1px solid #e2e4e7;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
background: #fff;
position: absolute;
left: 100%;
top: -1px;
bottom: -1px;
width: 300px; } }
.block-editor-inserter__inline-elements {
margin-top: -1px; }
.block-editor-inserter__menu.is-bottom::after {
border-bottom-color: #fff; }
.components-popover input[type="search"].block-editor-inserter__search {
display: block;
margin: 16px;
padding: 11px 16px;
position: relative;
z-index: 1;
border-radius: 4px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.components-popover input[type="search"].block-editor-inserter__search {
font-size: 13px; } }
.components-popover input[type="search"].block-editor-inserter__search:focus {
color: #191e23;
border-color: #00a0d2;
box-shadow: 0 0 0 1px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.block-editor-inserter__results {
flex-grow: 1;
overflow: auto;
position: relative;
z-index: 1;
padding: 0 16px 16px 16px; }
.block-editor-inserter__results:focus {
outline: 1px dotted #555d66; }
@media (min-width: 782px) {
.block-editor-inserter__results {
height: 394px; } }
.block-editor-inserter__results [role="presentation"] + .components-panel__body {
border-top: none; }
.block-editor-inserter__popover .block-editor-block-types-list {
margin: 0 -8px; }
.block-editor-inserter__reusable-blocks-panel {
position: relative;
text-align: right; }
.block-editor-inserter__manage-reusable-blocks {
margin: 16px 0 0 16px; }
.block-editor-inserter__no-results {
font-style: italic;
padding: 24px;
text-align: center; }
.block-editor-inserter__child-blocks {
padding: 0 16px; }
.block-editor-inserter__parent-block-header {
display: flex;
align-items: center; }
.block-editor-inserter__parent-block-header h2 {
font-size: 13px; }
.block-editor-inserter__parent-block-header .block-editor-block-icon {
margin-right: 8px; }
.block-editor-block-types-list__list-item {
display: block;
width: 33.33%;
padding: 0 4px;
margin: 0 0 12px; }
.block-editor-block-types-list__item {
display: flex;
flex-direction: column;
width: 100%;
font-size: 13px;
color: #32373c;
padding: 0;
align-items: stretch;
justify-content: center;
cursor: pointer;
background: transparent;
word-break: break-word;
border-radius: 4px;
border: 1px solid transparent;
transition: all 0.05s ease-in-out;
position: relative; }
.block-editor-block-types-list__item:disabled {
opacity: 0.6;
cursor: default; }
.block-editor-block-types-list__item:not(:disabled):hover::before {
content: "";
display: block;
background: #f3f4f5;
color: #191e23;
position: absolute;
z-index: -1;
border-radius: 4px;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-icon,
.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
color: currentColor; }
.block-editor-block-types-list__item:not(:disabled):active, .block-editor-block-types-list__item:not(:disabled).is-active, .block-editor-block-types-list__item:not(:disabled):focus {
position: relative;
outline: none;
color: #191e23;
box-shadow: 0 0 0 2px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-icon,
.block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-icon,
.block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-icon,
.block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-title {
color: currentColor; }
.block-editor-block-types-list__item-icon {
padding: 12px 20px;
border-radius: 4px;
color: #555d66;
transition: all 0.05s ease-in-out; }
.block-editor-block-types-list__item-icon .block-editor-block-icon {
margin-left: auto;
margin-right: auto; }
.block-editor-block-types-list__item-icon svg {
transition: all 0.15s ease-out; }
.block-editor-block-types-list__item-title {
padding: 4px 2px 8px; }
.block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon {
background: #fff;
margin-right: 3px;
margin-bottom: 6px;
padding: 9px 20px 9px;
position: relative;
top: -2px;
left: -2px;
box-shadow: 0 0 0 1px #e2e4e7; }
.block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon-stack {
display: block;
background: #fff;
box-shadow: 0 0 0 1px #e2e4e7;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
bottom: -6px;
right: -6px;
border-radius: 4px; }
.block-editor-media-placeholder__url-input-container {
width: 100%; }
.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
margin-bottom: 0; }
.block-editor-media-placeholder__url-input-form {
display: flex; }
.block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
width: 100%;
flex-grow: 1;
border: none;
border-radius: 0;
margin: 2px; }
@media (min-width: 600px) {
.block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field {
width: 300px; } }
.block-editor-media-placeholder__url-input-submit-button {
flex-shrink: 1; }
.block-editor-media-placeholder__button {
margin-bottom: 0.5rem; }
.block-editor-media-placeholder__button .dashicon {
vertical-align: middle;
margin-bottom: 3px; }
.block-editor-media-placeholder__button:hover {
color: #23282d; }
.components-form-file-upload .block-editor-media-placeholder__button {
margin-right: 4px; }
.block-editor-multi-selection-inspector__card {
display: flex;
align-items: flex-start;
margin: -16px;
padding: 16px; }
.block-editor-multi-selection-inspector__card-content {
flex-grow: 1; }
.block-editor-multi-selection-inspector__card-title {
font-weight: 500;
margin-bottom: 5px; }
.block-editor-multi-selection-inspector__card-description {
font-size: 13px; }
.block-editor-multi-selection-inspector__card .block-editor-block-icon {
margin-left: -2px;
margin-right: 10px;
padding: 0 3px;
width: 36px;
height: 24px; }
.block-editor-panel-color-settings .component-color-indicator {
vertical-align: text-bottom; }
.block-editor-panel-color-settings__panel-title .component-color-indicator {
display: inline-block; }
.block-editor-panel-color-settings.is-opened .block-editor-panel-color-settings__panel-title .component-color-indicator {
display: none; }
.block-editor .block-editor-plain-text {
box-shadow: none;
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
border: none;
padding: 0;
margin: 0;
width: 100%; }
.block-editor-format-toolbar {
display: flex;
flex-shrink: 0; }
.block-editor-format-toolbar__selection-position {
position: absolute;
transform: translateX(-50%); }
.block-editor-format-toolbar .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after {
margin: 7px; }
.block-editor-rich-text {
position: relative; }
.block-editor-rich-text__editable {
margin: 0;
position: relative;
white-space: pre-wrap !important; }
.block-editor-rich-text__editable > p:first-child {
margin-top: 0; }
.block-editor-rich-text__editable a {
color: #007fac; }
.block-editor-rich-text__editable code {
padding: 2px;
border-radius: 2px;
color: #23282d;
background: #f3f4f5;
font-family: Menlo, Consolas, monaco, monospace;
font-size: inherit; }
.is-multi-selected .block-editor-rich-text__editable code {
background: #67cffd; }
.block-editor-rich-text__editable:focus {
outline: none; }
.block-editor-rich-text__editable:focus *[data-rich-text-format-boundary] {
border-radius: 2px; }
.block-editor-rich-text__editable[data-is-placeholder-visible="true"] {
position: absolute;
top: 0;
width: 100%;
margin-top: 0;
height: 100%; }
.block-editor-rich-text__editable[data-is-placeholder-visible="true"] > p {
margin-top: 0; }
.block-editor-rich-text__editable + .block-editor-rich-text__editable {
pointer-events: none; }
.block-editor-rich-text__editable + .block-editor-rich-text__editable,
.block-editor-rich-text__editable + .block-editor-rich-text__editable p {
opacity: 0.62; }
.block-editor-rich-text__editable[data-is-placeholder-visible="true"] + figcaption.block-editor-rich-text__editable {
opacity: 0.8; }
.block-editor-rich-text__inline-toolbar {
display: flex;
justify-content: center;
position: absolute;
top: -40px;
line-height: 0;
left: 0;
right: 0;
z-index: 1; }
.block-editor-rich-text__inline-toolbar ul.components-toolbar {
box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); }
[data-rich-text-script] {
display: inline; }
[data-rich-text-script]::before {
content: "</>";
background: yellow; }
.block-editor-skip-to-selected-block {
position: absolute;
top: -9999em; }
.block-editor-skip-to-selected-block:focus {
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
background: #f1f1f1;
color: #11a0d2;
line-height: normal;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
outline: none;
z-index: 100000; }
body.admin-color-sunrise .block-editor-skip-to-selected-block:focus{
color: #c8b03c; }
body.admin-color-ocean .block-editor-skip-to-selected-block:focus{
color: #a89d8a; }
body.admin-color-midnight .block-editor-skip-to-selected-block:focus{
color: #77a6b9; }
body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus{
color: #c77430; }
body.admin-color-coffee .block-editor-skip-to-selected-block:focus{
color: #9fa47b; }
body.admin-color-blue .block-editor-skip-to-selected-block:focus{
color: #d9ab59; }
body.admin-color-light .block-editor-skip-to-selected-block:focus{
color: #c75726; }
.block-editor-block-list__block .block-editor-url-input,
.components-popover .block-editor-url-input,
.block-editor-url-input {
flex-grow: 1;
position: relative;
padding: 1px; }
.block-editor-block-list__block .block-editor-url-input input[type="text"],
.components-popover .block-editor-url-input input[type="text"],
.block-editor-url-input input[type="text"] {
width: 100%;
padding: 8px;
border: none;
border-radius: 0;
margin-left: 0;
margin-right: 0;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-url-input input[type="text"],
.components-popover .block-editor-url-input input[type="text"],
.block-editor-url-input input[type="text"] {
width: 300px; } }
@media (min-width: 600px) {
.block-editor-block-list__block .block-editor-url-input input[type="text"],
.components-popover .block-editor-url-input input[type="text"],
.block-editor-url-input input[type="text"] {
font-size: 13px; } }
.block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear,
.components-popover .block-editor-url-input input[type="text"]::-ms-clear,
.block-editor-url-input input[type="text"]::-ms-clear {
display: none; }
.block-editor-block-list__block .block-editor-url-input .components-spinner,
.components-popover .block-editor-url-input .components-spinner,
.block-editor-url-input .components-spinner {
position: absolute;
right: 8px;
top: 9px;
margin: 0; }
.block-editor-url-input__suggestions {
max-height: 200px;
transition: all 0.15s ease-in-out;
padding: 4px 0;
width: 302px;
overflow-y: auto; }
.block-editor-url-input__suggestions,
.block-editor-url-input .components-spinner {
display: none; }
@media (min-width: 600px) {
.block-editor-url-input__suggestions,
.block-editor-url-input .components-spinner {
display: inherit; } }
.block-editor-url-input__suggestion {
padding: 4px 8px;
color: #6c7781;
display: block;
font-size: 13px;
cursor: pointer;
background: #fff;
width: 100%;
border: none;
text-align: left;
border: none;
box-shadow: none; }
.block-editor-url-input__suggestion:hover {
background: #e2e4e7; }
.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected {
background: rgb(0, 113, 158);
color: #fff;
outline: none; }
body.admin-color-sunrise .block-editor-url-input__suggestion:focus, body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected{
background: rgb(178, 114, 63); }
body.admin-color-ocean .block-editor-url-input__suggestion:focus, body.admin-color-ocean .block-editor-url-input__suggestion.is-selected{
background: rgb(139, 157, 138); }
body.admin-color-midnight .block-editor-url-input__suggestion:focus, body.admin-color-midnight .block-editor-url-input__suggestion.is-selected{
background: rgb(191, 65, 57); }
body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus, body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected{
background: rgb(142, 155, 73); }
body.admin-color-coffee .block-editor-url-input__suggestion:focus, body.admin-color-coffee .block-editor-url-input__suggestion.is-selected{
background: rgb(165, 141, 119); }
body.admin-color-blue .block-editor-url-input__suggestion:focus, body.admin-color-blue .block-editor-url-input__suggestion.is-selected{
background: rgb(111, 153, 173); }
body.admin-color-light .block-editor-url-input__suggestion:focus, body.admin-color-light .block-editor-url-input__suggestion.is-selected{
background: rgb(0, 113, 158); }
.components-toolbar > .block-editor-url-input__button {
position: inherit; }
.block-editor-url-input__button .block-editor-url-input__back {
margin-right: 4px;
overflow: visible; }
.block-editor-url-input__button .block-editor-url-input__back::after {
content: "";
position: absolute;
display: block;
width: 1px;
height: 24px;
right: -1px;
background: #e2e4e7; }
.block-editor-url-input__button-modal {
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
border: 1px solid #e2e4e7;
background: #fff; }
.block-editor-url-input__button-modal-line {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
align-items: flex-start; }
.block-editor-url-input__button-modal-line .components-button {
flex-shrink: 0;
width: 36px;
height: 36px; }
.block-editor-url-popover__row {
display: flex; }
.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
flex-grow: 1; }
.block-editor-url-popover .components-icon-button {
padding: 3px; }
.block-editor-url-popover .components-icon-button > svg {
padding: 5px;
border-radius: 4px;
height: 30px;
width: 30px; }
.block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
box-shadow: none; }
.block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover > svg {
color: #555d66;
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
.block-editor-url-popover .components-icon-button:not(:disabled):focus {
box-shadow: none; }
.block-editor-url-popover .components-icon-button:not(:disabled):focus > svg {
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.block-editor-url-popover__settings-toggle {
flex-shrink: 0;
border-radius: 0;
border-left: 1px solid #e2e4e7;
margin-left: 1px; }
.block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon {
transform: rotate(180deg); }
.block-editor-url-popover__settings {
padding: 16px;
border-top: 1px solid #e2e4e7; }
.block-editor-url-popover__settings .components-base-control:last-child .components-base-control__field {
margin-bottom: 0; }
.block-editor-warning {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
background-color: #fff;
border: 1px solid #e2e4e7;
text-align: left;
padding: 20px; }
.has-warning.is-multi-selected .block-editor-warning {
background-color: transparent; }
.is-selected .block-editor-warning {
border-color: rgba(66, 88, 99, 0.4);
border-left-color: transparent; }
.is-dark-theme .is-selected .block-editor-warning {
border-color: rgba(255, 255, 255, 0.45); }
.block-editor-warning .block-editor-warning__message {
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; }
.block-editor-warning .block-editor-warning__contents {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
width: 100%; }
.block-editor-warning .block-editor-warning__actions {
display: flex; }
.block-editor-warning .block-editor-warning__action {
margin: 0 6px 0 0; }
.block-editor-warning__secondary {
margin: 3px 0 0 -4px; }
.block-editor-warning__secondary .components-icon-button {
width: auto;
padding: 8px 2px; }
@media (min-width: 600px) {
.block-editor-warning__secondary {
margin-left: 4px; }
.block-editor-warning__secondary .components-icon-button {
padding: 8px 4px; } }
.block-editor-warning__secondary .components-button svg {
transform: rotate(90deg); }
.block-editor-writing-flow {
height: 100%;
display: flex;
flex-direction: column; }
.block-editor-writing-flow__click-redirect {
flex-basis: 100%;
cursor: text; }
home/xbodynamge/namtation/wp-includes/css/dist/format-library/style.css 0000604 00000002676 15115766315 0022435 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.block-editor-format-toolbar__image-container-content {
display: flex; }
.block-editor-format-toolbar__image-container-content .components-icon-button {
height: 52px;
align-self: flex-end; }
.block-editor-format-toolbar__image-container-value {
margin: 7px;
flex-grow: 1;
flex-shrink: 1;
white-space: nowrap;
min-width: 150px;
max-width: 500px; }
.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {
margin-bottom: 0; }
.block-editor-format-toolbar__link-container-content {
display: flex; }
.block-editor-format-toolbar__link-container-value {
margin: 7px;
flex-grow: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 150px;
max-width: 500px; }
.block-editor-format-toolbar__link-container-value.has-invalid-link {
color: #d94f4f; }
home/xbodynamge/namtation/wp-includes/css/dist/editor/style.css 0000604 00000046706 15115766345 0020776 0 ustar 00 @charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.editor-autocompleters__block .editor-block-icon {
margin-right: 8px; }
.editor-autocompleters__user .editor-autocompleters__user-avatar {
margin-right: 8px;
flex-grow: 0;
flex-shrink: 0;
max-width: none;
width: 24px;
height: 24px; }
.editor-autocompleters__user .editor-autocompleters__user-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
flex-shrink: 0;
flex-grow: 1; }
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-left: 8px;
color: #8f98a1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
max-width: 100px;
flex-grow: 0;
flex-shrink: 0; }
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
color: #66c6e4; }
.document-outline {
margin: 20px 0; }
.document-outline ul {
margin: 0;
padding: 0; }
.document-outline__item {
display: flex;
margin: 4px 0; }
.document-outline__item a {
text-decoration: none; }
.document-outline__item .document-outline__emdash::before {
color: #e2e4e7;
margin-right: 4px; }
.document-outline__item.is-h2 .document-outline__emdash::before {
content: "—"; }
.document-outline__item.is-h3 .document-outline__emdash::before {
content: "——"; }
.document-outline__item.is-h4 .document-outline__emdash::before {
content: "———"; }
.document-outline__item.is-h5 .document-outline__emdash::before {
content: "————"; }
.document-outline__item.is-h6 .document-outline__emdash::before {
content: "—————"; }
.document-outline__button {
cursor: pointer;
background: none;
border: none;
display: flex;
align-items: flex-start;
margin: 0 0 0 -1px;
padding: 2px 5px 2px 1px;
color: #23282d;
text-align: left; }
.document-outline__button:disabled {
cursor: default; }
.document-outline__button:focus {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.document-outline__level {
background: #e2e4e7;
color: #23282d;
border-radius: 3px;
font-size: 13px;
padding: 1px 6px;
margin-right: 4px; }
.is-invalid .document-outline__level {
background: #f0b849; }
.document-outline__item-content {
padding: 1px 0; }
.editor-error-boundary {
max-width: 610px;
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); }
.editor-page-attributes__template {
margin-bottom: 10px; }
.editor-page-attributes__template label,
.editor-page-attributes__template select {
width: 100%; }
.editor-page-attributes__order {
width: 100%; }
.editor-page-attributes__order .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-page-attributes__order input {
width: 66px; }
.editor-post-excerpt__textarea {
width: 100%;
margin-bottom: 10px; }
.editor-post-featured-image {
padding: 0; }
.editor-post-featured-image .components-spinner {
margin: 0; }
.editor-post-featured-image .components-button + .components-button {
margin-top: 1em;
margin-right: 8px; }
.editor-post-featured-image .components-responsive-wrapper__content {
max-width: 100%;
width: auto; }
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
display: block;
width: 100%;
padding: 0;
transition: all 0.1s ease-out;
box-shadow: 0 0 0 0 #00a0d2; }
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus {
box-shadow: 0 0 0 4px #00a0d2; }
.editor-post-featured-image__toggle {
border: 1px dashed #a2aab2;
background-color: #edeff0;
line-height: 20px;
padding: 8px 0;
text-align: center; }
.editor-post-featured-image__toggle:hover {
background-color: #f8f9f9; }
.editor-post-format {
flex-direction: column;
align-items: stretch;
width: 100%; }
.editor-post-format__content {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%; }
.editor-post-format__suggestion {
text-align: right;
font-size: 13px; }
.editor-post-last-revision__title {
width: 100%;
font-weight: 600; }
.editor-post-last-revision__title .dashicon {
margin-right: 5px; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:hover, .components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:active {
border: none;
box-shadow: none; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:focus {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.editor-post-locked-modal {
height: auto;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
max-width: 480px; }
.editor-post-locked-modal .components-modal__header {
height: 36px; }
.editor-post-locked-modal .components-modal__content {
height: auto; }
.editor-post-locked-modal__buttons {
margin-top: 10px; }
.editor-post-locked-modal__buttons .components-button {
margin-right: 5px; }
.editor-post-locked-modal__avatar {
float: left;
margin: 5px;
margin-right: 15px; }
.editor-post-permalink {
display: inline-flex;
align-items: center;
background: #fff;
padding: 5px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
height: 40px;
white-space: nowrap;
border: 1px solid #b5bcc2;
background-clip: padding-box;
border-left: 0;
box-shadow: -3px 0 0 0 #555d66;
outline: 1px solid transparent;
margin-left: -15px;
margin-right: -15px; }
.is-dark-theme .editor-post-permalink {
box-shadow: -3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.editor-post-permalink {
margin-left: -1px;
margin-right: -1px; } }
.editor-post-permalink button {
flex-shrink: 0; }
.editor-post-permalink__copy {
border-radius: 4px;
padding: 6px; }
.editor-post-permalink__copy.is-copied {
opacity: 0.3; }
.editor-post-permalink__label {
margin: 0 10px 0 5px;
font-weight: 600; }
.editor-post-permalink__link {
color: #7e8993;
text-decoration: underline;
margin-right: 10px;
width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap; }
.editor-post-permalink__link::after {
content: "";
display: block;
position: absolute;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
top: 1px;
bottom: 1px;
right: 1px;
left: auto;
width: 20%;
height: auto; }
.editor-post-permalink-editor {
width: 100%;
min-width: 20%;
display: inline-flex;
align-items: center; }
.editor-post-permalink-editor .editor-post-permalink__editor-container {
flex: 0 1 100%;
display: flex;
overflow: hidden;
padding: 1px 0; }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 1 auto; }
@media (min-width: 600px) {
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 0 auto; } }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit {
flex: 1 1 100%; }
.editor-post-permalink-editor .editor-post-permalink-editor__save {
margin-left: auto; }
.editor-post-permalink-editor__prefix {
color: #6c7781;
min-width: 20%;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis; }
.editor-post-permalink input[type="text"].editor-post-permalink-editor__edit {
min-width: 10%;
width: 100%;
margin: 0 3px;
padding: 2px 4px; }
.editor-post-permalink-editor__suffix {
color: #6c7781;
margin-right: 6px;
flex: 0 0 0%; }
.editor-post-publish-panel {
background: #fff;
color: #555d66; }
.editor-post-publish-panel__content {
min-height: calc(100% - 140px); }
.editor-post-publish-panel__content .components-spinner {
display: block;
float: none;
margin: 100px auto 0; }
.editor-post-publish-panel__header {
background: #fff;
padding-left: 16px;
height: 56px;
border-bottom: 1px solid #e2e4e7;
display: flex;
align-items: center;
align-content: space-between; }
.editor-post-publish-panel__header-publish-button {
display: flex;
justify-content: flex-end;
flex-grow: 1;
text-align: right;
flex-wrap: nowrap; }
.editor-post-publish-panel__header-published {
flex-grow: 1; }
.editor-post-publish-panel__footer {
padding: 16px; }
.components-button.editor-post-publish-panel__toggle.is-primary {
display: inline-flex;
align-items: center; }
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
display: none; }
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
margin-right: -4px; }
.editor-post-publish-panel__link {
color: #007fac;
font-weight: 400;
padding-left: 4px;
text-decoration: underline; }
.editor-post-publish-panel__prepublish {
padding: 16px; }
.editor-post-publish-panel__prepublish strong {
color: #191e23; }
.editor-post-publish-panel__prepublish .components-panel__body {
background: #fff;
margin-left: -16px;
margin-right: -16px; }
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
display: none; }
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #e2e4e7;
border-top: none; }
.post-publish-panel__postpublish-buttons {
display: flex;
align-content: space-between;
flex-wrap: wrap;
margin: -5px; }
.post-publish-panel__postpublish-buttons > * {
flex-grow: 1;
margin: 5px; }
.post-publish-panel__postpublish-buttons .components-button {
height: auto;
justify-content: center;
padding: 3px 10px 4px;
line-height: 1.6;
text-align: center;
white-space: normal; }
.post-publish-panel__postpublish-buttons .components-clipboard-button {
width: 100%; }
.post-publish-panel__postpublish-post-address {
margin-bottom: 16px; }
.post-publish-panel__postpublish-post-address input[readonly] {
padding: 10px;
background: #e8eaeb;
overflow: hidden;
text-overflow: ellipsis; }
.post-publish-panel__postpublish-header {
font-weight: 500; }
.post-publish-panel__postpublish-subheader {
margin: 0 0 8px; }
.post-publish-panel__tip {
color: #f0b849; }
.editor-post-saved-state {
display: flex;
align-items: center;
color: #a2aab2;
overflow: hidden; }
.editor-post-saved-state.is-saving {
animation: edit-post__loading-fade-animation 0.5s infinite; }
.editor-post-saved-state .dashicon {
display: inline-block;
flex: 0 0 auto; }
.editor-post-saved-state {
width: 28px;
white-space: nowrap;
padding: 12px 4px; }
.editor-post-saved-state .dashicon {
margin-right: 8px; }
@media (min-width: 600px) {
.editor-post-saved-state {
width: auto;
padding: 8px 12px;
text-indent: inherit; }
.editor-post-saved-state .dashicon {
margin-right: 4px; } }
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft {
margin: 0; }
@media (min-width: 600px) {
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon {
display: none; } }
.editor-post-taxonomies__hierarchical-terms-list {
max-height: 14em;
overflow: auto; }
.editor-post-taxonomies__hierarchical-terms-choice {
margin-bottom: 8px; }
.editor-post-taxonomies__hierarchical-terms-input[type="checkbox"] {
margin-top: 0; }
.editor-post-taxonomies__hierarchical-terms-subchoices {
margin-top: 8px;
margin-left: 16px; }
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
.components-button.editor-post-taxonomies__hierarchical-terms-add {
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-label {
display: inline-block;
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-input {
margin-top: 8px;
width: 100%; }
.editor-post-taxonomies__hierarchical-terms-filter {
margin-bottom: 8px;
width: 100%; }
.editor-post-text-editor {
border: 1px solid #e2e4e7;
display: block;
margin: 0 0 2em;
width: 100%;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 150%;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.editor-post-text-editor {
font-size: 14px; } }
.editor-post-text-editor:hover, .editor-post-text-editor:focus {
border: 1px solid #e2e4e7;
box-shadow: none;
outline: 1px solid #e2e4e7;
outline-offset: -2px; }
.editor-post-text-editor__toolbar {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.editor-post-text-editor__toolbar button {
height: 30px;
background: none;
padding: 0 8px;
margin: 3px 4px;
text-align: center;
cursor: pointer;
font-family: Menlo, Consolas, monaco, monospace;
color: #555d66;
border: 1px solid transparent; }
.editor-post-text-editor__toolbar button:first-child {
margin-left: 0; }
.editor-post-text-editor__toolbar button:hover, .editor-post-text-editor__toolbar button:focus {
outline: none;
border: 1px solid #555d66; }
.editor-post-text-editor__bold {
font-weight: 600; }
.editor-post-text-editor__italic {
font-style: italic; }
.editor-post-text-editor__link {
text-decoration: underline;
color: #0085ba; }
body.admin-color-sunrise .editor-post-text-editor__link{
color: #d1864a; }
body.admin-color-ocean .editor-post-text-editor__link{
color: #a3b9a2; }
body.admin-color-midnight .editor-post-text-editor__link{
color: #e14d43; }
body.admin-color-ectoplasm .editor-post-text-editor__link{
color: #a7b656; }
body.admin-color-coffee .editor-post-text-editor__link{
color: #c2a68c; }
body.admin-color-blue .editor-post-text-editor__link{
color: #82b4cb; }
body.admin-color-light .editor-post-text-editor__link{
color: #0085ba; }
.editor-post-text-editor__del {
text-decoration: line-through; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-fieldset {
padding: 4px;
padding-top: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend {
font-weight: 600;
margin-bottom: 1em;
margin-top: 0.5em;
padding: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio {
margin-top: 2px; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label {
font-weight: 600; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info {
margin-top: 0;
margin-left: 28px; }
.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
margin-bottom: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input {
margin-left: 28px; }
.edit-post-post-visibility__dialog.components-popover.is-bottom {
z-index: 100001; }
.editor-post-title__block {
position: relative;
padding: 5px 0;
font-size: 16px; }
@media (min-width: 600px) {
.editor-post-title__block {
padding: 5px 2px; } }
.editor-post-title__block .editor-post-title__input {
display: block;
width: 100%;
margin: 0;
box-shadow: none;
background: transparent;
font-family: "Noto Serif", serif;
line-height: 1.4;
color: #191e23;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 19px 14px;
word-break: keep-all;
border: 1px solid transparent;
border-left-width: 0;
border-right-width: 0;
outline: 1px solid transparent;
font-size: 2.441em;
font-weight: 600; }
@media (min-width: 600px) {
.editor-post-title__block .editor-post-title__input {
border-width: 1px;
border-left-width: 0; } }
.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input::-moz-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input:-ms-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(66, 88, 99, 0.4);
box-shadow: inset 3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(255, 255, 255, 0.45);
box-shadow: inset 3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: -3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: -3px 0 0 0 #d7dade; } }
.editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover {
box-shadow: -3px 0 0 0 #e2e4e7; }
.editor-post-title__block.is-focus-mode .editor-post-title__input {
opacity: 0.5;
transition: opacity 0.1s linear; }
.editor-post-title__block.is-focus-mode .editor-post-title__input:focus {
opacity: 1; }
.editor-post-title .editor-post-permalink {
font-size: 13px;
color: #191e23;
position: absolute;
top: -34px;
left: 0;
right: 0; }
@media (min-width: 600px) {
.editor-post-title .editor-post-permalink {
left: 2px;
right: 2px; } }
.editor-post-trash.components-button {
width: 100%;
color: #c92c2c;
justify-content: center; }
.editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus {
color: #b52727; }
.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content {
min-width: 380px; }
.table-of-contents__popover .components-popover__content {
padding: 16px; }
@media (min-width: 600px) {
.table-of-contents__popover .components-popover__content {
max-height: calc(100vh - 120px);
overflow-y: auto; } }
.table-of-contents__popover hr {
margin: 10px -16px 0; }
.table-of-contents__counts {
display: flex;
flex-wrap: wrap; }
.table-of-contents__count {
width: 25%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7781; }
.table-of-contents__number,
.table-of-contents__popover .word-count {
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #555d66; }
.table-of-contents__title {
display: block;
margin-top: 20px;
font-size: 15px;
font-weight: 600; }
.editor-template-validation-notice {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-template-validation-notice .components-button {
margin-left: 5px; }
home/xbodynamge/namtation/wp-includes/css/dist/components/style.css 0000604 00000312423 15115766460 0021663 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.components-animate__appear {
animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-animate__appear {
animation-duration: 1ms !important; } }
.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left {
transform-origin: top left; }
.components-animate__appear.is-from-top.is-from-right {
transform-origin: top right; }
.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left {
transform-origin: bottom left; }
.components-animate__appear.is-from-bottom.is-from-right {
transform-origin: bottom right; }
@keyframes components-animate__appear-animation {
from {
transform: translateY(-2em) scaleY(0) scaleX(0); }
to {
transform: translateY(0%) scaleY(1) scaleX(1); } }
.components-animate__slide-in {
animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-animate__slide-in {
animation-duration: 1ms !important; } }
.components-animate__slide-in.is-from-left {
transform: translateX(100%); }
@keyframes components-animate__slide-in-animation {
100% {
transform: translateX(0%); } }
.components-autocomplete__popover .components-popover__content {
min-width: 200px; }
.components-autocomplete__popover .components-autocomplete__results {
padding: 3px;
display: flex;
flex-direction: column;
align-items: stretch; }
.components-autocomplete__popover .components-autocomplete__results:empty {
display: none; }
.components-autocomplete__result.components-button {
margin-bottom: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
color: #555d66;
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 0;
align-items: center;
padding: 6px 8px;
margin-left: -3px;
margin-right: -3px;
text-align: left; }
.components-autocomplete__result.components-button.is-selected {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-autocomplete__result.components-button:hover {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; }
.components-base-control {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; }
.components-base-control .components-base-control__field {
margin-bottom: 8px; }
.components-panel__row .components-base-control .components-base-control__field {
margin-bottom: inherit; }
.components-base-control .components-base-control__label {
display: block;
margin-bottom: 4px; }
.components-base-control .components-base-control__help {
margin-top: -8px;
font-style: italic; }
.components-base-control + .components-base-control {
margin-bottom: 16px; }
.components-button-group {
display: inline-block; }
.components-button-group .components-button.is-button {
border-radius: 0; }
.components-button-group .components-button.is-button + .components-button.is-button {
margin-left: -1px; }
.components-button-group .components-button.is-button:first-child {
border-radius: 3px 0 0 3px; }
.components-button-group .components-button.is-button:last-child {
border-radius: 0 3px 3px 0; }
.components-button-group .components-button.is-button:focus, .components-button-group .components-button.is-button.is-primary {
position: relative;
z-index: 1; }
.components-button-group .components-button.is-button.is-primary {
box-shadow: none; }
.components-button {
display: inline-flex;
text-decoration: none;
font-size: 13px;
margin: 0;
border: 0;
cursor: pointer;
-webkit-appearance: none;
background: none;
/* Buttons that look like links, for a cross of good semantics with the visual */
/* Link buttons that are red to indicate destructive behavior. */ }
.components-button.is-button {
padding: 0 10px 1px;
line-height: 26px;
height: 28px;
border-radius: 3px;
white-space: nowrap;
border-width: 1px;
border-style: solid; }
.components-button.is-default {
color: #555;
border-color: #ccc;
background: #f7f7f7;
box-shadow: inset 0 -1px 0 #ccc;
vertical-align: top; }
.components-button.is-default:hover {
background: #fafafa;
border-color: #999;
box-shadow: inset 0 -1px 0 #999;
color: #23282d;
text-decoration: none; }
.components-button.is-default:focus:enabled {
background: #fafafa;
color: #23282d;
border-color: #999;
box-shadow: inset 0 -1px 0 #999, 0 0 0 2px #bfe7f3;
text-decoration: none; }
.components-button.is-default:active:enabled {
background: #eee;
border-color: #999;
box-shadow: inset 0 1px 0 #999; }
.components-button.is-default:disabled, .components-button.is-default[aria-disabled="true"] {
color: #a0a5aa;
border-color: #ddd;
background: #f7f7f7;
box-shadow: none;
text-shadow: 0 1px 0 #fff;
transform: none; }
.components-button.is-primary {
background: rgb(0, 133, 186);
border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140);
box-shadow: inset 0 -1px 0 rgb(0, 100, 140);
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130); }
body.admin-color-sunrise .components-button.is-primary {
background: rgb(209, 134, 74);
border-color: rgb(167, 107, 59) rgb(157, 101, 56) rgb(157, 101, 56);
box-shadow: inset 0 -1px 0 rgb(157, 101, 56);
text-shadow: 0 -1px 1px rgb(146, 94, 52), 1px 0 1px rgb(146, 94, 52), 0 1px 1px rgb(146, 94, 52), -1px 0 1px rgb(146, 94, 52); }
body.admin-color-ocean .components-button.is-primary {
background: rgb(163, 185, 162);
border-color: rgb(130, 148, 130) rgb(122, 139, 122) rgb(122, 139, 122);
box-shadow: inset 0 -1px 0 rgb(122, 139, 122);
text-shadow: 0 -1px 1px rgb(114, 130, 113), 1px 0 1px rgb(114, 130, 113), 0 1px 1px rgb(114, 130, 113), -1px 0 1px rgb(114, 130, 113); }
body.admin-color-midnight .components-button.is-primary {
background: rgb(225, 77, 67);
border-color: rgb(180, 62, 54) rgb(169, 58, 50) rgb(169, 58, 50);
box-shadow: inset 0 -1px 0 rgb(169, 58, 50);
text-shadow: 0 -1px 1px rgb(158, 54, 47), 1px 0 1px rgb(158, 54, 47), 0 1px 1px rgb(158, 54, 47), -1px 0 1px rgb(158, 54, 47); }
body.admin-color-ectoplasm .components-button.is-primary {
background: rgb(167, 182, 86);
border-color: rgb(134, 146, 69) rgb(125, 137, 65) rgb(125, 137, 65);
box-shadow: inset 0 -1px 0 rgb(125, 137, 65);
text-shadow: 0 -1px 1px rgb(117, 127, 60), 1px 0 1px rgb(117, 127, 60), 0 1px 1px rgb(117, 127, 60), -1px 0 1px rgb(117, 127, 60); }
body.admin-color-coffee .components-button.is-primary {
background: rgb(194, 166, 140);
border-color: rgb(155, 133, 112) rgb(146, 125, 105) rgb(146, 125, 105);
box-shadow: inset 0 -1px 0 rgb(146, 125, 105);
text-shadow: 0 -1px 1px rgb(136, 116, 98), 1px 0 1px rgb(136, 116, 98), 0 1px 1px rgb(136, 116, 98), -1px 0 1px rgb(136, 116, 98); }
body.admin-color-blue .components-button.is-primary {
background: rgb(217, 171, 89);
border-color: rgb(174, 137, 71) rgb(163, 128, 67) rgb(163, 128, 67);
box-shadow: inset 0 -1px 0 rgb(163, 128, 67);
text-shadow: 0 -1px 1px rgb(152, 120, 62), 1px 0 1px rgb(152, 120, 62), 0 1px 1px rgb(152, 120, 62), -1px 0 1px rgb(152, 120, 62); }
body.admin-color-light .components-button.is-primary {
background: rgb(0, 133, 186);
border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140);
box-shadow: inset 0 -1px 0 rgb(0, 100, 140);
text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130); }
.components-button.is-primary:hover, .components-button.is-primary:focus:enabled {
background: rgb(0, 126, 177);
border-color: rgb(0, 67, 93);
color: #fff; }
body.admin-color-sunrise .components-button.is-primary:hover, body.admin-color-sunrise .components-button.is-primary:focus:enabled {
background: rgb(199, 127, 70);
border-color: rgb(105, 67, 37); }
body.admin-color-ocean .components-button.is-primary:hover, body.admin-color-ocean .components-button.is-primary:focus:enabled {
background: rgb(155, 176, 154);
border-color: rgb(82, 93, 81); }
body.admin-color-midnight .components-button.is-primary:hover, body.admin-color-midnight .components-button.is-primary:focus:enabled {
background: rgb(214, 73, 64);
border-color: rgb(113, 39, 34); }
body.admin-color-ectoplasm .components-button.is-primary:hover, body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
background: rgb(159, 173, 82);
border-color: rgb(84, 91, 43); }
body.admin-color-coffee .components-button.is-primary:hover, body.admin-color-coffee .components-button.is-primary:focus:enabled {
background: rgb(184, 158, 133);
border-color: rgb(97, 83, 70); }
body.admin-color-blue .components-button.is-primary:hover, body.admin-color-blue .components-button.is-primary:focus:enabled {
background: rgb(206, 162, 85);
border-color: rgb(109, 86, 45); }
body.admin-color-light .components-button.is-primary:hover, body.admin-color-light .components-button.is-primary:focus:enabled {
background: rgb(0, 126, 177);
border-color: rgb(0, 67, 93); }
.components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(0, 67, 93); }
body.admin-color-sunrise .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(105, 67, 37); }
body.admin-color-ocean .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(82, 93, 81); }
body.admin-color-midnight .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(113, 39, 34); }
body.admin-color-ectoplasm .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(84, 91, 43); }
body.admin-color-coffee .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(97, 83, 70); }
body.admin-color-blue .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(109, 86, 45); }
body.admin-color-light .components-button.is-primary:hover {
box-shadow: inset 0 -1px 0 rgb(0, 67, 93); }
.components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; }
body.admin-color-sunrise .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(105, 67, 37), 0 0 0 2px #bfe7f3; }
body.admin-color-ocean .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(82, 93, 81), 0 0 0 2px #bfe7f3; }
body.admin-color-midnight .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(113, 39, 34), 0 0 0 2px #bfe7f3; }
body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(84, 91, 43), 0 0 0 2px #bfe7f3; }
body.admin-color-coffee .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(97, 83, 70), 0 0 0 2px #bfe7f3; }
body.admin-color-blue .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(109, 86, 45), 0 0 0 2px #bfe7f3; }
body.admin-color-light .components-button.is-primary:focus:enabled {
box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; }
.components-button.is-primary:active:enabled {
background: rgb(0, 106, 149);
border-color: rgb(0, 67, 93);
box-shadow: inset 0 1px 0 rgb(0, 67, 93);
vertical-align: top; }
body.admin-color-sunrise .components-button.is-primary:active:enabled {
background: rgb(167, 107, 59);
border-color: rgb(105, 67, 37);
box-shadow: inset 0 1px 0 rgb(105, 67, 37); }
body.admin-color-ocean .components-button.is-primary:active:enabled {
background: rgb(130, 148, 130);
border-color: rgb(82, 93, 81);
box-shadow: inset 0 1px 0 rgb(82, 93, 81); }
body.admin-color-midnight .components-button.is-primary:active:enabled {
background: rgb(180, 62, 54);
border-color: rgb(113, 39, 34);
box-shadow: inset 0 1px 0 rgb(113, 39, 34); }
body.admin-color-ectoplasm .components-button.is-primary:active:enabled {
background: rgb(134, 146, 69);
border-color: rgb(84, 91, 43);
box-shadow: inset 0 1px 0 rgb(84, 91, 43); }
body.admin-color-coffee .components-button.is-primary:active:enabled {
background: rgb(155, 133, 112);
border-color: rgb(97, 83, 70);
box-shadow: inset 0 1px 0 rgb(97, 83, 70); }
body.admin-color-blue .components-button.is-primary:active:enabled {
background: rgb(174, 137, 71);
border-color: rgb(109, 86, 45);
box-shadow: inset 0 1px 0 rgb(109, 86, 45); }
body.admin-color-light .components-button.is-primary:active:enabled {
background: rgb(0, 106, 149);
border-color: rgb(0, 67, 93);
box-shadow: inset 0 1px 0 rgb(0, 67, 93); }
.components-button.is-primary:disabled, .components-button.is-primary[aria-disabled="true"] {
color: rgb(77, 170, 207);
background: rgb(0, 93, 130);
border-color: rgb(0, 106, 149);
box-shadow: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }
body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"] {
color: rgb(223, 170, 128);
background: rgb(146, 94, 52);
border-color: rgb(167, 107, 59); }
body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"] {
color: rgb(191, 206, 190);
background: rgb(114, 130, 113);
border-color: rgb(130, 148, 130); }
body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"] {
color: rgb(234, 130, 123);
background: rgb(158, 54, 47);
border-color: rgb(180, 62, 54); }
body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"] {
color: rgb(193, 204, 137);
background: rgb(117, 127, 60);
border-color: rgb(134, 146, 69); }
body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"] {
color: rgb(212, 193, 175);
background: rgb(136, 116, 98);
border-color: rgb(155, 133, 112); }
body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"] {
color: rgb(228, 196, 139);
background: rgb(152, 120, 62);
border-color: rgb(174, 137, 71); }
body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"] {
color: rgb(77, 170, 207);
background: rgb(0, 93, 130);
border-color: rgb(0, 106, 149); }
.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled="true"] {
color: #fff;
background-size: 100px 100%;
/* stylelint-disable */
background-image: linear-gradient(-45deg, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%);
/* stylelint-enable */
border-color: rgb(0, 67, 93); }
body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #d1864a 28%, rgb(146, 94, 52) 28%, rgb(146, 94, 52) 72%, #d1864a 72%);
border-color: rgb(105, 67, 37); }
body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #a3b9a2 28%, rgb(114, 130, 113) 28%, rgb(114, 130, 113) 72%, #a3b9a2 72%);
border-color: rgb(82, 93, 81); }
body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #e14d43 28%, rgb(158, 54, 47) 28%, rgb(158, 54, 47) 72%, #e14d43 72%);
border-color: rgb(113, 39, 34); }
body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #a7b656 28%, rgb(117, 127, 60) 28%, rgb(117, 127, 60) 72%, #a7b656 72%);
border-color: rgb(84, 91, 43); }
body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #c2a68c 28%, rgb(136, 116, 98) 28%, rgb(136, 116, 98) 72%, #c2a68c 72%);
border-color: rgb(97, 83, 70); }
body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #82b4cb 28%, rgb(91, 126, 142) 28%, rgb(91, 126, 142) 72%, #82b4cb 72%);
border-color: rgb(65, 90, 102); }
body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] {
background-image: linear-gradient(-45deg, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%);
border-color: rgb(0, 67, 93); }
.components-button.is-link {
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
border-radius: 0;
background: none;
outline: none;
text-align: left;
/* Mimics the default link style in common.css */
color: #0073aa;
text-decoration: underline;
transition-property: border, background, color;
transition-duration: 0.05s;
transition-timing-function: ease-in-out; }
.components-button.is-link:hover, .components-button.is-link:active {
color: #00a0d2; }
.components-button.is-link:focus {
color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); }
.components-button.is-link.is-destructive {
color: #d94f4f; }
.components-button:active {
color: currentColor; }
.components-button:disabled, .components-button[aria-disabled="true"] {
cursor: default;
opacity: 0.3; }
.components-button:focus:enabled {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-button.is-busy, .components-button.is-default.is-busy, .components-button.is-default.is-busy:disabled, .components-button.is-default.is-busy[aria-disabled="true"] {
animation: components-button__busy-animation 2500ms infinite linear;
background-size: 100px 100%;
background-image: repeating-linear-gradient(-45deg, #e2e4e7, #fff 11px, #fff 10px, #e2e4e7 20px);
opacity: 1; }
.components-button.is-large {
height: 30px;
line-height: 28px;
padding: 0 12px 2px; }
.components-button.is-small {
height: 24px;
line-height: 22px;
padding: 0 8px 1px;
font-size: 11px; }
.components-button.is-tertiary {
color: #007cba;
padding: 0 10px;
line-height: 26px;
height: 28px; }
body.admin-color-sunrise .components-button.is-tertiary {
color: #837425; }
body.admin-color-ocean .components-button.is-tertiary {
color: #5e7d5e; }
body.admin-color-midnight .components-button.is-tertiary {
color: #497b8d; }
body.admin-color-ectoplasm .components-button.is-tertiary {
color: #523f6d; }
body.admin-color-coffee .components-button.is-tertiary {
color: #59524c; }
body.admin-color-blue .components-button.is-tertiary {
color: #417e9B; }
body.admin-color-light .components-button.is-tertiary {
color: #007cba; }
.components-button.is-tertiary .dashicon {
display: inline-block;
flex: 0 0 auto; }
.components-button.is-tertiary svg {
fill: currentColor;
outline: none; }
.components-button.is-tertiary:active:focus:enabled {
box-shadow: none; }
.components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(0, 93, 140); }
body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(98, 87, 28); }
body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(71, 94, 71); }
body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(55, 92, 106); }
body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(62, 47, 82); }
body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(67, 62, 57); }
body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(49, 95, 116); }
body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: rgb(0, 93, 140); }
.components-button .screen-reader-text {
height: auto; }
@keyframes components-button__busy-animation {
0% {
background-position: 200px 0; } }
.components-checkbox-control__input[type="checkbox"] {
margin-top: 0; }
.component-color-indicator {
width: 25px;
height: 16px;
margin-left: 0.8rem;
border: 1px solid #dadada;
display: inline-block; }
.component-color-indicator + .component-color-indicator {
margin-left: 0.5rem; }
.components-color-palette {
margin-right: -14px;
width: calc(100% + 14px); }
.components-color-palette .components-color-palette__custom-clear-wrapper {
width: calc(100% - 14px);
display: flex;
justify-content: flex-end; }
.components-color-palette__item-wrapper {
display: inline-block;
height: 28px;
width: 28px;
margin-right: 14px;
margin-bottom: 14px;
vertical-align: top;
transform: scale(1);
transition: 100ms transform ease; }
.components-color-palette__item-wrapper:hover {
transform: scale(1.2); }
.components-color-palette__item-wrapper > div {
height: 100%;
width: 100%; }
.components-color-palette__item {
display: inline-block;
vertical-align: top;
height: 100%;
width: 100%;
border: none;
border-radius: 50%;
background: transparent;
box-shadow: inset 0 0 0 14px;
transition: 100ms box-shadow ease;
cursor: pointer; }
.components-color-palette__item.is-active {
box-shadow: inset 0 0 0 4px;
position: relative;
z-index: 1; }
.components-color-palette__item.is-active + .dashicons-saved {
position: absolute;
left: 4px;
top: 4px; }
.components-color-palette__item::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
.components-color-palette__item:focus {
outline: none; }
.components-color-palette__item:focus::after {
content: "";
position: absolute;
border: 2px solid #606a73;
width: 32px;
height: 32px;
position: absolute;
top: -2px;
left: -2px;
border-radius: 50%;
box-shadow: inset 0 0 0 2px #fff; }
.components-color-palette__clear-color .components-color-palette__item {
color: #fff;
background: #fff; }
.components-color-palette__clear-color-line {
display: block;
position: absolute;
border: 2px solid #d94f4f;
border-radius: 50%;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.components-color-palette__clear-color-line::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
border-bottom: 2px solid #d94f4f;
transform: rotate(45deg) translateY(-13px) translateX(-1px); }
.components-color-palette__custom-color {
margin-right: 16px; }
.components-color-palette__custom-color .components-button {
line-height: 22px; }
.block-editor__container .components-popover.components-color-palette__picker.is-bottom {
z-index: 100001; }
/**
* Parts of this source were derived and modified from react-color,
* released under the MIT license.
*
* https://github.com/casesandberg/react-color/
*
* Copyright (c) 2015 Case Sandberg
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
.components-color-picker {
width: 100%;
overflow: hidden; }
.components-color-picker__saturation {
width: 100%;
padding-bottom: 55%;
position: relative; }
.components-color-picker__body {
padding: 16px 16px 12px; }
.components-color-picker__controls {
display: flex; }
.components-color-picker__saturation-pointer,
.components-color-picker__hue-pointer,
.components-color-picker__alpha-pointer {
padding: 0;
position: absolute;
cursor: pointer;
box-shadow: none;
border: none; }
/* CURRENT COLOR COMPONENT */
.components-color-picker__swatch {
margin-right: 8px;
width: 32px;
height: 32px;
border-radius: 50%;
position: relative;
overflow: hidden;
background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%);
background-size: 10px 10px;
background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
.is-alpha-disabled .components-color-picker__swatch {
width: 12px;
height: 12px;
margin-top: 0; }
.components-color-picker__active {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
z-index: 2; }
/* SATURATION COMPONENT */
.components-color-picker__saturation-color,
.components-color-picker__saturation-white,
.components-color-picker__saturation-black {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.components-color-picker__saturation-color {
overflow: hidden; }
.components-color-picker__saturation-white {
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
.components-color-picker__saturation-black {
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }
.components-color-picker__saturation-pointer {
width: 8px;
height: 8px;
box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
border-radius: 50%;
background-color: transparent;
transform: translate(-4px, -4px); }
/* HUE & ALPHA BARS */
.components-color-picker__toggles {
flex: 1; }
.components-color-picker__alpha {
background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%);
background-size: 10px 10px;
background-position: 0 0, 0 5px, 5px -5px, -5px 0; }
.components-color-picker__hue-gradient,
.components-color-picker__alpha-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.components-color-picker__hue,
.components-color-picker__alpha {
height: 12px;
position: relative; }
.is-alpha-enabled .components-color-picker__hue {
margin-bottom: 8px; }
.components-color-picker__hue-bar,
.components-color-picker__alpha-bar {
position: relative;
margin: 0 3px;
height: 100%;
padding: 0 2px; }
.components-color-picker__hue-gradient {
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); }
.components-color-picker__hue-pointer,
.components-color-picker__alpha-pointer {
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
background: #fff;
transform: translate(-7px, -1px); }
.components-color-picker__hue-pointer,
.components-color-picker__saturation-pointer {
transition: box-shadow 0.1s linear; }
.components-color-picker__saturation-pointer:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); }
.components-color-picker__hue-pointer:focus,
.components-color-picker__alpha-pointer:focus {
border-color: #00a0d2;
box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
/* INPUTS COMPONENT */
.components-color-picker__inputs-wrapper {
margin: 0 -4px;
padding-top: 16px;
display: flex;
align-items: flex-end; }
.components-color-picker__inputs-wrapper fieldset {
flex: 1; }
.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] {
padding: 2px; }
.components-color-picker__inputs-fields {
display: flex; }
.components-color-picker__inputs-fields .components-base-control__field {
margin: 0 4px; }
svg.dashicon {
fill: currentColor;
outline: none; }
/*rtl:begin:ignore*/
.PresetDateRangePicker_panel {
padding: 0 22px 11px; }
.PresetDateRangePicker_button {
position: relative;
height: 100%;
text-align: center;
background: 0 0;
border: 2px solid #00a699;
color: #00a699;
padding: 4px 12px;
margin-right: 8px;
font: inherit;
font-weight: 700;
line-height: normal;
overflow: visible;
box-sizing: border-box;
cursor: pointer; }
.PresetDateRangePicker_button:active {
outline: 0; }
.PresetDateRangePicker_button__selected {
color: #fff;
background: #00a699; }
.SingleDatePickerInput {
display: inline-block;
background-color: #fff; }
.SingleDatePickerInput__withBorder {
border-radius: 2px;
border: 1px solid #dbdbdb; }
.SingleDatePickerInput__rtl {
direction: rtl; }
.SingleDatePickerInput__disabled {
background-color: #f2f2f2; }
.SingleDatePickerInput__block {
display: block; }
.SingleDatePickerInput__showClearDate {
padding-right: 30px; }
.SingleDatePickerInput_clearDate {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
padding: 10px;
margin: 0 10px 0 5px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
background: #dbdbdb;
border-radius: 50%; }
.SingleDatePickerInput_clearDate__small {
padding: 6px; }
.SingleDatePickerInput_clearDate__hide {
visibility: hidden; }
.SingleDatePickerInput_clearDate_svg {
fill: #82888a;
height: 12px;
width: 15px;
vertical-align: middle; }
.SingleDatePickerInput_clearDate_svg__small {
height: 9px; }
.SingleDatePickerInput_calendarIcon {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: 0 5px 0 10px; }
.SingleDatePickerInput_calendarIcon_svg {
fill: #82888a;
height: 15px;
width: 14px;
vertical-align: middle; }
.SingleDatePicker {
position: relative;
display: inline-block; }
.SingleDatePicker__block {
display: block; }
.SingleDatePicker_picker {
z-index: 1;
background-color: #fff;
position: absolute; }
.SingleDatePicker_picker__rtl {
direction: rtl; }
.SingleDatePicker_picker__directionLeft {
left: 0; }
.SingleDatePicker_picker__directionRight {
right: 0; }
.SingleDatePicker_picker__portal {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.SingleDatePicker_picker__fullScreenPortal {
background-color: #fff; }
.SingleDatePicker_closeButton {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 15px;
z-index: 2; }
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
color: #b0b3b4;
text-decoration: none; }
.SingleDatePicker_closeButton_svg {
height: 15px;
width: 15px;
fill: #cacccd; }
.DayPickerKeyboardShortcuts_buttonReset {
background: 0 0;
border: 0;
border-radius: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
cursor: pointer;
font-size: 14px; }
.DayPickerKeyboardShortcuts_buttonReset:active {
outline: 0; }
.DayPickerKeyboardShortcuts_show {
width: 22px;
position: absolute;
z-index: 2; }
.DayPickerKeyboardShortcuts_show__bottomRight {
border-top: 26px solid transparent;
border-right: 33px solid #00a699;
bottom: 0;
right: 0; }
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
border-right: 33px solid #008489; }
.DayPickerKeyboardShortcuts_show__topRight {
border-bottom: 26px solid transparent;
border-right: 33px solid #00a699;
top: 0;
right: 0; }
.DayPickerKeyboardShortcuts_show__topRight:hover {
border-right: 33px solid #008489; }
.DayPickerKeyboardShortcuts_show__topLeft {
border-bottom: 26px solid transparent;
border-left: 33px solid #00a699;
top: 0;
left: 0; }
.DayPickerKeyboardShortcuts_show__topLeft:hover {
border-left: 33px solid #008489; }
.DayPickerKeyboardShortcuts_showSpan {
color: #fff;
position: absolute; }
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
bottom: 0;
right: -28px; }
.DayPickerKeyboardShortcuts_showSpan__topRight {
top: 1px;
right: -28px; }
.DayPickerKeyboardShortcuts_showSpan__topLeft {
top: 1px;
left: -28px; }
.DayPickerKeyboardShortcuts_panel {
overflow: auto;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 2px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 2;
padding: 22px;
margin: 33px; }
.DayPickerKeyboardShortcuts_title {
font-size: 16px;
font-weight: 700;
margin: 0; }
.DayPickerKeyboardShortcuts_list {
list-style: none;
padding: 0;
font-size: 14px; }
.DayPickerKeyboardShortcuts_close {
position: absolute;
right: 22px;
top: 22px;
z-index: 2; }
.DayPickerKeyboardShortcuts_close:active {
outline: 0; }
.DayPickerKeyboardShortcuts_closeSvg {
height: 15px;
width: 15px;
fill: #cacccd; }
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
fill: #82888a; }
.CalendarDay {
box-sizing: border-box;
cursor: pointer;
font-size: 14px;
text-align: center; }
.CalendarDay:active {
outline: 0; }
.CalendarDay__defaultCursor {
cursor: default; }
.CalendarDay__default {
border: 1px solid #e4e7e7;
color: #484848;
background: #fff; }
.CalendarDay__default:hover {
background: #e4e7e7;
border: 1px double #e4e7e7;
color: inherit; }
.CalendarDay__hovered_offset {
background: #f4f5f5;
border: 1px double #e4e7e7;
color: inherit; }
.CalendarDay__outside {
border: 0;
background: #fff;
color: #484848; }
.CalendarDay__outside:hover {
border: 0; }
.CalendarDay__blocked_minimum_nights {
background: #fff;
border: 1px solid #eceeee;
color: #cacccd; }
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
background: #fff;
color: #cacccd; }
.CalendarDay__highlighted_calendar {
background: #ffe8bc;
color: #484848; }
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
background: #ffce71;
color: #484848; }
.CalendarDay__selected_span {
background: #66e2da;
border: 1px solid #33dacd;
color: #fff; }
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
background: #33dacd;
border: 1px solid #33dacd;
color: #fff; }
.CalendarDay__last_in_range {
border-right: #00a699; }
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
background: #00a699;
border: 1px solid #00a699;
color: #fff; }
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
background: #b2f1ec;
border: 1px solid #80e8e0;
color: #007a87; }
.CalendarDay__hovered_span:active {
background: #80e8e0;
border: 1px solid #80e8e0;
color: #007a87; }
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
background: #cacccd;
border: 1px solid #cacccd;
color: #82888a; }
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
background: #fff;
border: 1px solid #e4e7e7;
color: #cacccd; }
.CalendarMonth {
background: #fff;
text-align: center;
vertical-align: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.CalendarMonth_table {
border-collapse: collapse;
border-spacing: 0; }
.CalendarMonth_verticalSpacing {
border-collapse: separate; }
.CalendarMonth_caption {
color: #484848;
font-size: 18px;
text-align: center;
padding-top: 22px;
padding-bottom: 37px;
caption-side: initial; }
.CalendarMonth_caption__verticalScrollable {
padding-top: 12px;
padding-bottom: 7px; }
.CalendarMonthGrid {
background: #fff;
text-align: left;
z-index: 0; }
.CalendarMonthGrid__animating {
z-index: 1; }
.CalendarMonthGrid__horizontal {
position: absolute;
left: 9px; }
.CalendarMonthGrid__vertical {
margin: 0 auto; }
.CalendarMonthGrid__vertical_scrollable {
margin: 0 auto;
overflow-y: scroll; }
.CalendarMonthGrid_month__horizontal {
display: inline-block;
vertical-align: top;
min-height: 100%; }
.CalendarMonthGrid_month__hideForAnimation {
position: absolute;
z-index: -1;
opacity: 0;
pointer-events: none; }
.CalendarMonthGrid_month__hidden {
visibility: hidden; }
.DayPickerNavigation {
position: relative;
z-index: 2; }
.DayPickerNavigation__horizontal {
height: 0; }
.DayPickerNavigation__verticalDefault {
position: absolute;
width: 100%;
height: 52px;
bottom: 0;
left: 0; }
.DayPickerNavigation__verticalScrollableDefault {
position: relative; }
.DayPickerNavigation_button {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 0;
margin: 0; }
.DayPickerNavigation_button__default {
border: 1px solid #e4e7e7;
background-color: #fff;
color: #757575; }
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
border: 1px solid #c4c4c4; }
.DayPickerNavigation_button__default:active {
background: #f2f2f2; }
.DayPickerNavigation_button__horizontalDefault {
position: absolute;
top: 18px;
line-height: .78;
border-radius: 3px;
padding: 6px 9px; }
.DayPickerNavigation_leftButton__horizontalDefault {
left: 22px; }
.DayPickerNavigation_rightButton__horizontalDefault {
right: 22px; }
.DayPickerNavigation_button__verticalDefault {
padding: 5px;
background: #fff;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
position: relative;
display: inline-block;
height: 100%;
width: 50%; }
.DayPickerNavigation_nextButton__verticalDefault {
border-left: 0; }
.DayPickerNavigation_nextButton__verticalScrollableDefault {
width: 100%; }
.DayPickerNavigation_svg__horizontal {
height: 19px;
width: 19px;
fill: #82888a;
display: block; }
.DayPickerNavigation_svg__vertical {
height: 42px;
width: 42px;
fill: #484848;
display: block; }
.DayPicker {
background: #fff;
position: relative;
text-align: left; }
.DayPicker__horizontal {
background: #fff; }
.DayPicker__verticalScrollable {
height: 100%; }
.DayPicker__hidden {
visibility: hidden; }
.DayPicker__withBorder {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
border-radius: 3px; }
.DayPicker_portal__horizontal {
box-shadow: none;
position: absolute;
left: 50%;
top: 50%; }
.DayPicker_portal__vertical {
position: initial; }
.DayPicker_focusRegion {
outline: 0; }
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
display: inline-block;
vertical-align: top; }
.DayPicker_weekHeaders {
position: relative; }
.DayPicker_weekHeaders__horizontal {
margin-left: 9px; }
.DayPicker_weekHeader {
color: #757575;
position: absolute;
top: 62px;
z-index: 2;
text-align: left; }
.DayPicker_weekHeader__vertical {
left: 50%; }
.DayPicker_weekHeader__verticalScrollable {
top: 0;
display: table-row;
border-bottom: 1px solid #dbdbdb;
background: #fff;
margin-left: 0;
left: 0;
width: 100%;
text-align: center; }
.DayPicker_weekHeader_ul {
list-style: none;
margin: 1px 0;
padding-left: 0;
padding-right: 0;
font-size: 14px; }
.DayPicker_weekHeader_li {
display: inline-block;
text-align: center; }
.DayPicker_transitionContainer {
position: relative;
overflow: hidden;
border-radius: 3px; }
.DayPicker_transitionContainer__horizontal {
transition: height .2s ease-in-out; }
.DayPicker_transitionContainer__vertical {
width: 100%; }
.DayPicker_transitionContainer__verticalScrollable {
padding-top: 20px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow-y: scroll; }
.DateInput {
margin: 0;
padding: 0;
background: #fff;
position: relative;
display: inline-block;
width: 130px;
vertical-align: middle; }
.DateInput__small {
width: 97px; }
.DateInput__block {
width: 100%; }
.DateInput__disabled {
background: #f2f2f2;
color: #dbdbdb; }
.DateInput_input {
font-weight: 200;
font-size: 19px;
line-height: 24px;
color: #484848;
background-color: #fff;
width: 100%;
padding: 11px 11px 9px;
border: 0;
border-top: 0;
border-right: 0;
border-bottom: 2px solid transparent;
border-left: 0;
border-radius: 0; }
.DateInput_input__small {
font-size: 15px;
line-height: 18px;
letter-spacing: .2px;
padding: 7px 7px 5px; }
.DateInput_input__regular {
font-weight: auto; }
.DateInput_input__readOnly {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.DateInput_input__focused {
outline: 0;
background: #fff;
border: 0;
border-top: 0;
border-right: 0;
border-bottom: 2px solid #008489;
border-left: 0; }
.DateInput_input__disabled {
background: #f2f2f2;
font-style: italic; }
.DateInput_screenReaderMessage {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.DateInput_fang {
position: absolute;
width: 20px;
height: 10px;
left: 22px;
z-index: 2; }
.DateInput_fangShape {
fill: #fff; }
.DateInput_fangStroke {
stroke: #dbdbdb;
fill: transparent; }
.DateRangePickerInput {
background-color: #fff;
display: inline-block; }
.DateRangePickerInput__disabled {
background: #f2f2f2; }
.DateRangePickerInput__withBorder {
border-radius: 2px;
border: 1px solid #dbdbdb; }
.DateRangePickerInput__rtl {
direction: rtl; }
.DateRangePickerInput__block {
display: block; }
.DateRangePickerInput__showClearDates {
padding-right: 30px; }
.DateRangePickerInput_arrow {
display: inline-block;
vertical-align: middle;
color: #484848; }
.DateRangePickerInput_arrow_svg {
vertical-align: middle;
fill: #484848;
height: 24px;
width: 24px; }
.DateRangePickerInput_clearDates {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
padding: 10px;
margin: 0 10px 0 5px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.DateRangePickerInput_clearDates__small {
padding: 6px; }
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
background: #dbdbdb;
border-radius: 50%; }
.DateRangePickerInput_clearDates__hide {
visibility: hidden; }
.DateRangePickerInput_clearDates_svg {
fill: #82888a;
height: 12px;
width: 15px;
vertical-align: middle; }
.DateRangePickerInput_clearDates_svg__small {
height: 9px; }
.DateRangePickerInput_calendarIcon {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 10px;
margin: 0 5px 0 10px; }
.DateRangePickerInput_calendarIcon_svg {
fill: #82888a;
height: 15px;
width: 14px;
vertical-align: middle; }
.DateRangePicker {
position: relative;
display: inline-block; }
.DateRangePicker__block {
display: block; }
.DateRangePicker_picker {
z-index: 1;
background-color: #fff;
position: absolute; }
.DateRangePicker_picker__rtl {
direction: rtl; }
.DateRangePicker_picker__directionLeft {
left: 0; }
.DateRangePicker_picker__directionRight {
right: 0; }
.DateRangePicker_picker__portal {
background-color: rgba(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.DateRangePicker_picker__fullScreenPortal {
background-color: #fff; }
.DateRangePicker_closeButton {
background: 0 0;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 15px;
z-index: 2; }
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
color: #b0b3b4;
text-decoration: none; }
.DateRangePicker_closeButton_svg {
height: 15px;
width: 15px;
fill: #cacccd; }
/*rtl:end:ignore*/
.components-datetime .components-datetime__calendar-help {
padding: 8px; }
.components-datetime .components-datetime__calendar-help h4 {
margin: 0; }
.components-datetime .components-datetime__date-help-button {
display: block;
margin-left: auto;
margin-right: 8px;
margin-top: 0.5em; }
.components-datetime__date {
min-height: 236px;
border-top: 1px solid #e2e4e7;
margin-left: -8px;
margin-right: -8px; }
.components-datetime__date .CalendarMonth_caption {
font-size: 13px; }
.components-datetime__date .CalendarDay {
font-size: 13px;
border: 1px solid transparent;
border-radius: 50%;
text-align: center; }
.components-datetime__date .CalendarDay__selected {
background: #0085ba; }
body.admin-color-sunrise .components-datetime__date .CalendarDay__selected {
background: #d1864a; }
body.admin-color-ocean .components-datetime__date .CalendarDay__selected {
background: #a3b9a2; }
body.admin-color-midnight .components-datetime__date .CalendarDay__selected {
background: #e14d43; }
body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected {
background: #a7b656; }
body.admin-color-coffee .components-datetime__date .CalendarDay__selected {
background: #c2a68c; }
body.admin-color-blue .components-datetime__date .CalendarDay__selected {
background: #82b4cb; }
body.admin-color-light .components-datetime__date .CalendarDay__selected {
background: #0085ba; }
.components-datetime__date .CalendarDay__selected:hover {
background: rgb(0, 113, 158); }
body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover {
background: rgb(178, 114, 63); }
body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover {
background: rgb(139, 157, 138); }
body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover {
background: rgb(191, 65, 57); }
body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover {
background: rgb(142, 155, 73); }
body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover {
background: rgb(165, 141, 119); }
body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover {
background: rgb(111, 153, 173); }
body.admin-color-light .components-datetime__date .CalendarDay__selected:hover {
background: rgb(0, 113, 158); }
.components-datetime__date .DayPickerNavigation_button__horizontalDefault {
padding: 2px 8px;
top: 20px; }
.components-datetime__date .DayPicker_weekHeader {
top: 50px; }
.components-datetime__date.is-description-visible .DayPicker,
.components-datetime__date.is-description-visible .components-datetime__date-help-button {
visibility: hidden; }
.components-datetime__time {
margin-bottom: 1em; }
.components-datetime__time fieldset {
margin-top: 0.5em;
position: relative; }
.components-datetime__time .components-datetime__time-field-am-pm fieldset {
margin-top: 0; }
.components-datetime__time .components-datetime__time-wrapper {
display: flex; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
display: inline-block;
padding: 0 3px 0 0;
color: #555d66; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button {
margin-left: 8px;
margin-right: -1px;
border-radius: 3px 0 0 3px; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button {
margin-left: -1px;
border-radius: 0 3px 3px 0; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled {
background: #edeff0;
border-color: #8f98a1;
box-shadow: inset 0 2px 5px -3px #555d66; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field {
align-self: center;
flex: 0 1 auto;
order: 1; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button {
font-size: 11px;
font-weight: 600; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select {
padding: 2px;
margin-right: 4px; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus {
position: relative;
z-index: 1; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] {
padding: 2px;
margin-right: 4px;
width: 40px;
text-align: center;
-moz-appearance: textfield; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus {
position: relative;
z-index: 1; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.components-datetime__time.is-12-hour .components-datetime__time-field-day input {
margin: 0 -4px 0 0 !important;
border-radius: 4px 0 0 4px !important; }
.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
border-radius: 0 4px 4px 0 !important; }
.components-datetime__time-legend {
font-weight: 600;
margin-top: 0.5em; }
.components-datetime__time-legend.invisible {
position: absolute;
top: -999em;
left: -999em; }
.components-datetime__time-field-hours-input,
.components-datetime__time-field-minutes-input,
.components-datetime__time-field-day-input {
width: 35px; }
.components-datetime__time-field-year-input {
width: 55px; }
.components-datetime__time-field-month-select {
width: 90px; }
.components-popover .components-datetime__date {
padding-left: 6px; }
.components-popover.edit-post-post-schedule__dialog.is-bottom.is-left {
z-index: 100000; }
.components-disabled {
position: relative;
pointer-events: none; }
.components-disabled::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.components-disabled * {
pointer-events: none; }
body.is-dragging-components-draggable {
cursor: move;
/* Fallback for IE/Edge < 14 */
cursor: -webkit-grabbing !important;
cursor: grabbing !important; }
.components-draggable__invisible-drag-image {
position: fixed;
left: -1000px;
height: 50px;
width: 50px; }
.components-draggable__clone {
position: fixed;
padding: 20px;
background: transparent;
pointer-events: none;
z-index: 1000000000;
opacity: 0.8; }
.components-drop-zone {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
visibility: hidden;
opacity: 0;
transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
border: 2px solid #0071a1;
border-radius: 2px; }
.components-drop-zone.is-active {
opacity: 1;
visibility: visible;
transition: 0.3s opacity, 0.3s background-color; }
.components-drop-zone.is-dragging-over-element {
background-color: rgba(0, 113, 161, 0.8); }
.components-drop-zone__content {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 110;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: #fff;
transition: transform 0.2s ease-in-out; }
.components-drop-zone.is-dragging-over-element .components-drop-zone__content {
transform: translateY(-50%) scale(1.05); }
.components-drop-zone__content-icon,
.components-drop-zone__content-text {
display: block; }
.components-drop-zone__content-icon {
margin: 0 auto;
line-height: 0; }
.components-drop-zone__content-text {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.components-drop-zone__provider {
height: 100%; }
.components-dropdown-menu {
padding: 3px;
display: flex; }
.components-dropdown-menu .components-dropdown-menu__toggle {
width: auto;
margin: 0;
padding: 4px;
border: 1px solid transparent;
display: flex;
flex-direction: row; }
.components-dropdown-menu .components-dropdown-menu__toggle.is-active, .components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover {
box-shadow: none;
background-color: #555d66;
color: #fff; }
.components-dropdown-menu .components-dropdown-menu__toggle:focus::before {
top: -3px;
right: -3px;
bottom: -3px;
left: -3px; }
.components-dropdown-menu .components-dropdown-menu__toggle:hover, .components-dropdown-menu .components-dropdown-menu__toggle:focus, .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
color: #555d66;
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
.components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after {
content: "";
pointer-events: none;
display: block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid currentColor;
margin-left: 4px;
margin-right: 2px; }
.components-dropdown-menu__popover .components-popover__content {
width: 200px; }
.components-dropdown-menu__menu {
width: 100%;
padding: 9px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item {
width: 100%;
padding: 6px;
outline: none;
cursor: pointer;
margin-bottom: 4px; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator {
margin-top: 6px;
position: relative;
overflow: visible; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before {
display: block;
content: "";
box-sizing: content-box;
background-color: #e2e4e7;
position: absolute;
top: -3px;
left: 0;
right: 0;
height: 1px; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg {
border-radius: 4px;
padding: 2px;
width: 24px;
height: 24px;
margin: -1px 8px -1px 0; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg {
outline: none;
color: #fff;
box-shadow: none;
background: #555d66; }
.components-external-link__icon {
width: 1.4em;
height: 1.4em;
margin: -0.2em 0.1em 0;
vertical-align: middle; }
.components-focal-point-picker-wrapper {
background-color: transparent;
border: 1px solid #e2e4e7;
height: 200px;
width: 100%;
padding: 14px; }
.components-focal-point-picker {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%; }
.components-focal-point-picker img {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.components-focal-point-picker__icon_container {
background-color: transparent;
cursor: -webkit-grab;
cursor: grab;
height: 30px;
opacity: 0.8;
position: absolute;
will-change: transform;
width: 30px;
z-index: 10000; }
.components-focal-point-picker__icon_container.is-dragging {
cursor: -webkit-grabbing;
cursor: grabbing; }
.components-focal-point-picker__icon {
display: block;
height: 100%;
left: -15px;
position: absolute;
top: -15px;
width: 100%; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
fill: #fff; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #0085ba; }
body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #d1864a; }
body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #a3b9a2; }
body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #e14d43; }
body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #a7b656; }
body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #c2a68c; }
body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #82b4cb; }
body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #0085ba; }
.components-focal-point-picker_position-display-container {
margin: 1em 0;
display: flex; }
.components-focal-point-picker_position-display-container .components-base-control__field {
margin: 0 1em 0 0; }
.components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
max-width: 4em;
padding: 6px 4px; }
.components-focal-point-picker_position-display-container span {
margin: 0 0 0 0.2em; }
.components-font-size-picker__buttons {
max-width: 248px;
display: flex;
justify-content: space-between;
align-items: center; }
.components-font-size-picker__buttons .components-range-control__number {
height: 30px;
margin-left: 0; }
.components-font-size-picker__buttons .components-range-control__number[value=""] + .components-button {
cursor: default;
opacity: 0.3;
pointer-events: none; }
.components-font-size-picker__custom-input .components-range-control__slider + .dashicon {
width: 30px;
height: 30px; }
.components-font-size-picker__dropdown-content .components-button {
display: block;
position: relative;
padding: 10px 20px 10px 40px;
width: 100%;
text-align: left; }
.components-font-size-picker__dropdown-content .components-button .dashicon {
position: absolute;
top: calc(50% - 10px);
left: 10px; }
.components-font-size-picker__dropdown-content .components-button:hover {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; }
.components-font-size-picker__dropdown-content .components-button:focus {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-font-size-picker__buttons .components-font-size-picker__selector {
border: 1px solid;
background: none;
position: relative;
width: 110px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 4px;
border: 1px solid #8d96a0; }
.components-font-size-picker__buttons .components-font-size-picker__selector:focus {
color: #191e23;
border-color: #00a0d2;
box-shadow: 0 0 0 1px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-font-size-picker__buttons .components-font-size-picker__selector::after {
content: "";
pointer-events: none;
display: block;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid currentColor;
margin-left: 4px;
margin-right: 2px;
right: 8px;
top: 12px;
position: absolute; }
.components-form-file-upload .components-button.is-large {
padding-left: 6px; }
.components-form-toggle {
position: relative;
display: inline-block; }
.components-form-toggle .components-form-toggle__on,
.components-form-toggle .components-form-toggle__off {
position: absolute;
top: 6px;
box-sizing: border-box; }
.components-form-toggle .components-form-toggle__off {
color: #6c7781;
fill: currentColor;
right: 6px; }
.components-form-toggle .components-form-toggle__on {
left: 8px; }
.components-form-toggle .components-form-toggle__track {
content: "";
display: inline-block;
box-sizing: border-box;
vertical-align: top;
background-color: #fff;
border: 2px solid #6c7781;
width: 36px;
height: 18px;
border-radius: 9px;
transition: 0.2s background ease; }
.components-form-toggle .components-form-toggle__thumb {
display: block;
position: absolute;
box-sizing: border-box;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
transition: 0.1s transform ease;
background-color: #6c7781;
border: 5px solid #6c7781; }
.components-form-toggle:hover .components-form-toggle__track {
border: 2px solid #555d66; }
.components-form-toggle:hover .components-form-toggle__thumb {
background-color: #555d66;
border: 5px solid #6c7781; }
.components-form-toggle:hover .components-form-toggle__off {
color: #555d66; }
.components-form-toggle.is-checked .components-form-toggle__track {
background-color: #11a0d2;
border: 2px solid #11a0d2;
border: 9px solid transparent; }
body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #c8b03c;
border: 2px solid #c8b03c; }
body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #a3b9a2;
border: 2px solid #a3b9a2; }
body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #77a6b9;
border: 2px solid #77a6b9; }
body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #a7b656;
border: 2px solid #a7b656; }
body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #c2a68c;
border: 2px solid #c2a68c; }
body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #82b4cb;
border: 2px solid #82b4cb; }
body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track {
background-color: #11a0d2;
border: 2px solid #11a0d2; }
.components-form-toggle__input:focus + .components-form-toggle__track {
box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781;
outline: 2px solid transparent;
outline-offset: 2px; }
.components-form-toggle.is-checked .components-form-toggle__thumb {
background-color: #fff;
border-width: 0;
transform: translateX(18px); }
.components-form-toggle.is-checked::before {
background-color: #11a0d2;
border: 2px solid #11a0d2; }
body.admin-color-sunrise .components-form-toggle.is-checked::before {
background-color: #c8b03c;
border: 2px solid #c8b03c; }
body.admin-color-ocean .components-form-toggle.is-checked::before {
background-color: #a3b9a2;
border: 2px solid #a3b9a2; }
body.admin-color-midnight .components-form-toggle.is-checked::before {
background-color: #77a6b9;
border: 2px solid #77a6b9; }
body.admin-color-ectoplasm .components-form-toggle.is-checked::before {
background-color: #a7b656;
border: 2px solid #a7b656; }
body.admin-color-coffee .components-form-toggle.is-checked::before {
background-color: #c2a68c;
border: 2px solid #c2a68c; }
body.admin-color-blue .components-form-toggle.is-checked::before {
background-color: #82b4cb;
border: 2px solid #82b4cb; }
body.admin-color-light .components-form-toggle.is-checked::before {
background-color: #11a0d2;
border: 2px solid #11a0d2; }
.components-disabled .components-form-toggle {
opacity: 0.3; }
.components-form-toggle input.components-form-toggle__input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
margin: 0;
padding: 0;
z-index: 1;
border: none; }
.components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked {
background: none; }
.components-form-toggle input.components-form-toggle__input[type="checkbox"]::before {
content: ""; }
.components-form-toggle .components-form-toggle__on {
outline: 1px solid transparent;
outline-offset: -1px;
border: 1px solid #000;
filter: invert(100%) contrast(500%); }
@supports (-ms-high-contrast-adjust: auto) {
.components-form-toggle .components-form-toggle__on {
filter: none;
border: 1px solid #fff; } }
.components-form-token-field__input-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin: 0;
padding: 4px;
background-color: #fff;
border: 1px solid #ccd0d4;
color: #32373c;
cursor: text;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 4px;
border: 1px solid #8d96a0; }
.components-form-token-field__input-container.is-disabled {
background: #e2e4e7;
border-color: #ccd0d4; }
.components-form-token-field__input-container.is-active {
color: #191e23;
border-color: #00a0d2;
box-shadow: 0 0 0 1px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-form-token-field__input-container input[type="text"].components-form-token-field__input {
display: inline-block;
width: 100%;
max-width: 100%;
margin: 2px 0 2px 8px;
padding: 0;
min-height: 24px;
background: inherit;
border: 0;
color: #23282d;
box-shadow: none; }
.components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus,
.components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input {
outline: none;
box-shadow: none; }
.components-form-token-field__input-container .components-form-token-field__token + input[type="text"].components-form-token-field__input {
width: auto; }
.components-form-token-field__label {
display: inline-block;
margin-bottom: 4px; }
.components-form-token-field__token {
font-size: 13px;
display: flex;
margin: 2px 4px 2px 0;
color: #32373c;
overflow: hidden; }
.components-form-token-field__token.is-success .components-form-token-field__token-text,
.components-form-token-field__token.is-success .components-form-token-field__remove-token {
background: #4ab866; }
.components-form-token-field__token.is-error .components-form-token-field__token-text,
.components-form-token-field__token.is-error .components-form-token-field__remove-token {
background: #d94f4f; }
.components-form-token-field__token.is-validating .components-form-token-field__token-text,
.components-form-token-field__token.is-validating .components-form-token-field__remove-token {
color: #555d66; }
.components-form-token-field__token.is-borderless {
position: relative;
padding: 0 16px 0 0; }
.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
background: transparent;
color: #11a0d2; }
body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #c8b03c; }
body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #a89d8a; }
body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #77a6b9; }
body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #c77430; }
body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #9fa47b; }
body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #d9ab59; }
body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
color: #c75726; }
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background: transparent;
color: #555d66;
position: absolute;
top: 1px;
right: 0; }
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color: #4ab866; }
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
color: #d94f4f;
border-radius: 4px 0 0 4px;
padding: 0 4px 0 6px; }
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
color: #23282d; }
.components-form-token-field__token.is-disabled .components-form-token-field__remove-token {
cursor: default; }
.components-form-token-field__token-text,
.components-form-token-field__remove-token.components-icon-button {
display: inline-block;
line-height: 24px;
background: #e2e4e7;
transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); }
.components-form-token-field__token-text {
border-radius: 12px 0 0 12px;
padding: 0 4px 0 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.components-form-token-field__remove-token.components-icon-button {
cursor: pointer;
border-radius: 0 12px 12px 0;
padding: 0 2px;
color: #555d66;
line-height: 10px;
overflow: initial; }
.components-form-token-field__remove-token.components-icon-button:hover {
color: #32373c; }
.components-form-token-field__suggestions-list {
flex: 1 0 100%;
min-width: 100%;
max-height: 9em;
overflow-y: scroll;
transition: all 0.15s ease-in-out;
list-style: none;
border-top: 1px solid #6c7781;
margin: 4px -4px -4px;
padding-top: 3px; }
.components-form-token-field__suggestion {
color: #555d66;
display: block;
font-size: 13px;
padding: 4px 8px;
cursor: pointer; }
.components-form-token-field__suggestion.is-selected {
background: #0071a1;
color: #fff; }
.components-form-token-field__suggestion-match {
text-decoration: underline; }
.components-navigate-regions.is-focusing-regions [role="region"]:focus::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
outline: 4px solid transparent;
box-shadow: inset 0 0 0 4px #33b3db; }
@supports (outline-offset: 1px) {
.components-navigate-regions.is-focusing-regions [role="region"]:focus::after {
content: none; }
.components-navigate-regions.is-focusing-regions [role="region"]:focus {
outline-style: solid;
outline-color: #33b3db;
outline-width: 4px;
outline-offset: -4px; } }
.components-icon-button {
display: flex;
align-items: center;
padding: 8px;
margin: 0;
border: none;
background: none;
color: #555d66;
position: relative;
overflow: hidden;
border-radius: 4px; }
.components-icon-button .dashicon {
display: inline-block;
flex: 0 0 auto; }
.components-icon-button svg {
fill: currentColor;
outline: none; }
.components-icon-button.has-text svg {
margin-right: 4px; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); }
.components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):active {
outline: none;
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff; }
.components-icon-button[aria-disabled="true"]:focus, .components-icon-button:disabled:focus {
box-shadow: none; }
.components-menu-group {
width: 100%;
padding: 7px 0; }
.components-menu-group__label {
margin-bottom: 8px;
color: #6c7781;
padding: 0 7px; }
.components-menu-item__button,
.components-menu-item__button.components-icon-button {
width: 100%;
padding: 8px 15px;
text-align: left;
color: #40464d; }
.components-menu-item__button .dashicon,
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button > span > svg,
.components-menu-item__button.components-icon-button .dashicon,
.components-menu-item__button.components-icon-button .components-menu-items__item-icon,
.components-menu-item__button.components-icon-button > span > svg {
margin-right: 4px; }
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button.components-icon-button .components-menu-items__item-icon {
display: inline-block;
flex: 0 0 auto; }
.components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]),
.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) {
color: #555d66; }
@media (min-width: 782px) {
.components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]),
.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
background: #f3f4f5; } }
.components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut,
.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) .components-menu-item__shortcut {
opacity: 1; }
.components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]),
.components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-menu-item__info-wrapper {
display: flex;
flex-direction: column; }
.components-menu-item__info {
margin-top: 4px;
font-size: 12px;
opacity: 0.84; }
.components-menu-item__shortcut {
align-self: center;
opacity: 0.84;
margin-right: 0;
margin-left: auto;
padding-left: 8px;
display: none; }
@media (min-width: 480px) {
.components-menu-item__shortcut {
display: inline; } }
.components-modal__screen-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.4);
z-index: 100000;
animation: edit-post__fade-in-animation 0.2s ease-out 0s;
animation-fill-mode: forwards; }
@media (prefers-reduced-motion: reduce) {
.components-modal__screen-overlay {
animation-duration: 1ms !important; } }
.components-modal__frame {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
margin: 0;
border: 1px solid #e2e4e7;
background: #fff;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2);
overflow: auto; }
@media (min-width: 600px) {
.components-modal__frame {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
min-width: 360px;
max-width: calc(100% - 16px - 16px);
max-height: calc(100% - 56px - 56px);
transform: translate(-50%, -50%);
animation: components-modal__appear-animation 0.1s ease-out;
animation-fill-mode: forwards; } }
@media (min-width: 600px) and (prefers-reduced-motion: reduce) {
.components-modal__frame {
animation-duration: 1ms !important; } }
@keyframes components-modal__appear-animation {
from {
margin-top: 32px; }
to {
margin-top: 0; } }
.components-modal__header {
box-sizing: border-box;
border-bottom: 1px solid #e2e4e7;
padding: 0 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
background: #fff;
align-items: center;
height: 56px;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10;
margin: 0 -16px 16px; }
@supports (-ms-ime-align: auto) {
.components-modal__header {
position: fixed;
width: 100%; } }
.components-modal__header .components-modal__header-heading {
font-size: 1rem;
font-weight: 600; }
.components-modal__header h1 {
line-height: 1;
margin: 0; }
.components-modal__header-heading-container {
align-items: center;
flex-grow: 1;
display: flex;
flex-direction: row;
justify-content: left; }
.components-modal__header-icon-container {
display: inline-block; }
.components-modal__header-icon-container svg {
max-width: 36px;
max-height: 36px;
padding: 8px; }
.components-modal__content {
box-sizing: border-box;
height: 100%;
padding: 0 16px 16px; }
@supports (-ms-ime-align: auto) {
.components-modal__content {
padding-top: 56px; } }
.components-notice {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
background-color: #e5f5fa;
border-left: 4px solid #00a0d2;
margin: 5px 15px 2px;
padding: 8px 12px; }
.components-notice.is-dismissible {
padding-right: 36px;
position: relative; }
.components-notice.is-success {
border-left-color: #4ab866;
background-color: #eff9f1; }
.components-notice.is-warning {
border-left-color: #f0b849;
background-color: #fef8ee; }
.components-notice.is-error {
border-left-color: #d94f4f;
background-color: #f9e2e2; }
.components-notice__content {
margin: 1em 25px 1em 0; }
.components-notice__action.components-button, .components-notice__action.components-button.is-link {
margin-left: 4px; }
.components-notice__action.components-button.is-default {
vertical-align: initial; }
.components-notice__dismiss {
position: absolute;
top: 0;
right: 0;
color: #6c7781; }
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus {
color: #d94f4f;
background-color: transparent; }
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
box-shadow: none; }
.components-notice-list {
min-width: 300px;
z-index: 29; }
.components-panel {
background: #fff;
border: 1px solid #e2e4e7; }
.components-panel > .components-panel__header:first-child,
.components-panel > .components-panel__body:first-child {
margin-top: -1px; }
.components-panel > .components-panel__header:last-child,
.components-panel > .components-panel__body:last-child {
border-bottom-width: 0; }
.components-panel + .components-panel {
margin-top: -1px; }
.components-panel__body {
border-top: 1px solid #e2e4e7;
border-bottom: 1px solid #e2e4e7; }
.components-panel__body h3 {
margin: 0 0 0.5em; }
.components-panel__body.is-opened {
padding: 16px; }
.components-panel__body > .components-icon-button {
color: #191e23; }
.components-panel__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 16px;
height: 50px;
border-top: 1px solid #e2e4e7;
border-bottom: 1px solid #e2e4e7; }
.components-panel__header h2 {
margin: 0;
font-size: inherit;
color: inherit; }
.components-panel__body + .components-panel__body,
.components-panel__body + .components-panel__header,
.components-panel__header + .components-panel__body,
.components-panel__header + .components-panel__header {
margin-top: -1px; }
.components-panel__body > .components-panel__body-title {
display: block;
padding: 0;
font-size: inherit;
margin-top: 0;
margin-bottom: 0;
transition: 0.1s background ease-in-out; }
.components-panel__body.is-opened > .components-panel__body-title {
margin: -16px;
margin-bottom: 5px; }
.components-panel__body > .components-panel__body-title:hover,
.edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
background: #f3f4f5; }
.components-panel__body-toggle.components-button {
position: relative;
padding: 15px;
outline: none;
width: 100%;
font-weight: 600;
text-align: left;
color: #191e23;
border: none;
box-shadow: none;
transition: 0.1s background ease-in-out;
/* rtl:begin:ignore */
/* rtl:end:ignore */ }
.components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled="true"]) {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.components-panel__body-toggle.components-button .components-panel__arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: #191e23;
fill: currentColor;
transition: 0.1s color ease-in-out; }
body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right {
transform: scaleX(-1);
-ms-filter: fliph;
filter: FlipH;
margin-top: -10px; }
.components-panel__icon {
color: #555d66;
margin: -2px 0 -2px 6px; }
.components-panel__body-toggle-icon {
margin-right: -5px; }
.components-panel__color-title {
float: left;
height: 19px; }
.components-panel__row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px; }
.components-panel__row select {
min-width: 0; }
.components-panel__row label {
margin-right: 10px;
flex-shrink: 0;
max-width: 75%; }
.components-panel__row:empty, .components-panel__row:first-of-type {
margin-top: 0; }
.components-panel .circle-picker {
padding-bottom: 20px; }
.components-placeholder {
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1em;
min-height: 200px;
width: 100%;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
background: rgba(139, 139, 150, 0.1); }
.is-dark-theme .components-placeholder {
background: rgba(255, 255, 255, 0.15); }
.components-placeholder__label {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-bottom: 1em; }
.components-placeholder__label .dashicon,
.components-placeholder__label .block-editor-block-icon {
fill: currentColor;
margin-right: 1ch; }
.components-placeholder__fieldset,
.components-placeholder__fieldset form {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
max-width: 400px;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder__fieldset p,
.components-placeholder__fieldset form p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; }
.components-placeholder__input {
margin-right: 8px;
flex: 1 1 auto; }
.components-placeholder__instructions {
margin-bottom: 1em; }
/*!rtl:begin:ignore*/
.components-popover {
position: fixed;
z-index: 1000000;
left: 50%; }
.components-popover.is-mobile {
top: 0;
left: 0;
right: 0;
bottom: 0; }
.components-popover:not(.is-without-arrow):not(.is-mobile) {
margin-left: 2px; }
.components-popover:not(.is-without-arrow):not(.is-mobile)::before {
border: 8px solid #e2e4e7; }
.components-popover:not(.is-without-arrow):not(.is-mobile)::after {
border: 8px solid #fff; }
.components-popover:not(.is-without-arrow):not(.is-mobile)::before, .components-popover:not(.is-without-arrow):not(.is-mobile)::after {
content: "";
position: absolute;
height: 0;
width: 0;
line-height: 0; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-top {
margin-top: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before {
bottom: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after {
bottom: -6px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after {
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
margin-left: -10px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom {
margin-top: 8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before {
top: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after {
top: -6px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
margin-left: -10px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left {
margin-left: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before {
right: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after {
right: -6px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after {
border-bottom-color: transparent;
border-left-style: solid;
border-right: none;
border-top-color: transparent; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right {
margin-left: 8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before {
left: -8px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after {
left: -6px; }
.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after {
border-bottom-color: transparent;
border-left: none;
border-right-style: solid;
border-top-color: transparent; }
.components-popover:not(.is-mobile).is-top {
bottom: 100%; }
.components-popover:not(.is-mobile).is-bottom {
top: 100%;
z-index: 99990; }
.components-popover:not(.is-mobile).is-middle {
align-items: center;
display: flex; }
.components-popover__content {
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
border: 1px solid #e2e4e7;
background: #fff;
height: 100%; }
.components-popover.is-mobile .components-popover__content {
height: calc(100% - 50px);
border-top: 0; }
.components-popover:not(.is-mobile) .components-popover__content {
position: absolute;
height: auto;
overflow-y: auto;
min-width: 260px; }
.components-popover:not(.is-mobile).is-top .components-popover__content {
bottom: 100%; }
.components-popover:not(.is-mobile).is-center .components-popover__content {
left: 50%;
transform: translateX(-50%); }
.components-popover:not(.is-mobile).is-right .components-popover__content {
position: absolute;
left: 100%; }
.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
margin-left: -24px; }
.components-popover:not(.is-mobile).is-left .components-popover__content {
position: absolute;
right: 100%; }
.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
margin-right: -24px; }
.components-popover__content > div {
height: 100%; }
.components-popover__header {
align-items: center;
background: #fff;
border: 1px solid #e2e4e7;
display: flex;
height: 50px;
justify-content: space-between;
padding: 0 8px 0 16px; }
.components-popover__header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
.components-popover__close.components-icon-button {
z-index: 5; }
/*!rtl:end:ignore*/
.components-radio-control {
display: flex;
flex-direction: column; }
.components-radio-control__option:not(:last-child) {
margin-bottom: 4px; }
.components-radio-control__input[type="radio"] {
margin-top: 0;
margin-right: 6px; }
.components-range-control .components-base-control__field {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center; }
.components-range-control .dashicon {
flex-shrink: 0;
margin-right: 10px; }
.components-range-control .components-base-control__label {
width: 100%; }
.components-range-control .components-range-control__slider {
margin-left: 0;
flex: 1; }
.components-range-control__slider {
width: 100%;
margin-left: 8px;
padding: 0;
-webkit-appearance: none;
background: transparent;
/**
* Thumb
*/
/**
* Track
*/ }
.components-range-control__slider::-webkit-slider-thumb {
-webkit-appearance: none;
height: 18px;
width: 18px;
border-radius: 50%;
cursor: pointer;
background: #555d66;
border: 4px solid transparent;
background-clip: padding-box;
box-sizing: border-box;
margin-top: -7px; }
.components-range-control__slider::-moz-range-thumb {
height: 18px;
width: 18px;
border-radius: 50%;
cursor: pointer;
background: #555d66;
border: 4px solid transparent;
background-clip: padding-box;
box-sizing: border-box; }
.components-range-control__slider::-ms-thumb {
height: 18px;
width: 18px;
border-radius: 50%;
cursor: pointer;
background: #555d66;
border: 4px solid transparent;
background-clip: padding-box;
box-sizing: border-box;
margin-top: 0;
height: 14px;
width: 14px;
border: 2px solid transparent; }
.components-range-control__slider:focus {
outline: none; }
.components-range-control__slider:focus::-webkit-slider-thumb {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-range-control__slider:focus::-moz-range-thumb {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-range-control__slider:focus::-ms-thumb {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-range-control__slider::-webkit-slider-runnable-track {
height: 3px;
cursor: pointer;
background: #e2e4e7;
border-radius: 1.5px;
margin-top: -4px; }
.components-range-control__slider::-moz-range-track {
height: 3px;
cursor: pointer;
background: #e2e4e7;
border-radius: 1.5px; }
.components-range-control__slider::-ms-track {
margin-top: -4px;
background: transparent;
border-color: transparent;
color: transparent;
height: 3px;
cursor: pointer;
background: #e2e4e7;
border-radius: 1.5px; }
.components-range-control__number {
display: inline-block;
margin-left: 8px;
font-weight: 500;
width: 54px; }
.components-resizable-box__handle {
display: none;
width: 24px;
height: 24px;
padding: 4px; }
.components-resizable-box__container.is-selected .components-resizable-box__handle {
display: block; }
.components-resizable-box__handle::before {
display: block;
content: "";
width: 16px;
height: 16px;
border: 2px solid #fff;
border-radius: 50%;
background: #0085ba;
cursor: inherit; }
body.admin-color-sunrise .components-resizable-box__handle::before {
background: #d1864a; }
body.admin-color-ocean .components-resizable-box__handle::before {
background: #a3b9a2; }
body.admin-color-midnight .components-resizable-box__handle::before {
background: #e14d43; }
body.admin-color-ectoplasm .components-resizable-box__handle::before {
background: #a7b656; }
body.admin-color-coffee .components-resizable-box__handle::before {
background: #c2a68c; }
body.admin-color-blue .components-resizable-box__handle::before {
background: #82b4cb; }
body.admin-color-light .components-resizable-box__handle::before {
background: #0085ba; }
/*!rtl:begin:ignore*/
.components-resizable-box__handle-right {
top: calc(50% - 12px);
right: calc(12px * -1); }
.components-resizable-box__handle-bottom {
bottom: calc(12px * -1);
left: calc(50% - 12px); }
.components-resizable-box__handle-left {
top: calc(50% - 12px);
left: calc(12px * -1); }
/*!rtl:end:ignore*/
.components-responsive-wrapper {
position: relative;
max-width: 100%; }
.components-responsive-wrapper__content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.components-sandbox {
overflow: hidden; }
html.lockscroll,
body.lockscroll {
overflow: hidden; }
.components-select-control__input {
background: #fff;
height: 36px;
line-height: 36px;
margin: 1px;
outline: 0;
width: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
@media (min-width: 782px) {
.components-select-control__input {
height: 28px;
line-height: 28px; } }
@media (max-width: 782px) {
.components-base-control .components-base-control__field .components-select-control__input {
font-size: 16px; } }
.components-spinner {
display: inline-block;
background-color: #7e8993;
width: 18px;
height: 18px;
opacity: 0.7;
float: right;
margin: 5px 11px 0;
border-radius: 100%;
position: relative; }
.components-spinner::before {
/* rtl:begin:ignore */
content: "";
position: absolute;
background-color: #fff;
top: 3px;
left: 3px;
width: 4px;
height: 4px;
border-radius: 100%;
transform-origin: 6px 6px;
animation: components-spinner__animation 1s infinite linear;
/* rtl:end:ignore */ }
@keyframes components-spinner__animation {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.components-text-control__input {
width: 100%;
padding: 6px 8px; }
.components-textarea-control__input {
width: 100%;
padding: 6px 8px; }
.components-toggle-control .components-base-control__field {
display: flex;
margin-bottom: 12px; }
.components-toggle-control .components-base-control__field .components-form-toggle {
margin-right: 16px; }
.components-toggle-control .components-base-control__field .components-toggle-control__label {
display: block;
margin-bottom: 4px; }
.components-toolbar {
margin: 0;
border: 1px solid #e2e4e7;
background-color: #fff;
display: flex;
flex-shrink: 0; }
div.components-toolbar > div {
display: block;
margin: 0; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
div.components-toolbar > div {
display: flex; } }
div.components-toolbar > div + div {
margin-left: -3px; }
div.components-toolbar > div + div.has-left-divider {
margin-left: 6px;
position: relative;
overflow: visible; }
div.components-toolbar > div + div.has-left-divider::before {
display: inline-block;
content: "";
box-sizing: content-box;
background-color: #e2e4e7;
position: absolute;
top: 8px;
left: -3px;
width: 1px;
height: 20px; }
.components-toolbar__control.components-button {
display: inline-flex;
align-items: flex-end;
margin: 0;
padding: 3px;
outline: none;
cursor: pointer;
position: relative;
width: 36px;
height: 36px; }
.components-toolbar__control.components-button:active, .components-toolbar__control.components-button:not([aria-disabled="true"]):hover, .components-toolbar__control.components-button:not([aria-disabled="true"]):focus {
outline: none;
box-shadow: none;
background: none;
border: none; }
.components-toolbar__control.components-button:disabled {
cursor: default; }
.components-toolbar__control.components-button > svg {
padding: 5px;
border-radius: 4px;
height: 30px;
width: 30px; }
.components-toolbar__control.components-button[data-subscript] svg {
padding: 5px 10px 5px 0; }
.components-toolbar__control.components-button[data-subscript]::after {
content: attr(data-subscript);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 12px;
position: absolute;
right: 8px;
bottom: 10px; }
.components-toolbar__control.components-button:not(:disabled):not([aria-disabled="true"]):hover {
box-shadow: none; }
.components-toolbar__control.components-button:not(:disabled).is-active > svg,
.components-toolbar__control.components-button:not(:disabled):hover > svg {
color: #555d66;
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; }
.components-toolbar__control.components-button:not(:disabled).is-active > svg {
outline: none;
color: #fff;
box-shadow: none;
background: #555d66; }
.components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]::after {
color: #fff; }
.components-toolbar__control.components-button:not(:disabled):focus > svg {
box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px; }
.components-toolbar__control .dashicon {
display: block; }
.components-tooltip.components-popover {
z-index: 1000002; }
.components-tooltip.components-popover::before {
border-color: transparent; }
.components-tooltip.components-popover.is-top::after {
border-top-color: #191e23; }
.components-tooltip.components-popover.is-bottom::after {
border-bottom-color: #191e23; }
.components-tooltip .components-popover__content {
padding: 4px 12px;
background: #191e23;
border-width: 0;
color: #fff;
white-space: nowrap;
text-align: center; }
.components-tooltip:not(.is-mobile) .components-popover__content {
min-width: 0; }
.components-tooltip__shortcut {
display: block;
color: #7e8993; }
home/xbodynamge/namtation/wp-includes/css/dist/block-library/style.css 0000604 00000106471 15115766513 0022235 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
color: #555d66;
text-align: center;
font-size: 13px; }
.wp-block-audio audio {
width: 100%;
min-width: 300px; }
.block-editor-block-list__layout .reusable-block-edit-panel {
align-items: center;
background: #f8f9f9;
color: #555d66;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
position: relative;
top: -14px;
margin: 0 -14px;
padding: 8px 14px;
position: relative;
border: 1px dashed rgba(145, 151, 162, 0.25);
border-bottom: none; }
.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel {
margin: 0 -14px;
padding: 8px 14px; }
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner {
margin: 0 5px; }
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info {
margin-right: auto; }
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label {
margin-right: 8px;
white-space: nowrap;
font-weight: 600; }
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
flex: 1 1 100%;
font-size: 14px;
height: 30px;
margin: 4px 0 8px; }
.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
flex-shrink: 0; }
@media (min-width: 960px) {
.block-editor-block-list__layout .reusable-block-edit-panel {
flex-wrap: nowrap; }
.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title {
margin: 0; }
.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button {
margin: 0 0 0 5px; } }
.editor-block-list__layout .is-selected .reusable-block-edit-panel {
border-color: rgba(66, 88, 99, 0.4);
border-left-color: transparent; }
.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel {
border-color: rgba(255, 255, 255, 0.45);
border-left-color: transparent; }
.block-editor-block-list__layout .reusable-block-indicator {
background: #fff;
border: 1px dashed #e2e4e7;
color: #555d66;
top: -14px;
height: 30px;
padding: 4px;
position: absolute;
z-index: 1;
width: 30px;
right: -14px; }
.wp-block-button {
color: #fff;
margin-bottom: 1.5em; }
.wp-block-button.aligncenter {
text-align: center; }
.wp-block-button.alignright {
/*rtl:ignore*/
text-align: right; }
.wp-block-button__link {
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word; }
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
color: inherit; }
.is-style-squared .wp-block-button__link {
border-radius: 0; }
.is-style-outline {
color: #32373c; }
.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 2px solid currentcolor; }
.wp-block-calendar {
text-align: center; }
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 4px;
border: 1px solid #e2e4e7; }
.wp-block-calendar tfoot td {
border: none; }
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.wp-block-calendar table th {
font-weight: 440;
background: #edeff0; }
.wp-block-calendar a {
text-decoration: underline; }
.wp-block-calendar tfoot a {
color: #00739c; }
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d; }
.wp-block-categories.alignleft {
/*rtl:ignore*/
margin-right: 2em; }
.wp-block-categories.alignright {
/*rtl:ignore*/
margin-left: 2em; }
.wp-block-columns {
display: flex;
flex-wrap: wrap; }
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap; } }
.wp-block-column {
flex-grow: 1;
margin-bottom: 1em;
flex-basis: 100%;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word; }
@media (min-width: 600px) {
.wp-block-column {
flex-basis: calc(50% - 16px);
flex-grow: 0; }
.wp-block-column:nth-child(even) {
margin-left: 32px; } }
@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
margin-left: 32px; } }
.wp-block-cover-image,
.wp-block-cover {
position: relative;
background-color: #000;
background-size: cover;
background-position: center center;
min-height: 430px;
width: 100%;
margin: 0 0 1.5em 0;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden; }
.wp-block-cover-image.has-left-content,
.wp-block-cover.has-left-content {
justify-content: flex-start; }
.wp-block-cover-image.has-left-content h2,
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover-image.has-left-content .wp-block-cover-text,
.wp-block-cover.has-left-content h2,
.wp-block-cover.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text {
margin-left: 0;
text-align: left; }
.wp-block-cover-image.has-right-content,
.wp-block-cover.has-right-content {
justify-content: flex-end; }
.wp-block-cover-image.has-right-content h2,
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover-image.has-right-content .wp-block-cover-text,
.wp-block-cover.has-right-content h2,
.wp-block-cover.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text {
margin-right: 0;
text-align: right; }
.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
color: #fff;
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 610px;
padding: 14px;
text-align: center; }
.wp-block-cover-image h2 a,
.wp-block-cover-image h2 a:hover,
.wp-block-cover-image h2 a:focus,
.wp-block-cover-image h2 a:active,
.wp-block-cover-image .wp-block-cover-image-text a,
.wp-block-cover-image .wp-block-cover-image-text a:hover,
.wp-block-cover-image .wp-block-cover-image-text a:focus,
.wp-block-cover-image .wp-block-cover-image-text a:active,
.wp-block-cover-image .wp-block-cover-text a,
.wp-block-cover-image .wp-block-cover-text a:hover,
.wp-block-cover-image .wp-block-cover-text a:focus,
.wp-block-cover-image .wp-block-cover-text a:active,
.wp-block-cover h2 a,
.wp-block-cover h2 a:hover,
.wp-block-cover h2 a:focus,
.wp-block-cover h2 a:active,
.wp-block-cover .wp-block-cover-image-text a,
.wp-block-cover .wp-block-cover-image-text a:hover,
.wp-block-cover .wp-block-cover-image-text a:focus,
.wp-block-cover .wp-block-cover-image-text a:active,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .wp-block-cover-text a:focus,
.wp-block-cover .wp-block-cover-text a:active {
color: #fff; }
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed; }
@supports (-webkit-overflow-scrolling: touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll; } }
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover.has-background-dim::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: 0.5;
z-index: 1; }
.wp-block-cover-image.has-background-dim.has-background-dim-10::before,
.wp-block-cover.has-background-dim.has-background-dim-10::before {
opacity: 0.1; }
.wp-block-cover-image.has-background-dim.has-background-dim-20::before,
.wp-block-cover.has-background-dim.has-background-dim-20::before {
opacity: 0.2; }
.wp-block-cover-image.has-background-dim.has-background-dim-30::before,
.wp-block-cover.has-background-dim.has-background-dim-30::before {
opacity: 0.3; }
.wp-block-cover-image.has-background-dim.has-background-dim-40::before,
.wp-block-cover.has-background-dim.has-background-dim-40::before {
opacity: 0.4; }
.wp-block-cover-image.has-background-dim.has-background-dim-50::before,
.wp-block-cover.has-background-dim.has-background-dim-50::before {
opacity: 0.5; }
.wp-block-cover-image.has-background-dim.has-background-dim-60::before,
.wp-block-cover.has-background-dim.has-background-dim-60::before {
opacity: 0.6; }
.wp-block-cover-image.has-background-dim.has-background-dim-70::before,
.wp-block-cover.has-background-dim.has-background-dim-70::before {
opacity: 0.7; }
.wp-block-cover-image.has-background-dim.has-background-dim-80::before,
.wp-block-cover.has-background-dim.has-background-dim-80::before {
opacity: 0.8; }
.wp-block-cover-image.has-background-dim.has-background-dim-90::before,
.wp-block-cover.has-background-dim.has-background-dim-90::before {
opacity: 0.9; }
.wp-block-cover-image.has-background-dim.has-background-dim-100::before,
.wp-block-cover.has-background-dim.has-background-dim-100::before {
opacity: 1; }
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 305px;
width: 100%; }
.wp-block-cover-image::after,
.wp-block-cover::after {
display: block;
content: "";
font-size: 0;
min-height: inherit; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.wp-block-cover-image::after,
.wp-block-cover::after {
content: none; } }
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex; }
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #f8f9f9; }
.wp-block-cover-image p,
.wp-block-cover-image h1,
.wp-block-cover-image h2,
.wp-block-cover-image h3,
.wp-block-cover-image h4,
.wp-block-cover-image h5,
.wp-block-cover-image h6,
.wp-block-cover-image .wp-block-subhead,
.wp-block-cover p,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6,
.wp-block-cover .wp-block-subhead {
color: inherit; }
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover; }
.block-editor-block-list__block[data-type="core/embed"][data-align="left"] .block-editor-block-list__block-edit,
.block-editor-block-list__block[data-type="core/embed"][data-align="right"] .block-editor-block-list__block-edit,
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%; }
.wp-block-embed {
margin-bottom: 1em; }
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
color: #555d66;
text-align: center;
font-size: 13px; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper {
position: relative; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
content: "";
display: block;
padding-top: 50%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before {
padding-top: 66.66%; }
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%; }
.wp-block-file {
margin-bottom: 1.5em; }
.wp-block-file.aligncenter {
text-align: center; }
.wp-block-file.alignright {
/*rtl:ignore*/
text-align: right; }
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: 0.5em 1em; }
.wp-block-file a.wp-block-file__button {
text-decoration: none; }
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
box-shadow: none;
color: #fff;
opacity: 0.85;
text-decoration: none; }
.wp-block-file * + .wp-block-file__button {
margin-left: 0.75em; }
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0; }
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative; }
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start; } }
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto; }
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: 100%; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: auto; } }
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline; }
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover; } }
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - 16px) / 2); }
.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.wp-block-gallery .blocks-gallery-item:nth-of-type(even) {
margin-right: 0; }
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0; }
@media (min-width: 600px) {
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2) / 3);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 16px * 2) / 3 - 1px); } }
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3) / 4);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 16px * 3) / 4 - 1px); } }
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4) / 5);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 16px * 4) / 5 - 1px); } }
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5) / 6);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 16px * 5) / 6 - 1px); } }
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6) / 7);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 16px * 6) / 7 - 1px); } }
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7) / 8);
margin-right: 16px; }
@supports (-ms-ime-align: auto) {
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 16px * 7) / 8 - 1px); } }
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0; }
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0; }
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0; }
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0; }
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0; }
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0; }
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0; }
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0; } }
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0; }
.wp-block-gallery .blocks-gallery-item.has-add-item-button {
width: 100%; }
.wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 305px;
width: 100%; }
.wp-block-gallery.alignleft, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright {
display: flex; }
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center; }
.wp-block-image {
max-width: 100%;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0; }
.wp-block-image img {
max-width: 100%; }
.wp-block-image.aligncenter {
text-align: center; }
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
width: 100%; }
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter, .wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0; }
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption {
display: table-caption;
caption-side: bottom; }
.wp-block-image .alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1em; }
.wp-block-image .alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1em; }
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto; }
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
color: #555d66;
text-align: center;
font-size: 13px; }
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em; }
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none; }
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 52px; }
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5; }
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px; }
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px; }
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px; }
.wp-block-latest-posts.alignleft {
/*rtl:ignore*/
margin-right: 2em; }
.wp-block-latest-posts.alignright {
/*rtl:ignore*/
margin-left: 2em; }
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none; }
.wp-block-latest-posts.is-grid li {
margin: 0 16px 16px 0;
width: 100%; }
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc((100% / 2) - 16px); }
.wp-block-latest-posts.columns-3 li {
width: calc((100% / 3) - 16px); }
.wp-block-latest-posts.columns-4 li {
width: calc((100% / 4) - 16px); }
.wp-block-latest-posts.columns-5 li {
width: calc((100% / 5) - 16px); }
.wp-block-latest-posts.columns-6 li {
width: calc((100% / 6) - 16px); } }
.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px; }
.wp-block-media-text {
display: grid; }
.wp-block-media-text {
grid-template-rows: auto;
align-items: center;
grid-template-areas: "media-text-media media-text-content";
grid-template-columns: 50% auto; }
.wp-block-media-text.has-media-on-the-right {
grid-template-areas: "media-text-content media-text-media";
grid-template-columns: auto 50%; }
.wp-block-media-text .wp-block-media-text__media {
grid-area: media-text-media;
margin: 0; }
.wp-block-media-text .wp-block-media-text__content {
word-break: break-word;
grid-area: media-text-content;
padding: 0 8% 0 8%; }
.wp-block-media-text > figure > img,
.wp-block-media-text > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle; }
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
grid-template-areas: "media-text-media" "media-text-content"; }
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
grid-template-areas: "media-text-content" "media-text-media"; } }
.is-small-text {
font-size: 14px; }
.is-regular-text {
font-size: 16px; }
.is-large-text {
font-size: 36px; }
.is-larger-text {
font-size: 48px; }
.has-drop-cap:not(:focus)::first-letter {
float: left;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
font-style: normal; }
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px; }
p.has-background {
padding: 20px 30px; }
p.has-text-color a {
color: inherit; }
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center; }
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 305px; }
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px; }
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6; }
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative; }
.wp-block-pullquote .has-text-color a {
color: inherit; }
.wp-block-pullquote:not(.is-style-solid-color) {
background: none; }
.wp-block-pullquote.is-style-solid-color {
border: none; }
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%; }
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px; }
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal; }
.wp-block-pullquote cite {
color: inherit; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin: 0 0 16px;
padding: 0 1em; }
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6; }
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
font-size: 18px;
text-align: right; }
.wp-block-rss.alignleft {
/*rtl:ignore*/
margin-right: 2em; }
.wp-block-rss.alignright {
/*rtl:ignore*/
margin-left: 2em; }
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none; }
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%; }
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 16px); }
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 16px); }
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 16px); }
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 16px); }
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 16px); } }
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
color: #6c7781;
font-size: 13px; }
.wp-block-search {
display: flex;
flex-wrap: wrap; }
.wp-block-search .wp-block-search__label {
width: 100%; }
.wp-block-search .wp-block-search__input {
flex-grow: 1; }
.wp-block-search .wp-block-search__button {
margin-left: 10px; }
.wp-block-separator.is-style-wide {
border-bottom-width: 1px; }
.wp-block-separator.is-style-dots {
background: none;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto; }
.wp-block-separator.is-style-dots::before {
content: "\00b7 \00b7 \00b7";
color: #191e23;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif; }
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: 0.75; }
.wp-block-table.has-fixed-layout {
table-layout: fixed;
width: 100%; }
.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
display: table;
width: auto; }
.wp-block-table.has-subtle-light-gray-background-color {
background-color: #f3f4f5; }
.wp-block-table.has-subtle-pale-green-background-color {
background-color: #e9fbe5; }
.wp-block-table.has-subtle-pale-blue-background-color {
background-color: #e7f5fe; }
.wp-block-table.has-subtle-pale-pink-background-color {
background-color: #fcf0ef; }
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f3f4f5; }
.wp-block-table.is-style-stripes tr:nth-child(odd) {
background-color: #f3f4f5; }
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd) {
background-color: #f3f4f5; }
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd) {
background-color: #e9fbe5; }
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd) {
background-color: #e7f5fe; }
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd) {
background-color: #fcf0ef; }
.wp-block-table.is-style-stripes td {
border-color: transparent; }
.wp-block-text-columns {
display: flex; }
.wp-block-text-columns.aligncenter {
display: flex; }
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0; }
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0; }
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0; }
.wp-block-text-columns.columns-2 .wp-block-column {
width: calc(100% / 2); }
.wp-block-text-columns.columns-3 .wp-block-column {
width: calc(100% / 3); }
.wp-block-text-columns.columns-4 .wp-block-column {
width: calc(100% / 4); }
pre.wp-block-verse {
white-space: nowrap;
overflow: auto; }
.wp-block-video {
margin-left: 0;
margin-right: 0; }
.wp-block-video video {
max-width: 100%; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover; } }
.wp-block-video.aligncenter {
text-align: center; }
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
color: #555d66;
text-align: center;
font-size: 13px; }
.has-pale-pink-background-color.has-pale-pink-background-color {
background-color: #f78da7; }
.has-vivid-red-background-color.has-vivid-red-background-color {
background-color: #cf2e2e; }
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {
background-color: #7bdcb5; }
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {
background-color: #00d084; }
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
.has-very-light-gray-background-color.has-very-light-gray-background-color {
background-color: #eee; }
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {
background-color: #313131; }
.has-pale-pink-color.has-pale-pink-color {
color: #f78da7; }
.has-vivid-red-color.has-vivid-red-color {
color: #cf2e2e; }
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {
color: #ff6900; }
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {
color: #fcb900; }
.has-light-green-cyan-color.has-light-green-cyan-color {
color: #7bdcb5; }
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {
color: #00d084; }
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {
color: #8ed1fc; }
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {
color: #0693e3; }
.has-very-light-gray-color.has-very-light-gray-color {
color: #eee; }
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {
color: #abb8c3; }
.has-very-dark-gray-color.has-very-dark-gray-color {
color: #313131; }
.has-small-font-size {
font-size: 13px; }
.has-regular-font-size,
.has-normal-font-size {
font-size: 16px; }
.has-medium-font-size {
font-size: 20px; }
.has-large-font-size {
font-size: 36px; }
.has-larger-font-size,
.has-huge-font-size {
font-size: 42px; }
home/xbodynamge/namtation/wp-includes/css/dist/list-reusable-blocks/style.css 0000604 00000002037 15115766655 0023527 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.list-reusable-blocks-import-dropdown__content .components-popover__content {
padding: 10px; }
.list-reusable-blocks-import-form__label {
display: block;
margin-bottom: 10px; }
.list-reusable-blocks-import-form__button {
margin-top: 20px;
float: right; }
.list-reusable-blocks-import-form .components-notice__content {
margin: 0; }
.list-reusable-blocks__container {
display: inline-flex;
padding: 9px 0 4px;
align-items: center;
vertical-align: top; }
home/xbodynamge/namtation/wp-includes/css/dist/nux/style.css 0000604 00000006144 15116007305 0020273 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
.nux-dot-tip::before, .nux-dot-tip::after {
border-radius: 100%;
content: " ";
pointer-events: none;
position: absolute; }
.nux-dot-tip::before {
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
background: rgba(0, 115, 156, 0.9);
height: 24px;
left: -12px;
top: -12px;
transform: scale(0.33333);
width: 24px; }
.nux-dot-tip::after {
background: #00739c;
height: 8px;
left: -4px;
top: -4px;
width: 8px; }
@keyframes nux-pulse {
100% {
background: rgba(0, 115, 156, 0);
transform: scale(1); } }
.nux-dot-tip .components-popover__content {
padding: 5px 41px 5px 20px;
width: 350px; }
@media (min-width: 600px) {
.nux-dot-tip .components-popover__content {
width: 450px; } }
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
position: absolute;
right: 0;
top: 0; }
.nux-dot-tip.is-top {
margin-top: -4px; }
.nux-dot-tip.is-bottom {
margin-top: 4px; }
.nux-dot-tip.is-middle.is-left {
margin-left: -4px; }
.nux-dot-tip.is-middle.is-right {
margin-left: 4px; }
.nux-dot-tip.is-top .components-popover__content {
margin-bottom: 20px; }
.nux-dot-tip.is-bottom .components-popover__content {
margin-top: 20px; }
.nux-dot-tip.is-middle.is-left .components-popover__content {
margin-right: 20px; }
.nux-dot-tip.is-middle.is-right .components-popover__content {
margin-left: 20px; }
.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right {
z-index: 1000001; }
@media (max-width: 600px) {
.nux-dot-tip:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-right .components-popover__content {
align-self: end;
left: 5px;
margin: 20px 0 0 0;
max-width: none !important;
position: fixed;
right: 5px;
width: auto; } }
.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
/*!rtl:ignore*/
margin-left: 0; }
.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
/*!rtl:ignore*/
margin-right: 0; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
/*!rtl:ignore*/
margin-left: -12px; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
/*!rtl:ignore*/
margin-right: -12px; }
home/xbodynamge/namtation/wp-includes/css/dist/edit-post/style.css 0000604 00000232374 15116017003 0021373 0 ustar 00 /**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
@media (min-width: 782px) {
body.js.is-fullscreen-mode {
margin-top: -46px;
height: calc(100% + 46px);
animation: edit-post__fade-in-animation 0.3s ease-out 0s;
animation-fill-mode: forwards; } }
@media (min-width: 782px) and (min-width: 782px) {
body.js.is-fullscreen-mode {
margin-top: -32px;
height: calc(100% + 32px); } }
@media (min-width: 782px) {
body.js.is-fullscreen-mode #adminmenumain,
body.js.is-fullscreen-mode #wpadminbar {
display: none; }
body.js.is-fullscreen-mode #wpcontent,
body.js.is-fullscreen-mode #wpfooter {
margin-left: 0; } }
@media (min-width: 782px) and (prefers-reduced-motion: reduce) {
body.js.is-fullscreen-mode {
animation-duration: 1ms !important; } }
@media (min-width: 782px) {
body.js.is-fullscreen-mode .edit-post-header {
transform: translateY(-100%);
animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } }
@media (min-width: 782px) and (prefers-reduced-motion: reduce) {
body.js.is-fullscreen-mode .edit-post-header {
animation-duration: 1ms !important; } }
@keyframes edit-post-fullscreen-mode__slide-in-animation {
100% {
transform: translateY(0%); } }
.edit-post-header {
height: 56px;
padding: 4px 2px;
border-bottom: 1px solid #e2e4e7;
background: #fff;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
z-index: 30;
left: 0;
right: 0;
top: 0;
position: -webkit-sticky;
position: sticky; }
@media (min-width: 600px) {
.edit-post-header {
position: fixed;
padding: 8px;
top: 46px; } }
@media (min-width: 782px) {
.edit-post-header {
top: 32px; }
body.is-fullscreen-mode .edit-post-header {
top: 0; } }
.edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
display: none; }
@media (min-width: 600px) {
.edit-post-header .editor-post-switch-to-draft + .editor-post-preview {
display: inline-flex; } }
.edit-post-header > .edit-post-header__settings {
order: 1; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.edit-post-header > .edit-post-header__settings {
order: initial; } }
.edit-post-header {
/* Set left position when auto-fold is not on the body element. */
left: 0; }
@media (min-width: 782px) {
.edit-post-header {
left: 160px; } }
.auto-fold .edit-post-header {
/* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
@media (min-width: 782px) {
.auto-fold .edit-post-header {
left: 36px; } }
@media (min-width: 960px) {
.auto-fold .edit-post-header {
left: 160px; } }
/* Sidebar manually collapsed. */
.folded .edit-post-header {
left: 0; }
@media (min-width: 782px) {
.folded .edit-post-header {
left: 36px; } }
/* Mobile menu opened. */
@media (max-width: 782px) {
.auto-fold .wp-responsive-open .edit-post-header {
left: 190px; } }
/* In small screens with responsive menu expanded there is small white space. */
@media (max-width: 600px) {
.auto-fold .wp-responsive-open .edit-post-header {
margin-left: -18px; } }
body.is-fullscreen-mode .edit-post-header {
left: 0 !important; }
.edit-post-header__settings {
display: inline-flex;
align-items: center; }
.edit-post-header .components-button.is-toggled {
color: #fff;
background: #555d66;
margin: 1px;
padding: 7px; }
.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus {
box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff !important;
color: #fff !important;
background: #555d66 !important; }
.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
margin: 2px;
height: 33px;
line-height: 32px;
font-size: 13px; }
.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
padding: 0 5px; }
@media (min-width: 600px) {
.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft {
padding: 0 12px; } }
.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
padding: 0 5px 2px; }
@media (min-width: 600px) {
.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
padding: 0 12px 2px; } }
@media (min-width: 782px) {
.edit-post-header .components-button.editor-post-preview {
margin: 0 3px 0 12px; }
.edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle {
margin: 0 12px 0 3px; } }
.edit-post-fullscreen-mode-close__toolbar {
display: none; }
@media (min-width: 782px) {
.edit-post-fullscreen-mode-close__toolbar {
display: block;
border-top: 0;
border-bottom: 0;
border-left: 0;
margin: -9px 10px -9px -10px;
padding: 9px 10px; } }
.edit-post-header-toolbar {
display: inline-flex;
align-items: center; }
.edit-post-header-toolbar > .components-button {
display: none; }
@media (min-width: 600px) {
.edit-post-header-toolbar > .components-button {
display: inline-flex; } }
.edit-post-header-toolbar .block-editor-block-navigation,
.edit-post-header-toolbar .table-of-contents {
display: none; }
@media (min-width: 600px) {
.edit-post-header-toolbar .block-editor-block-navigation,
.edit-post-header-toolbar .table-of-contents {
display: flex; } }
.edit-post-header-toolbar__block-toolbar {
position: absolute;
top: 56px;
left: 0;
right: 0;
background: #fff;
min-height: 37px;
border-bottom: 1px solid #e2e4e7; }
.edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
border-top: none;
border-bottom: none; }
.is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
display: none; }
@media (min-width: 782px) {
.is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
display: block;
right: 280px; } }
@media (min-width: 1080px) {
.edit-post-header-toolbar__block-toolbar {
padding-left: 8px;
position: static;
left: auto;
right: auto;
background: none;
border-bottom: none;
min-height: auto; }
.is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
right: auto; }
.edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar {
margin: -9px 0; }
.edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
padding: 10px 4px 9px; } }
.edit-post-more-menu {
margin-left: -4px; }
.edit-post-more-menu .components-icon-button {
width: auto;
padding: 8px 2px; }
@media (min-width: 600px) {
.edit-post-more-menu {
margin-left: 4px; }
.edit-post-more-menu .components-icon-button {
padding: 8px 4px; } }
.edit-post-more-menu .components-button svg {
transform: rotate(90deg); }
.edit-post-more-menu__content .components-popover__content {
min-width: 260px; }
@media (min-width: 480px) {
.edit-post-more-menu__content .components-popover__content {
width: auto;
max-width: 480px; } }
.edit-post-more-menu__content .components-popover__content .components-menu-group:not(:last-child),
.edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group {
border-bottom: 1px solid #e2e4e7; }
.edit-post-more-menu__content .components-popover__content .components-menu-item__button {
padding-left: 2rem; }
.edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon {
padding-left: 0.5rem; }
.edit-post-pinned-plugins {
display: none; }
@media (min-width: 600px) {
.edit-post-pinned-plugins {
display: flex; } }
.edit-post-pinned-plugins .components-icon-button {
margin-left: 4px; }
.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg,
.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * {
stroke: #555d66;
fill: #555d66;
stroke-width: 0; }
.edit-post-pinned-plugins .components-icon-button.is-toggled svg,
.edit-post-pinned-plugins .components-icon-button.is-toggled svg * {
stroke: #fff !important;
fill: #fff !important;
stroke-width: 0; }
.edit-post-pinned-plugins .components-icon-button:hover svg,
.edit-post-pinned-plugins .components-icon-button:hover svg * {
stroke: #191e23 !important;
fill: #191e23 !important;
stroke-width: 0; }
.edit-post-keyboard-shortcut-help__section {
margin: 0 0 2rem 0; }
.edit-post-keyboard-shortcut-help__section-title {
font-size: 0.9rem;
font-weight: 600; }
.edit-post-keyboard-shortcut-help__shortcut {
display: flex;
align-items: center;
padding: 0.6rem 0;
border-top: 1px solid #e2e4e7; }
.edit-post-keyboard-shortcut-help__shortcut:last-child {
border-bottom: 1px solid #e2e4e7; }
.edit-post-keyboard-shortcut-help__shortcut-term {
order: 1;
font-weight: 600;
margin: 0 0 0 1rem; }
.edit-post-keyboard-shortcut-help__shortcut-description {
flex: 1;
order: 0;
margin: 0;
flex-basis: auto; }
.edit-post-keyboard-shortcut-help__shortcut-key-combination {
background: none;
margin: 0;
padding: 0; }
.edit-post-keyboard-shortcut-help__shortcut-key {
padding: 0.25rem 0.5rem;
border-radius: 8%;
margin: 0 0.2rem 0 0.2rem; }
.edit-post-keyboard-shortcut-help__shortcut-key:last-child {
margin: 0 0 0 0.2rem; }
.edit-post-layout,
.edit-post-layout__content {
height: 100%; }
.edit-post-layout {
position: relative; }
.edit-post-layout .components-notice-list {
position: -webkit-sticky;
position: sticky;
top: 56px;
right: 0;
color: #191e23; }
@media (min-width: 600px) {
.edit-post-layout .components-notice-list {
top: 0; } }
.edit-post-layout .components-notice-list.is-pinned {
position: relative;
left: 0;
top: 0; }
.edit-post-layout .components-notice {
margin: 0 0 5px;
padding: 6px 12px;
min-height: 50px; }
.edit-post-layout .components-notice .components-notice__dismiss {
margin: 10px 5px; }
@media (min-width: 600px) {
.edit-post-layout {
padding-top: 56px; } }
.edit-post-layout__metaboxes:not(:empty) {
border-top: 1px solid #e2e4e7;
margin-top: 10px;
padding: 10px 0 10px;
clear: both; }
.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
margin: auto 20px; }
.edit-post-layout__content {
display: flex;
flex-direction: column;
min-height: 100%;
position: relative;
padding-bottom: 50vh;
-webkit-overflow-scrolling: touch; }
@media (min-width: 782px) {
.edit-post-layout__content {
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 88px;
min-height: calc(100% - 88px);
height: auto;
margin-left: 160px; }
body.auto-fold .edit-post-layout__content {
margin-left: 36px; } }
@media (min-width: 782px) and (min-width: 960px) {
body.auto-fold .edit-post-layout__content {
margin-left: 160px; } }
@media (min-width: 782px) {
body.folded .edit-post-layout__content {
margin-left: 36px; }
body.is-fullscreen-mode .edit-post-layout__content {
margin-left: 0 !important;
top: 56px; } }
@media (min-width: 782px) {
.has-fixed-toolbar .edit-post-layout__content {
top: 124px; } }
@media (min-width: 1080px) {
.has-fixed-toolbar .edit-post-layout__content {
top: 88px; } }
@media (min-width: 600px) {
.edit-post-layout__content {
padding-bottom: 0; } }
@media (min-width: 600px) {
.edit-post-layout__content {
overflow-y: auto; } }
@media (min-width: 600px) {
.edit-post-layout__content {
overscroll-behavior-y: none; } }
.edit-post-layout__content .edit-post-visual-editor {
flex: 1 1 auto; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.edit-post-layout__content .edit-post-visual-editor {
flex-basis: 100%; } }
.edit-post-layout__content .edit-post-layout__metaboxes {
flex-shrink: 0; }
.edit-post-layout .editor-post-publish-panel {
position: fixed;
z-index: 100001;
top: 46px;
bottom: 0;
right: 0;
left: 0;
overflow: auto; }
@media (min-width: 782px) {
.edit-post-layout .editor-post-publish-panel {
top: 32px;
left: auto;
width: 280px;
border-left: 1px solid #e2e4e7;
transform: translateX(100%);
animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
@media (min-width: 782px) and (prefers-reduced-motion: reduce) {
.edit-post-layout .editor-post-publish-panel {
animation-duration: 1ms !important; } }
@media (min-width: 782px) {
body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
top: 0; }
.is-focusing-regions .edit-post-layout .editor-post-publish-panel {
transform: translateX(0%); } }
@keyframes edit-post-post-publish-panel__slide-in-animation {
100% {
transform: translateX(0%); } }
.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large {
height: 33px;
line-height: 32px; }
.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer {
display: inline-flex;
flex: 0 1 52px; }
.edit-post-toggle-publish-panel {
position: fixed;
top: -9999em;
bottom: auto;
left: auto;
right: 0;
z-index: 100000;
padding: 10px 10px 10px 0;
width: 280px;
background-color: #fff; }
.edit-post-toggle-publish-panel:focus {
top: auto;
bottom: 0; }
.edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
width: auto;
height: auto;
display: block;
font-size: 14px;
font-weight: 600;
margin: 0 0 0 auto;
padding: 15px 23px 14px;
line-height: normal;
text-decoration: none;
outline: none;
background: #f1f1f1;
color: #11a0d2; }
body.admin-color-sunrise .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #c8b03c; }
body.admin-color-ocean .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #a89d8a; }
body.admin-color-midnight .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #77a6b9; }
body.admin-color-ectoplasm .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #c77430; }
body.admin-color-coffee .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #9fa47b; }
body.admin-color-blue .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #d9ab59; }
body.admin-color-light .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button {
color: #c75726; }
.edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button:focus {
position: fixed;
top: auto;
right: 10px;
bottom: 10px;
left: auto; }
@media (min-width: 600px) {
.edit-post-manage-blocks-modal {
height: calc(100% - 56px - 56px); } }
.edit-post-manage-blocks-modal .components-modal__content {
padding-bottom: 0;
display: flex;
flex-direction: column; }
.edit-post-manage-blocks-modal .components-modal__header {
flex-shrink: 0;
margin-bottom: 0; }
.edit-post-manage-blocks-modal__content {
display: flex;
flex-direction: column;
flex: 0 1 100%;
min-height: 0; }
.edit-post-manage-blocks-modal__no-results {
font-style: italic;
padding: 24px 0;
text-align: center; }
.edit-post-manage-blocks-modal__search {
margin: 16px 0; }
.edit-post-manage-blocks-modal__search .components-base-control__field {
margin-bottom: 0; }
.edit-post-manage-blocks-modal__search .components-base-control__label {
margin-top: -4px; }
.edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input {
padding: 12px;
border-radius: 4px; }
.edit-post-manage-blocks-modal__category {
margin: 0 0 2rem 0; }
.edit-post-manage-blocks-modal__category-title {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 16px 0;
background-color: #fff; }
.edit-post-manage-blocks-modal__category-title .components-base-control__field {
margin-bottom: 0; }
.edit-post-manage-blocks-modal__category-title .components-checkbox-control__label {
font-size: 0.9rem;
font-weight: 600; }
.edit-post-manage-blocks-modal__show-all {
margin-right: 8px; }
.edit-post-manage-blocks-modal__checklist {
margin-top: 0; }
.edit-post-manage-blocks-modal__checklist-item {
margin-bottom: 0;
padding-left: 16px;
border-top: 1px solid #e2e4e7; }
.edit-post-manage-blocks-modal__checklist-item:last-child {
border-bottom: 1px solid #e2e4e7; }
.edit-post-manage-blocks-modal__checklist-item .components-base-control__field {
align-items: center;
display: flex;
margin: 0; }
.components-modal__content .edit-post-manage-blocks-modal__checklist-item input[type="checkbox"] {
margin: 0 8px; }
.edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
padding: 0.6rem 0 0.6rem 10px; }
.edit-post-manage-blocks-modal__checklist-item .editor-block-icon {
margin-right: 10px;
fill: #555d66; }
.edit-post-manage-blocks-modal__results {
height: 100%;
overflow: auto;
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
border-top: 1px solid #e2e4e7; }
.edit-post-meta-boxes-area {
position: relative;
/**
* The wordpress default for most meta-box elements is content-box. Some
* elements such as textarea and input are set to border-box in forms.css.
* These elements therefore specifically set back to border-box here, while
* other elements (such as .button) are unaffected by Gutenberg's style
* because of their higher specificity.
*/
/* Match width and positioning of the meta boxes. Override default styles. */
/* Override Default meta box stylings */ }
.edit-post-meta-boxes-area__container,
.edit-post-meta-boxes-area .inside {
box-sizing: content-box; }
.edit-post-meta-boxes-area textarea,
.edit-post-meta-boxes-area input {
box-sizing: border-box; }
.edit-post-meta-boxes-area #poststuff {
margin: 0 auto;
padding-top: 0;
min-width: auto; }
.edit-post-meta-boxes-area #poststuff h3.hndle,
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle {
/* WordPress selectors yolo */
border-bottom: 1px solid #e2e4e7;
box-sizing: border-box;
color: inherit;
font-weight: 600;
outline: none;
padding: 15px;
position: relative;
width: 100%; }
.edit-post-meta-boxes-area .postbox {
border: 0;
color: inherit;
margin-bottom: 0; }
.edit-post-meta-boxes-area .postbox > .inside {
border-bottom: 1px solid #e2e4e7;
color: inherit;
padding: 0 14px 14px;
margin: 0; }
.edit-post-meta-boxes-area .postbox .handlediv {
height: 44px;
width: 44px; }
.edit-post-meta-boxes-area.is-loading::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: transparent;
z-index: 1; }
.edit-post-meta-boxes-area .components-spinner {
position: absolute;
top: 10px;
right: 20px;
z-index: 5; }
.edit-post-meta-boxes-area .is-hidden {
display: none; }
.edit-post-meta-boxes-area__clear {
clear: both; }
.edit-post-sidebar {
position: fixed;
z-index: 100000;
top: 0;
right: 0;
bottom: 0;
width: 280px;
border-left: 1px solid #e2e4e7;
background: #fff;
color: #555d66;
height: 100vh;
overflow: hidden; }
@media (min-width: 600px) {
.edit-post-sidebar {
top: 102px;
z-index: 90;
height: auto;
overflow: auto;
-webkit-overflow-scrolling: touch; } }
@media (min-width: 782px) {
.edit-post-sidebar {
top: 88px; }
body.is-fullscreen-mode .edit-post-sidebar {
top: 56px; } }
.edit-post-sidebar > .components-panel {
border-left: none;
border-right: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: auto;
max-height: calc(100vh - 96px);
margin-top: -1px;
margin-bottom: -1px;
position: relative;
z-index: -2; }
@media (min-width: 600px) {
.edit-post-sidebar > .components-panel {
overflow: hidden;
height: auto;
max-height: none; } }
.edit-post-sidebar > .components-panel .components-panel__header {
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
height: 50px; }
@media (min-width: 600px) {
.edit-post-sidebar > .components-panel .components-panel__header {
position: inherit;
top: auto;
left: auto;
right: auto; } }
.edit-post-sidebar p {
margin-top: 0; }
.edit-post-sidebar h2,
.edit-post-sidebar h3 {
font-size: 13px;
color: #555d66;
margin-bottom: 1.5em; }
.edit-post-sidebar hr {
border-top: none;
border-bottom: 1px solid #e2e4e7;
margin: 1.5em 0; }
.edit-post-sidebar div.components-toolbar {
box-shadow: none;
margin-bottom: 1.5em; }
.edit-post-sidebar div.components-toolbar:last-child {
margin-bottom: 0; }
.edit-post-sidebar p + div.components-toolbar {
margin-top: -1em; }
.edit-post-sidebar .block-editor-skip-to-selected-block:focus {
top: auto;
right: 10px;
bottom: 10px;
left: auto; }
/* Visual and Text editor both */
@media (min-width: 782px) {
.edit-post-layout.is-sidebar-opened .edit-post-layout__content {
margin-right: 280px; } }
.edit-post-layout.is-sidebar-opened .edit-post-sidebar,
.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
/* Sidebar covers screen on mobile */
width: 100%;
/* Sidebar sits on the side on larger breakpoints */ }
@media (min-width: 782px) {
.edit-post-layout.is-sidebar-opened .edit-post-sidebar,
.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout {
width: 280px; } }
/* Text Editor specific */
.components-panel__header.edit-post-sidebar__header {
background: #fff;
padding-right: 8px; }
.components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
@media (min-width: 782px) {
.components-panel__header.edit-post-sidebar__header {
display: none; } }
.components-panel__header.edit-post-sidebar__panel-tabs {
justify-content: flex-start;
padding-left: 0;
padding-right: 4px;
border-top: 0;
margin-top: 0; }
.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
display: none;
margin-left: auto; }
@media (min-width: 782px) {
.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button {
display: flex; } }
.edit-post-sidebar__panel-tab {
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
height: 50px;
padding: 3px 15px;
margin-left: 0;
font-weight: 400;
outline-offset: -1px;
transition: box-shadow 0.1s linear; }
.edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #007cba;
font-weight: 600;
position: relative; }
body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #837425; }
body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #5e7d5e; }
body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #497b8d; }
body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #523f6d; }
body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #59524c; }
body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #417e9B; }
body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #007cba; }
.edit-post-sidebar__panel-tab.is-active::before {
content: "";
position: absolute;
top: 0;
bottom: 1px;
right: 0;
left: 0;
border-bottom: 3px solid transparent; }
.edit-post-sidebar__panel-tab:focus {
color: #191e23;
outline-offset: -1px;
outline: 1px dotted #555d66; }
.components-panel__body.is-opened.edit-post-last-revision__panel {
padding: 0; }
.editor-post-last-revision__title {
padding: 13px 16px; }
.editor-post-author__select {
margin: -5px 0;
width: 100%; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.editor-post-author__select {
width: auto; } }
.edit-post-post-link__link-post-name {
font-weight: 600; }
.edit-post-post-link__preview-label {
margin: 0; }
.edit-post-post-link__link {
word-wrap: break-word; }
.edit-post-post-schedule {
width: 100%;
position: relative; }
.edit-post-post-schedule__label {
display: none; }
.components-button.edit-post-post-schedule__toggle {
text-align: right; }
.edit-post-post-schedule__dialog .components-popover__content {
padding: 10px; }
@media (min-width: 782px) {
.edit-post-post-schedule__dialog .components-popover__content {
width: 270px; } }
.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft {
margin-top: 15px;
width: 100%;
text-align: center; }
.edit-post-post-visibility {
width: 100%; }
.edit-post-post-visibility__dialog .components-popover__content {
padding: 10px; }
@media (min-width: 782px) {
.edit-post-post-visibility__dialog .components-popover__content {
width: 257px; } }
.edit-post-post-visibility__dialog-legend {
font-weight: 600; }
.edit-post-post-visibility__choice {
margin: 10px 0; }
.edit-post-post-visibility__dialog-radio,
.edit-post-post-visibility__dialog-label {
vertical-align: top; }
.edit-post-post-visibility__dialog-password-input {
width: calc(100% - 20px);
margin-left: 20px; }
.edit-post-post-visibility__dialog-info {
color: #7e8993;
padding-left: 20px;
font-style: italic;
margin: 4px 0 0;
line-height: 1.4; }
.components-panel__header.edit-post-sidebar__panel-tabs {
justify-content: flex-start;
padding-left: 0;
padding-right: 4px;
border-top: 0;
position: -webkit-sticky;
position: sticky;
z-index: -1;
top: 0; }
.components-panel__header.edit-post-sidebar__panel-tabs ul {
display: flex; }
.components-panel__header.edit-post-sidebar__panel-tabs li {
margin: 0; }
.edit-post-sidebar__panel-tab {
background: transparent;
border: none;
box-shadow: none;
cursor: pointer;
padding: 3px 15px;
margin-left: 0;
font-weight: 400;
color: #191e23;
outline-offset: -1px;
transition: box-shadow 0.1s linear; }
.edit-post-sidebar__panel-tab::after {
content: attr(data-label);
display: block;
font-weight: 600;
height: 0;
overflow: hidden;
speak: none;
visibility: hidden; }
.edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #007cba;
font-weight: 600;
position: relative; }
body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #837425; }
body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #5e7d5e; }
body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #497b8d; }
body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #523f6d; }
body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #59524c; }
body.admin-color-blue .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #417e9B; }
body.admin-color-light .edit-post-sidebar__panel-tab.is-active {
box-shadow: inset 0 -3px #007cba; }
.edit-post-sidebar__panel-tab.is-active::before {
content: "";
position: absolute;
top: 0;
bottom: 1px;
right: 0;
left: 0;
border-bottom: 3px solid transparent; }
.edit-post-sidebar__panel-tab:focus {
color: #191e23;
outline-offset: -1px;
outline: 1px dotted #555d66; }
.edit-post-settings-sidebar__panel-block .components-panel__body {
border: none;
border-top: 1px solid #e2e4e7;
margin: 0 -16px; }
.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control {
margin-bottom: 24px; }
.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child {
margin-bottom: 8px; }
.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle {
color: #191e23; }
.edit-post-settings-sidebar__panel-block .components-panel__body:first-child {
margin-top: 16px; }
.edit-post-settings-sidebar__panel-block .components-panel__body:last-child {
margin-bottom: -16px; }
/* Text Editor specific */
.components-panel__header.edit-post-sidebar-header__small {
background: #fff;
padding-right: 4px; }
.components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
@media (min-width: 782px) {
.components-panel__header.edit-post-sidebar-header__small {
display: none; } }
.components-panel__header.edit-post-sidebar-header {
padding-right: 4px;
background: #f3f4f5; }
.components-panel__header.edit-post-sidebar-header .components-icon-button {
display: none;
margin-left: auto; }
.components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button {
margin-left: 0; }
@media (min-width: 782px) {
.components-panel__header.edit-post-sidebar-header .components-icon-button {
display: flex; } }
.edit-post-text-editor__body {
padding-top: 40px; }
@media (min-width: 600px) {
.edit-post-text-editor__body {
padding-top: 86px; } }
@media (min-width: 782px) {
.edit-post-text-editor__body {
padding-top: 40px; }
body.is-fullscreen-mode .edit-post-text-editor__body {
padding-top: 40px; } }
.edit-post-text-editor {
width: 100%;
max-width: calc(100% - 32px);
margin-left: 16px;
margin-right: 16px;
padding-top: 44px; }
@media (min-width: 600px) {
.edit-post-text-editor {
max-width: 610px;
margin-left: auto;
margin-right: auto; } }
.edit-post-text-editor .editor-post-title__block textarea {
border: 1px solid #e2e4e7;
margin-bottom: 4px;
padding: 14px; }
.edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover,
.edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar).is-selected .editor-post-title__input {
box-shadow: none;
border-left-width: 1px; }
.edit-post-text-editor .editor-post-title__block textarea:hover,
.edit-post-text-editor .editor-post-title__block.is-selected textarea {
box-shadow: 0 0 0 1px #e2e4e7; }
.edit-post-text-editor .editor-post-permalink {
margin-top: -6px;
box-shadow: none;
border: none;
outline: 1px solid #b5bcc2; }
@media (min-width: 600px) {
.edit-post-text-editor .editor-post-title,
.edit-post-text-editor .editor-post-title__block {
padding: 0; } }
.edit-post-text-editor .editor-post-text-editor {
padding: 14px;
min-height: 200px;
line-height: 1.8; }
.edit-post-text-editor .edit-post-text-editor__toolbar {
position: absolute;
top: 8px;
left: 0;
right: 0;
height: 36px;
line-height: 36px;
padding: 0 8px 0 16px;
display: flex; }
.edit-post-text-editor .edit-post-text-editor__toolbar h2 {
margin: 0 auto 0 0;
font-size: 13px;
color: #555d66; }
.edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg {
order: 1; }
.edit-post-visual-editor {
position: relative;
padding: 50px 0; }
.edit-post-visual-editor .components-button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.edit-post-visual-editor .block-editor-writing-flow__click-redirect {
height: 50px;
width: 100%;
margin: -4px auto -50px; }
.edit-post-visual-editor .block-editor-block-list__block {
margin-left: auto;
margin-right: auto; }
@media (min-width: 600px) {
.edit-post-visual-editor .block-editor-block-list__block .block-editor-block-list__block-edit {
margin-left: -28px;
margin-right: -28px; }
.edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar,
.edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar {
height: 0;
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
float: left; }
.edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar,
.edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
max-width: 610px;
width: 100%;
position: relative; } }
@media (min-width: 600px) {
.editor-post-title {
padding-left: 46px;
padding-right: 46px; } }
.edit-post-visual-editor .editor-post-title__block {
margin-left: auto;
margin-right: auto;
margin-bottom: -20px; }
.edit-post-visual-editor .editor-post-title__block > div {
margin-left: 0;
margin-right: 0; }
@media (min-width: 600px) {
.edit-post-visual-editor .editor-post-title__block > div {
margin-left: -2px;
margin-right: -2px; } }
.edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="left"]:first-child,
.edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="right"]:first-child {
margin-top: 34px; }
.edit-post-visual-editor .block-editor-default-block-appender {
margin-left: auto;
margin-right: auto;
position: relative; }
.edit-post-visual-editor .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
outline: 1px solid transparent; }
.edit-post-visual-editor .block-editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p,
.edit-post-visual-editor .block-editor-default-block-appender__content {
min-height: 28px;
line-height: 1.8; }
.edit-post-options-modal__section {
margin: 0 0 2rem 0; }
.edit-post-options-modal__section-title {
font-size: 0.9rem;
font-weight: 600; }
.edit-post-options-modal__option {
border-top: 1px solid #e2e4e7; }
.edit-post-options-modal__option:last-child {
border-bottom: 1px solid #e2e4e7; }
.edit-post-options-modal__option .components-base-control__field {
align-items: center;
display: flex;
margin: 0; }
.edit-post-options-modal__option.components-base-control + .edit-post-options-modal__option.components-base-control {
margin-bottom: 0; }
.edit-post-options-modal__option .components-checkbox-control__label {
flex-grow: 1;
padding: 0.6rem 0 0.6rem 10px; }
/**
* Animations
*/
@keyframes edit-post__loading-fade-animation {
0% {
opacity: 0.5; }
50% {
opacity: 1; }
100% {
opacity: 0.5; } }
@keyframes edit-post__fade-in-animation {
from {
opacity: 0; }
to {
opacity: 1; } }
html.wp-toolbar {
background: #fff; }
body.block-editor-page {
background: #fff;
/* We hide legacy notices in Gutenberg, because they were not designed in a way that scaled well.
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
body.block-editor-page #wpcontent {
padding-left: 0; }
body.block-editor-page #wpbody-content {
padding-bottom: 0; }
body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
display: none; }
body.block-editor-page #wpfooter {
display: none; }
body.block-editor-page .a11y-speak-region {
left: -1px;
top: -1px; }
body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
body.block-editor-page ul#adminmenu > li.current > a.current::after {
border-right-color: #fff; }
body.block-editor-page .media-frame select.attachment-filters:last-of-type {
width: auto;
max-width: 100%; }
.block-editor,
.components-modal__frame {
box-sizing: border-box; }
.block-editor *,
.block-editor *::before,
.block-editor *::after,
.components-modal__frame *,
.components-modal__frame *::before,
.components-modal__frame *::after {
box-sizing: inherit; }
.block-editor select,
.components-modal__frame select {
font-size: 13px;
color: #555d66; }
@media (min-width: 600px) {
.block-editor__container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: calc(100vh - 46px); } }
@media (min-width: 782px) {
.block-editor__container {
min-height: calc(100vh - 32px); }
body.is-fullscreen-mode .block-editor__container {
min-height: 100vh; } }
.block-editor__container img {
max-width: 100%;
height: auto; }
.block-editor__container iframe {
width: 100%; }
.block-editor__container .components-navigate-regions {
height: 100%; }
.editor-post-permalink .input-control,
.editor-post-permalink input[type="text"],
.editor-post-permalink input[type="search"],
.editor-post-permalink input[type="radio"],
.editor-post-permalink input[type="tel"],
.editor-post-permalink input[type="time"],
.editor-post-permalink input[type="url"],
.editor-post-permalink input[type="week"],
.editor-post-permalink input[type="password"],
.editor-post-permalink input[type="checkbox"],
.editor-post-permalink input[type="color"],
.editor-post-permalink input[type="date"],
.editor-post-permalink input[type="datetime"],
.editor-post-permalink input[type="datetime-local"],
.editor-post-permalink input[type="email"],
.editor-post-permalink input[type="month"],
.editor-post-permalink input[type="number"],
.editor-post-permalink select,
.editor-post-permalink textarea,
.edit-post-sidebar .input-control,
.edit-post-sidebar input[type="text"],
.edit-post-sidebar input[type="search"],
.edit-post-sidebar input[type="radio"],
.edit-post-sidebar input[type="tel"],
.edit-post-sidebar input[type="time"],
.edit-post-sidebar input[type="url"],
.edit-post-sidebar input[type="week"],
.edit-post-sidebar input[type="password"],
.edit-post-sidebar input[type="checkbox"],
.edit-post-sidebar input[type="color"],
.edit-post-sidebar input[type="date"],
.edit-post-sidebar input[type="datetime"],
.edit-post-sidebar input[type="datetime-local"],
.edit-post-sidebar input[type="email"],
.edit-post-sidebar input[type="month"],
.edit-post-sidebar input[type="number"],
.edit-post-sidebar select,
.edit-post-sidebar textarea,
.editor-post-publish-panel .input-control,
.editor-post-publish-panel input[type="text"],
.editor-post-publish-panel input[type="search"],
.editor-post-publish-panel input[type="radio"],
.editor-post-publish-panel input[type="tel"],
.editor-post-publish-panel input[type="time"],
.editor-post-publish-panel input[type="url"],
.editor-post-publish-panel input[type="week"],
.editor-post-publish-panel input[type="password"],
.editor-post-publish-panel input[type="checkbox"],
.editor-post-publish-panel input[type="color"],
.editor-post-publish-panel input[type="date"],
.editor-post-publish-panel input[type="datetime"],
.editor-post-publish-panel input[type="datetime-local"],
.editor-post-publish-panel input[type="email"],
.editor-post-publish-panel input[type="month"],
.editor-post-publish-panel input[type="number"],
.editor-post-publish-panel select,
.editor-post-publish-panel textarea,
.block-editor-block-list__block .input-control,
.block-editor-block-list__block input[type="text"],
.block-editor-block-list__block input[type="search"],
.block-editor-block-list__block input[type="radio"],
.block-editor-block-list__block input[type="tel"],
.block-editor-block-list__block input[type="time"],
.block-editor-block-list__block input[type="url"],
.block-editor-block-list__block input[type="week"],
.block-editor-block-list__block input[type="password"],
.block-editor-block-list__block input[type="checkbox"],
.block-editor-block-list__block input[type="color"],
.block-editor-block-list__block input[type="date"],
.block-editor-block-list__block input[type="datetime"],
.block-editor-block-list__block input[type="datetime-local"],
.block-editor-block-list__block input[type="email"],
.block-editor-block-list__block input[type="month"],
.block-editor-block-list__block input[type="number"],
.block-editor-block-list__block select,
.block-editor-block-list__block textarea,
.components-popover .input-control,
.components-popover input[type="text"],
.components-popover input[type="search"],
.components-popover input[type="radio"],
.components-popover input[type="tel"],
.components-popover input[type="time"],
.components-popover input[type="url"],
.components-popover input[type="week"],
.components-popover input[type="password"],
.components-popover input[type="checkbox"],
.components-popover input[type="color"],
.components-popover input[type="date"],
.components-popover input[type="datetime"],
.components-popover input[type="datetime-local"],
.components-popover input[type="email"],
.components-popover input[type="month"],
.components-popover input[type="number"],
.components-popover select,
.components-popover textarea,
.components-modal__content .input-control,
.components-modal__content input[type="text"],
.components-modal__content input[type="search"],
.components-modal__content input[type="radio"],
.components-modal__content input[type="tel"],
.components-modal__content input[type="time"],
.components-modal__content input[type="url"],
.components-modal__content input[type="week"],
.components-modal__content input[type="password"],
.components-modal__content input[type="checkbox"],
.components-modal__content input[type="color"],
.components-modal__content input[type="date"],
.components-modal__content input[type="datetime"],
.components-modal__content input[type="datetime-local"],
.components-modal__content input[type="email"],
.components-modal__content input[type="month"],
.components-modal__content input[type="number"],
.components-modal__content select,
.components-modal__content textarea {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 4px;
border: 1px solid #8d96a0;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.editor-post-permalink .input-control,
.editor-post-permalink input[type="text"],
.editor-post-permalink input[type="search"],
.editor-post-permalink input[type="radio"],
.editor-post-permalink input[type="tel"],
.editor-post-permalink input[type="time"],
.editor-post-permalink input[type="url"],
.editor-post-permalink input[type="week"],
.editor-post-permalink input[type="password"],
.editor-post-permalink input[type="checkbox"],
.editor-post-permalink input[type="color"],
.editor-post-permalink input[type="date"],
.editor-post-permalink input[type="datetime"],
.editor-post-permalink input[type="datetime-local"],
.editor-post-permalink input[type="email"],
.editor-post-permalink input[type="month"],
.editor-post-permalink input[type="number"],
.editor-post-permalink select,
.editor-post-permalink textarea,
.edit-post-sidebar .input-control,
.edit-post-sidebar input[type="text"],
.edit-post-sidebar input[type="search"],
.edit-post-sidebar input[type="radio"],
.edit-post-sidebar input[type="tel"],
.edit-post-sidebar input[type="time"],
.edit-post-sidebar input[type="url"],
.edit-post-sidebar input[type="week"],
.edit-post-sidebar input[type="password"],
.edit-post-sidebar input[type="checkbox"],
.edit-post-sidebar input[type="color"],
.edit-post-sidebar input[type="date"],
.edit-post-sidebar input[type="datetime"],
.edit-post-sidebar input[type="datetime-local"],
.edit-post-sidebar input[type="email"],
.edit-post-sidebar input[type="month"],
.edit-post-sidebar input[type="number"],
.edit-post-sidebar select,
.edit-post-sidebar textarea,
.editor-post-publish-panel .input-control,
.editor-post-publish-panel input[type="text"],
.editor-post-publish-panel input[type="search"],
.editor-post-publish-panel input[type="radio"],
.editor-post-publish-panel input[type="tel"],
.editor-post-publish-panel input[type="time"],
.editor-post-publish-panel input[type="url"],
.editor-post-publish-panel input[type="week"],
.editor-post-publish-panel input[type="password"],
.editor-post-publish-panel input[type="checkbox"],
.editor-post-publish-panel input[type="color"],
.editor-post-publish-panel input[type="date"],
.editor-post-publish-panel input[type="datetime"],
.editor-post-publish-panel input[type="datetime-local"],
.editor-post-publish-panel input[type="email"],
.editor-post-publish-panel input[type="month"],
.editor-post-publish-panel input[type="number"],
.editor-post-publish-panel select,
.editor-post-publish-panel textarea,
.block-editor-block-list__block .input-control,
.block-editor-block-list__block input[type="text"],
.block-editor-block-list__block input[type="search"],
.block-editor-block-list__block input[type="radio"],
.block-editor-block-list__block input[type="tel"],
.block-editor-block-list__block input[type="time"],
.block-editor-block-list__block input[type="url"],
.block-editor-block-list__block input[type="week"],
.block-editor-block-list__block input[type="password"],
.block-editor-block-list__block input[type="checkbox"],
.block-editor-block-list__block input[type="color"],
.block-editor-block-list__block input[type="date"],
.block-editor-block-list__block input[type="datetime"],
.block-editor-block-list__block input[type="datetime-local"],
.block-editor-block-list__block input[type="email"],
.block-editor-block-list__block input[type="month"],
.block-editor-block-list__block input[type="number"],
.block-editor-block-list__block select,
.block-editor-block-list__block textarea,
.components-popover .input-control,
.components-popover input[type="text"],
.components-popover input[type="search"],
.components-popover input[type="radio"],
.components-popover input[type="tel"],
.components-popover input[type="time"],
.components-popover input[type="url"],
.components-popover input[type="week"],
.components-popover input[type="password"],
.components-popover input[type="checkbox"],
.components-popover input[type="color"],
.components-popover input[type="date"],
.components-popover input[type="datetime"],
.components-popover input[type="datetime-local"],
.components-popover input[type="email"],
.components-popover input[type="month"],
.components-popover input[type="number"],
.components-popover select,
.components-popover textarea,
.components-modal__content .input-control,
.components-modal__content input[type="text"],
.components-modal__content input[type="search"],
.components-modal__content input[type="radio"],
.components-modal__content input[type="tel"],
.components-modal__content input[type="time"],
.components-modal__content input[type="url"],
.components-modal__content input[type="week"],
.components-modal__content input[type="password"],
.components-modal__content input[type="checkbox"],
.components-modal__content input[type="color"],
.components-modal__content input[type="date"],
.components-modal__content input[type="datetime"],
.components-modal__content input[type="datetime-local"],
.components-modal__content input[type="email"],
.components-modal__content input[type="month"],
.components-modal__content input[type="number"],
.components-modal__content select,
.components-modal__content textarea {
font-size: 13px; } }
.editor-post-permalink .input-control:focus,
.editor-post-permalink input[type="text"]:focus,
.editor-post-permalink input[type="search"]:focus,
.editor-post-permalink input[type="radio"]:focus,
.editor-post-permalink input[type="tel"]:focus,
.editor-post-permalink input[type="time"]:focus,
.editor-post-permalink input[type="url"]:focus,
.editor-post-permalink input[type="week"]:focus,
.editor-post-permalink input[type="password"]:focus,
.editor-post-permalink input[type="checkbox"]:focus,
.editor-post-permalink input[type="color"]:focus,
.editor-post-permalink input[type="date"]:focus,
.editor-post-permalink input[type="datetime"]:focus,
.editor-post-permalink input[type="datetime-local"]:focus,
.editor-post-permalink input[type="email"]:focus,
.editor-post-permalink input[type="month"]:focus,
.editor-post-permalink input[type="number"]:focus,
.editor-post-permalink select:focus,
.editor-post-permalink textarea:focus,
.edit-post-sidebar .input-control:focus,
.edit-post-sidebar input[type="text"]:focus,
.edit-post-sidebar input[type="search"]:focus,
.edit-post-sidebar input[type="radio"]:focus,
.edit-post-sidebar input[type="tel"]:focus,
.edit-post-sidebar input[type="time"]:focus,
.edit-post-sidebar input[type="url"]:focus,
.edit-post-sidebar input[type="week"]:focus,
.edit-post-sidebar input[type="password"]:focus,
.edit-post-sidebar input[type="checkbox"]:focus,
.edit-post-sidebar input[type="color"]:focus,
.edit-post-sidebar input[type="date"]:focus,
.edit-post-sidebar input[type="datetime"]:focus,
.edit-post-sidebar input[type="datetime-local"]:focus,
.edit-post-sidebar input[type="email"]:focus,
.edit-post-sidebar input[type="month"]:focus,
.edit-post-sidebar input[type="number"]:focus,
.edit-post-sidebar select:focus,
.edit-post-sidebar textarea:focus,
.editor-post-publish-panel .input-control:focus,
.editor-post-publish-panel input[type="text"]:focus,
.editor-post-publish-panel input[type="search"]:focus,
.editor-post-publish-panel input[type="radio"]:focus,
.editor-post-publish-panel input[type="tel"]:focus,
.editor-post-publish-panel input[type="time"]:focus,
.editor-post-publish-panel input[type="url"]:focus,
.editor-post-publish-panel input[type="week"]:focus,
.editor-post-publish-panel input[type="password"]:focus,
.editor-post-publish-panel input[type="checkbox"]:focus,
.editor-post-publish-panel input[type="color"]:focus,
.editor-post-publish-panel input[type="date"]:focus,
.editor-post-publish-panel input[type="datetime"]:focus,
.editor-post-publish-panel input[type="datetime-local"]:focus,
.editor-post-publish-panel input[type="email"]:focus,
.editor-post-publish-panel input[type="month"]:focus,
.editor-post-publish-panel input[type="number"]:focus,
.editor-post-publish-panel select:focus,
.editor-post-publish-panel textarea:focus,
.block-editor-block-list__block .input-control:focus,
.block-editor-block-list__block input[type="text"]:focus,
.block-editor-block-list__block input[type="search"]:focus,
.block-editor-block-list__block input[type="radio"]:focus,
.block-editor-block-list__block input[type="tel"]:focus,
.block-editor-block-list__block input[type="time"]:focus,
.block-editor-block-list__block input[type="url"]:focus,
.block-editor-block-list__block input[type="week"]:focus,
.block-editor-block-list__block input[type="password"]:focus,
.block-editor-block-list__block input[type="checkbox"]:focus,
.block-editor-block-list__block input[type="color"]:focus,
.block-editor-block-list__block input[type="date"]:focus,
.block-editor-block-list__block input[type="datetime"]:focus,
.block-editor-block-list__block input[type="datetime-local"]:focus,
.block-editor-block-list__block input[type="email"]:focus,
.block-editor-block-list__block input[type="month"]:focus,
.block-editor-block-list__block input[type="number"]:focus,
.block-editor-block-list__block select:focus,
.block-editor-block-list__block textarea:focus,
.components-popover .input-control:focus,
.components-popover input[type="text"]:focus,
.components-popover input[type="search"]:focus,
.components-popover input[type="radio"]:focus,
.components-popover input[type="tel"]:focus,
.components-popover input[type="time"]:focus,
.components-popover input[type="url"]:focus,
.components-popover input[type="week"]:focus,
.components-popover input[type="password"]:focus,
.components-popover input[type="checkbox"]:focus,
.components-popover input[type="color"]:focus,
.components-popover input[type="date"]:focus,
.components-popover input[type="datetime"]:focus,
.components-popover input[type="datetime-local"]:focus,
.components-popover input[type="email"]:focus,
.components-popover input[type="month"]:focus,
.components-popover input[type="number"]:focus,
.components-popover select:focus,
.components-popover textarea:focus,
.components-modal__content .input-control:focus,
.components-modal__content input[type="text"]:focus,
.components-modal__content input[type="search"]:focus,
.components-modal__content input[type="radio"]:focus,
.components-modal__content input[type="tel"]:focus,
.components-modal__content input[type="time"]:focus,
.components-modal__content input[type="url"]:focus,
.components-modal__content input[type="week"]:focus,
.components-modal__content input[type="password"]:focus,
.components-modal__content input[type="checkbox"]:focus,
.components-modal__content input[type="color"]:focus,
.components-modal__content input[type="date"]:focus,
.components-modal__content input[type="datetime"]:focus,
.components-modal__content input[type="datetime-local"]:focus,
.components-modal__content input[type="email"]:focus,
.components-modal__content input[type="month"]:focus,
.components-modal__content input[type="number"]:focus,
.components-modal__content select:focus,
.components-modal__content textarea:focus {
color: #191e23;
border-color: #00a0d2;
box-shadow: 0 0 0 1px #00a0d2;
outline: 2px solid transparent;
outline-offset: -2px; }
.editor-post-permalink input[type="number"],
.edit-post-sidebar input[type="number"],
.editor-post-publish-panel input[type="number"],
.block-editor-block-list__block input[type="number"],
.components-popover input[type="number"],
.components-modal__content input[type="number"] {
padding-left: 4px;
padding-right: 4px; }
.editor-post-permalink select,
.edit-post-sidebar select,
.editor-post-publish-panel select,
.block-editor-block-list__block select,
.components-popover select,
.components-modal__content select {
padding: 2px; }
.editor-post-permalink select:focus,
.edit-post-sidebar select:focus,
.editor-post-publish-panel select:focus,
.block-editor-block-list__block select:focus,
.components-popover select:focus,
.components-modal__content select:focus {
border-color: #008dbe;
outline: 2px solid transparent;
outline-offset: 0; }
.editor-post-permalink input[type="checkbox"],
.editor-post-permalink input[type="radio"],
.edit-post-sidebar input[type="checkbox"],
.edit-post-sidebar input[type="radio"],
.editor-post-publish-panel input[type="checkbox"],
.editor-post-publish-panel input[type="radio"],
.block-editor-block-list__block input[type="checkbox"],
.block-editor-block-list__block input[type="radio"],
.components-popover input[type="checkbox"],
.components-popover input[type="radio"],
.components-modal__content input[type="checkbox"],
.components-modal__content input[type="radio"] {
border: 2px solid #6c7781;
margin-right: 12px;
transition: none; }
.editor-post-permalink input[type="checkbox"]:focus,
.editor-post-permalink input[type="radio"]:focus,
.edit-post-sidebar input[type="checkbox"]:focus,
.edit-post-sidebar input[type="radio"]:focus,
.editor-post-publish-panel input[type="checkbox"]:focus,
.editor-post-publish-panel input[type="radio"]:focus,
.block-editor-block-list__block input[type="checkbox"]:focus,
.block-editor-block-list__block input[type="radio"]:focus,
.components-popover input[type="checkbox"]:focus,
.components-popover input[type="radio"]:focus,
.components-modal__content input[type="checkbox"]:focus,
.components-modal__content input[type="radio"]:focus {
border-color: #6c7781;
box-shadow: 0 0 0 1px #6c7781; }
.editor-post-permalink input[type="checkbox"]:checked,
.editor-post-permalink input[type="radio"]:checked,
.edit-post-sidebar input[type="checkbox"]:checked,
.edit-post-sidebar input[type="radio"]:checked,
.editor-post-publish-panel input[type="checkbox"]:checked,
.editor-post-publish-panel input[type="radio"]:checked,
.block-editor-block-list__block input[type="checkbox"]:checked,
.block-editor-block-list__block input[type="radio"]:checked,
.components-popover input[type="checkbox"]:checked,
.components-popover input[type="radio"]:checked,
.components-modal__content input[type="checkbox"]:checked,
.components-modal__content input[type="radio"]:checked {
background: #11a0d2;
border-color: #11a0d2; }
body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked {
background: #c8b03c;
border-color: #c8b03c; }
body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked {
background: #a3b9a2;
border-color: #a3b9a2; }
body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked {
background: #77a6b9;
border-color: #77a6b9; }
body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked {
background: #a7b656;
border-color: #a7b656; }
body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked {
background: #c2a68c;
border-color: #c2a68c; }
body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked {
background: #82b4cb;
border-color: #82b4cb; }
body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked {
background: #11a0d2;
border-color: #11a0d2; }
.editor-post-permalink input[type="checkbox"]:checked:focus,
.editor-post-permalink input[type="radio"]:checked:focus,
.edit-post-sidebar input[type="checkbox"]:checked:focus,
.edit-post-sidebar input[type="radio"]:checked:focus,
.editor-post-publish-panel input[type="checkbox"]:checked:focus,
.editor-post-publish-panel input[type="radio"]:checked:focus,
.block-editor-block-list__block input[type="checkbox"]:checked:focus,
.block-editor-block-list__block input[type="radio"]:checked:focus,
.components-popover input[type="checkbox"]:checked:focus,
.components-popover input[type="radio"]:checked:focus,
.components-modal__content input[type="checkbox"]:checked:focus,
.components-modal__content input[type="radio"]:checked:focus {
box-shadow: 0 0 0 2px #555d66; }
.editor-post-permalink input[type="checkbox"],
.edit-post-sidebar input[type="checkbox"],
.editor-post-publish-panel input[type="checkbox"],
.block-editor-block-list__block input[type="checkbox"],
.components-popover input[type="checkbox"],
.components-modal__content input[type="checkbox"] {
border-radius: 2px; }
.editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
.edit-post-sidebar input[type="checkbox"]:checked::before,
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
.editor-post-publish-panel input[type="checkbox"]:checked::before,
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
.block-editor-block-list__block input[type="checkbox"]:checked::before,
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
.components-popover input[type="checkbox"]:checked::before,
.components-popover input[type="checkbox"][aria-checked="mixed"]::before,
.components-modal__content input[type="checkbox"]:checked::before,
.components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
margin: -3px -5px;
color: #fff; }
@media (min-width: 782px) {
.editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
.edit-post-sidebar input[type="checkbox"]:checked::before,
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
.editor-post-publish-panel input[type="checkbox"]:checked::before,
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
.block-editor-block-list__block input[type="checkbox"]:checked::before,
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
.components-popover input[type="checkbox"]:checked::before,
.components-popover input[type="checkbox"][aria-checked="mixed"]::before,
.components-modal__content input[type="checkbox"]:checked::before,
.components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
margin: -4px 0 0 -5px; } }
.editor-post-permalink input[type="checkbox"][aria-checked="mixed"],
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"],
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"],
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"],
.components-popover input[type="checkbox"][aria-checked="mixed"],
.components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #11a0d2;
border-color: #11a0d2; }
body.admin-color-sunrise .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #c8b03c;
border-color: #c8b03c; }
body.admin-color-ocean .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #a3b9a2;
border-color: #a3b9a2; }
body.admin-color-midnight .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #77a6b9;
border-color: #77a6b9; }
body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #a7b656;
border-color: #a7b656; }
body.admin-color-coffee .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #c2a68c;
border-color: #c2a68c; }
body.admin-color-blue .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #82b4cb;
border-color: #82b4cb; }
body.admin-color-light .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-modal__content input[type="checkbox"][aria-checked="mixed"] {
background: #11a0d2;
border-color: #11a0d2; }
.editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
.components-popover input[type="checkbox"][aria-checked="mixed"]::before,
.components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
content: "\f460";
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
/* stylelint-disable */
font: normal 30px/1 dashicons;
/* stylelint-enable */
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media (min-width: 782px) {
.editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before,
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before,
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before,
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before,
.components-popover input[type="checkbox"][aria-checked="mixed"]::before,
.components-modal__content input[type="checkbox"][aria-checked="mixed"]::before {
float: none;
font-size: 21px; } }
.editor-post-permalink input[type="checkbox"][aria-checked="mixed"]:focus,
.edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]:focus,
.editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]:focus,
.block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]:focus,
.components-popover input[type="checkbox"][aria-checked="mixed"]:focus,
.components-modal__content input[type="checkbox"][aria-checked="mixed"]:focus {
box-shadow: 0 0 0 2px #555d66; }
.editor-post-permalink input[type="radio"],
.edit-post-sidebar input[type="radio"],
.editor-post-publish-panel input[type="radio"],
.block-editor-block-list__block input[type="radio"],
.components-popover input[type="radio"],
.components-modal__content input[type="radio"] {
border-radius: 50%; }
.editor-post-permalink input[type="radio"]:checked::before,
.edit-post-sidebar input[type="radio"]:checked::before,
.editor-post-publish-panel input[type="radio"]:checked::before,
.block-editor-block-list__block input[type="radio"]:checked::before,
.components-popover input[type="radio"]:checked::before,
.components-modal__content input[type="radio"]:checked::before {
margin: 3px 0 0 3px;
background-color: #fff; }
.editor-post-title input::-webkit-input-placeholder,
.editor-post-title textarea::-webkit-input-placeholder,
.block-editor-block-list__block input::-webkit-input-placeholder,
.block-editor-block-list__block textarea::-webkit-input-placeholder {
color: rgba(14, 28, 46, 0.62); }
.editor-post-title input::-moz-placeholder,
.editor-post-title textarea::-moz-placeholder,
.block-editor-block-list__block input::-moz-placeholder,
.block-editor-block-list__block textarea::-moz-placeholder {
opacity: 1;
color: rgba(14, 28, 46, 0.62); }
.editor-post-title input:-ms-input-placeholder,
.editor-post-title textarea:-ms-input-placeholder,
.block-editor-block-list__block input:-ms-input-placeholder,
.block-editor-block-list__block textarea:-ms-input-placeholder {
color: rgba(14, 28, 46, 0.62); }
.is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme
.editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme
.block-editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme
.block-editor-block-list__block textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme
.editor-post-title textarea::-moz-placeholder, .is-dark-theme
.block-editor-block-list__block input::-moz-placeholder, .is-dark-theme
.block-editor-block-list__block textarea::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme
.editor-post-title textarea:-ms-input-placeholder, .is-dark-theme
.block-editor-block-list__block input:-ms-input-placeholder, .is-dark-theme
.block-editor-block-list__block textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.wp-block {
max-width: 610px; }
.wp-block[data-align="wide"] {
max-width: 1100px; }
.wp-block[data-align="full"] {
max-width: none; }
plugins/themeisle-companion/obfx_modules/companion-legacy/inc/llorix-one-companion/css/style.css 0000644 00000011601 15116020037 0035240 0 ustar 00 home/xbodynamge/dev/wp-content /*---------------------------------------
SECTION: SERVICES
-----------------------------------------*/
.services-wrap {
position: relative;
padding-bottom: 50px;
text-align: center;
}
.services {
border-bottom: 1px solid #eaebec;
background-color: #fff;
}
.single-service {
padding: 40px 20px 40px 20px;
border-radius: 3px;
background: #fff;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.services-wrap .service-box {
display: inline-block;
width: 100%;
text-align: center;
}
.single-service > h3 > a:hover,
.service-icon > a:hover {
text-decoration: none;
}
.services-wrap > .service-box {
width: 31.5%;
margin: 0 1%;
margin-bottom: 30px;
vertical-align: top;
}
.services-wrap > .service-box:nth-child(3n+1) {
clear: left;
margin-left: 0;
}
.services-wrap > .service-box:nth-child(3n) {
clear: right;
margin-right: 0;
}
.service-icon {
margin-bottom: 35px;
font-size: 60px;
}
.single-service h3 {
margin-bottom: 15px;
padding-top: 5px;
color: #1395ba;
}
.galcolumn .single-service {
width: 100%;
}
.display-none {
display: none !important;
}
/*---------------------------------------
SECTION: TESTIMONIALS
-----------------------------------------*/
.testimonials {
border-bottom: 1px solid #eaebec;
background-color: #fff;
text-align: center;
}
.testimonials .section-overlay-layer {
padding-bottom: 20px;
}
.feedback {
margin-bottom: 45px;
padding: 0 30px;
}
.feedback .pic-container {
position: absolute;
top: -40px;
width: 100%;
}
.feedback .pic-container-inner {
display: inline-block;
overflow: hidden;
width: 170px;
height: 170px;
border: 5px solid #e5e5e5;
border-radius: 50%;
background-color: #f5f5f5;
background-clip: padding-box;
box-shadow: 0 0 0 5px #f5f5f5;
}
.feedback .pic-container img {
width: 100%;
}
.feedback p {
margin-top: 20px;
margin-bottom: 0;
font-style: italic;
}
.feedback h5 {
margin-bottom: 0;
}
.feedback-text-wrap {
padding: 0 20px;
}
.testimonials-box {
width: 100%;
text-align: center;
}
.testimonials-wrap {
position: relative;
}
.testimonials-wrap .testimonials-box {
display: inline-block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.testimonials-box .feedback {
position: relative;
margin: 40px 0 30px 0;
padding: 145px 0 40px 0;
border-radius: 3px;
background: #fff;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.testimonials-box .feedback:hover {
border-bottom-color: #f16c20;
}
.galcolumn .testimonials-box {
width: 100%;
}
.testimonials-wrap > .testimonials-box {
width: 31.5%;
margin: 0 1.15% 0 1.15%;
margin-bottom: 30px;
vertical-align: top;
}
.testimonials-wrap > .testimonials-box:nth-child(3n+1) {
clear: left;
margin-left: 0;
}
.testimonials-wrap > .testimonials-box:nth-child(3n) {
clear: right;
margin-right: 0;
}
/*---------------------------------------
SECTION: TEAM
-----------------------------------------*/
.team {
border-bottom: 1px solid #eaebec;
border-bottom: 1px solid #f3f3f3;
background-color: #fff;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
background-size: cover;
}
.team .section-overlay-layer {
padding-bottom: 50px;
background: rgba(13, 60, 85, 0.8);
}
.team .sub-heading {
color: #fff;
}
.team .dark-text {
color: #fff;
}
.team-member {
overflow: hidden;
position: relative;
min-height: 100px;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .social-icons {
position: relative;
margin-top: 5px;
margin-top: 0;
margin-bottom: 0;
opacity: 1;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.team-member .social-icons li {
display: inline-block;
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
}
.team-member .social-icons li a {
opacity: 0.9;
}
.team-member .social-icons li a:hover {
opacity: 1;
text-decoration: none;
}
.team-member:hover .social-icons {
opacity: 1;
}
.member-pic {
width: 183px;
height: 183px;
border: none;
border-radius: 0;
}
.member-pic img {
width: 183px;
height: 183px;
}
.member-details {
display: table;
overflow: hidden;
position: absolute;
bottom: 100%;
left: 0;
width: 183px;
height: 183px;
color: #fff;
background: rgba(0,0,0,0);
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.member-details h5 {
margin: 0;
margin-bottom: 5px;
color: #fff;
}
.team-member-wrap {
text-align: center;
}
.team-member-wrap .team-member-box {
display: inline-block;
float: none;
margin-right: -4px;
padding-right: 55px;
padding-bottom: 30px;
padding-left: 55px;
vertical-align: top;
}
.member-details-inner {
display: table-cell;
vertical-align: middle;
}
.team-member:hover .member-details {
bottom: 0;
background: rgba(241,108,32,0.7);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) and (max-width: 1200px) {
.team-member-wrap .team-member-box {
padding-right: 30px;
padding-left: 30px;
}
}
wp-content/plugins/themeisle-companion/obfx_modules/companion-legacy/inc/azera-shop/css/style.css 0000644 00000011731 15116020410 0033237 0 ustar 00 home/xbodynamge/dev .azea_shop_only_customizer {
display: none;
}
/*---------------------------------------
SECTION: SERVICES
-----------------------------------------*/
.services-wrap {
position: relative;
padding-bottom: 50px;
text-align: center;
}
.services {
border-bottom: 1px solid #eaebec;
background-color: #fff;
}
.single-service {
padding: 40px 20px 40px 20px;
border-radius: 3px;
background: #fff;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.services-wrap .service-box {
display: inline-block;
width: 100%;
text-align: center;
}
.single-service > h3 > a:hover,
.service-icon > a:hover {
text-decoration: none;
}
.services-wrap > .service-box {
width: 31.5%;
margin: 0 1.25% 0 1.25%;
margin-bottom: 30px;
vertical-align: top;
}
.services-wrap > .service-box:nth-child(3n+1) {
clear: left;
margin-left: 0;
}
.services-wrap > .service-box:nth-child(3n) {
clear: right;
margin-right: 0;
}
.single-service .service-icon {
margin-bottom: 35px;
font-size: 60px;
}
.single-service h3 {
margin-bottom: 15px;
padding-top: 5px;
color: #454545;
}
.galcolumn .single-service {
width: 100%;
}
.display-none {
display: none !important;
}
/*---------------------------------------
SECTION: TESTIMONIALS
-----------------------------------------*/
.testimonials {
border-bottom: 1px solid #eaebec;
background-color: #fff;
text-align: center;
}
.testimonials .section-overlay-layer {
padding-bottom: 20px;
}
.feedback {
margin-bottom: 45px;
padding: 0 30px;
}
.feedback .pic-container {
position: absolute;
top: -40px;
width: 100%;
}
.feedback .pic-container-inner {
display: inline-block;
overflow: hidden;
width: 170px;
height: 170px;
border: 5px solid #e5e5e5;
border-radius: 50%;
background-color: #f5f5f5;
background-clip: padding-box;
box-shadow: 0 0 0 5px #f5f5f5;
}
.feedback .pic-container img {
width: 100%;
}
.feedback p {
margin-top: 20px;
margin-bottom: 0;
font-style: italic;
}
.feedback h5 {
margin-bottom: 0;
}
.feedback-text-wrap {
padding: 0 20px;
}
.testimonials-box {
width: 100%;
text-align: center;
}
.testimonials-wrap {
position: relative;
}
.testimonials-wrap .testimonials-box {
display: inline-block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.testimonials-box .feedback {
position: relative;
margin: 40px 0 30px 0;
padding: 145px 0 40px 0;
border-radius: 3px;
background: #fff;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.testimonials-box .feedback:hover {
border-bottom-color: rgba(255,162,0,1.00);
}
.galcolumn .testimonials-box {
width: 100%;
}
.testimonials-wrap > .testimonials-box {
width: 31.5%;
margin: 0 1.15% 0 1.15%;
margin-bottom: 30px;
vertical-align: top;
}
.testimonials-wrap > .testimonials-box:nth-child(3n+1) {
clear: left;
margin-left: 0;
}
.testimonials-wrap > .testimonials-box:nth-child(3n) {
clear: right;
margin-right: 0;
}
/*---------------------------------------
SECTION: TEAM
-----------------------------------------*/
.team {
border-bottom: 1px solid #eaebec;
border-bottom: 1px solid #f3f3f3;
background-color: #fff;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
background-size: cover;
}
.team .section-overlay-layer {
padding-bottom: 50px;
background: rgba(13, 60, 85, 0.8);
}
.team .sub-heading {
color: #fff;
}
.team .dark-text {
color: #fff;
}
.team-member {
overflow: hidden;
position: relative;
min-height: 100px;
margin-bottom: 25px;
border-radius: 50%;
}
.team-member .social-icons {
position: relative;
margin-top: 5px;
margin-top: 0;
margin-bottom: 0;
opacity: 1;
-webkit-transition: all ease 0.55s;
transition: all ease 0.55s;
}
.team-member .social-icons li {
display: inline-block;
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
}
.team-member .social-icons li a {
opacity: 0.9;
}
.team-member .social-icons li a:hover {
opacity: 1;
text-decoration: none;
}
.team-member:hover .social-icons {
opacity: 1;
}
.member-pic {
width: 183px;
height: 183px;
border: none;
border-radius: 0;
}
.member-pic img {
width: 183px;
height: 183px;
}
.member-details {
display: table;
overflow: hidden;
position: absolute;
bottom: 100%;
left: 0;
width: 183px;
height: 183px;
color: #fff;
background: rgba(0,0,0,0);
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.member-details h5 {
margin: 0;
margin-bottom: 5px;
color: #fff;
}
.team-member-wrap {
text-align: center;
}
.team-member-wrap .team-member-box {
display: inline-block;
float: none;
margin-right: -4px;
padding-right: 55px;
padding-bottom: 30px;
padding-left: 55px;
vertical-align: top;
}
.member-details-inner {
display: table-cell;
vertical-align: middle;
}
.team-member:hover .member-details {
bottom: 0;
background: rgba(255,162,0,0.7);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) and (max-width: 1200px) {
.team-member-wrap .team-member-box {
padding-right: 30px;
padding-left: 30px;
}
}
dev/wp-content/themes/zerif-lite/inc/class/class-customizer-theme-info-control/css/style.css 0000644 00000002504 15116023333 0031321 0 ustar 00 home/xbodynamge .themeisle-upsell {
padding: 21px;
border-radius: 3px;
background: #fff;
}
.themeisle-upsell .upsell-pro-label {
margin-right: 10px;
padding: 2px 6px 2px 7px;
border-radius: 3px;
color: #fff;
background: #a7a7a7;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1px;
text-transform: uppercase;
}
.themeisle-upsell-features li {
margin-bottom: 23px;
font-size: 14px;
}
.themeisle-upsell-features li:last-child {
margin-bottom: 28px;
}
.themeisle-upsell .button {
width: 100%;
margin-right: 21px;
text-align: center;
letter-spacing: 0.2px;
}
.themeisle-upsell hr {
margin-top: 22px;
margin-bottom: 16px;
}
.themeisle-upsell-feature-list li:before {
line-height: 37px;
}
.themeisle-upsell-feature-list li {
margin-bottom: 6px;
font-size: 14px;
font-style: italic;
line-height: 22px;
}
.themeisle-upsell-feature-list li:last-child {
margin-bottom: 0;
}
.frontpage-sections-upsell {
padding: 10px 10px 11px 14px;
}
.themeisle-boxed-section {
margin: 12px;
}
#customize-controls #accordion-section-zerif_theme_info_main_section.control-section .accordion-section-title:hover {
color: #fff;
background-color: #0073aa;
}
#customize-controls #accordion-section-zerif_theme_info_main_section.control-section .accordion-section-title:hover:after {
color: #fff;
}
.upsell-pro-label:before {
content: "pro";
}