/*
Theme Name: Beverly
Description: WordPress theme by Bluchic
Version: 23.09
Requires at least: 5.8
Tested up to: 5.8
Requires PHP: 7.0
Author: Bluchic
Author URI: https://www.bluchic.com
Theme URI: https://www.bluchic.com/shop/wordpress-themes/beverly-theme/
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, two-columns, custom-background, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: ace
*************************************************************************
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme in the future, you should not edit this file. Instead use a child theme to do your customization. You have been warned! :)
*************************************************************************
html5doctor.com Reset Stylesheet v1.6.1
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
main, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline-color: transparent; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block; box-sizing: border-box;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after, q::before, q::after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%;vertical-align: baseline; background: transparent;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0; padding: 2px;}
tr, th, td, tbody, thead, tfoot {padding: 5px; vertical-align: top;}
th {background: #f0f0f0;}
dl {margin-bottom: 20px; line-height: 1.8em;}
dt {font-weight: bold;}
dd {font-style: italic; margin-bottom: 20px;}
input, select, textarea {vertical-align: middle; box-sizing: border-box; padding: 5px; background: #fff; font-family: 'Arimo', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; font-size: 1em;}
:focus {outline-color: transparent;}
hr {background: none; border: none; margin: 30px 0; border-bottom: 1px solid #ccc; clear: both;}
code {display: inline-block; padding: 0 3px;}
pre {overflow: auto; font-family: 'courier new', courier, monospace; font-size: .9em; padding: 10px; background: #fff; border: 1px solid #ccc; line-height: 1.4em;}
strong {font-weight: bold;}
main {display: block;}
html {scroll-behavior: smooth;}

/********** Overall **********/
body {font: 400 0.9em 'Arimo', Lucida Sans Unicode, Lucida Grande, Verdana, Tahoma, Arial, Sans-serif; color: #444; -ms-word-wrap: break-word; word-wrap: break-word; overflow-x: hidden;}
body p {margin-bottom: 20px; line-height: 1.8em;}
.container::before, .container::after,
.section::before, .section::after,
.section-wide::before, .section-wide::after,
.article::before, .article::after,
.post-content::before, .post-content::after,
.entry-content::before, .entry-content::after,
.aside::before, .aside::after,
.textwidget::before, .textwidget::after,
.side-widget::before, .side-widget::after,
.footer::before, .footer::after,
.footer-inner::before, .footer-inner::after,
.footer-widget::before, .footer-widget::after {content: ''; clear: both; display: table;}
.back-top, .back-top:hover {display: none; font-size: 2em; color: #000; position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 9999;}
.blank-page-template {margin: 0 auto !important;}

/********** Heading **********/
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; font-weight: 400; font-family: 'Playfair Display', Georgia, Times, Serif;}
h1 {font-size: 1.6em; color: #fea2af}
h2 {font-size: 1.4em; color: #fea2af;}
h3 {font-size: 1.2em; color: #fea2af;}
h4 {font-size: 1.2em; color: #555;}
h5 {font-size: 1em; color: #555;}
h6 {font-size: 1em; color: #333;}

/********** Link **********/
a {color: #fea2af; text-decoration: none; transition: all 0.3s ease-out;}
a:active {color: #000;}
a:hover {color: #333;}

/********** .header form **********/
.header-form {clear: both; overflow: hidden; position: absolute; top: 20px; right: 0;}
.header-text {width: 150px; margin-right: 5px; border: 1px solid #bbb;}

/********** .header-banner **********/
.header-banner {margin: 20px auto; text-align: center;}

/********** .nav **********/
.secondary-nav li {display: inline-block; float: left; z-index: 100;}
.secondary-nav li:hover a {background: #fff; color: #333;}

.secondary-nav li a:hover {background: #fff; color: #333;}
.secondary-nav li.current_page_item a,
.secondary-nav li.current-menu-item a {color: #222; background: #fff;}
.secondary-nav li.current_page_item li a,
.secondary-nav li.current-menu-item li a {background: #fff; color: #222;}
.secondary-nav li.current-menu-item li a:hover {background: #fff; color: #222;}

.secondary-nav ul ul {position: absolute; z-index: 120; width: 200px; background: #fff; z-index: 200; text-align: left;}
.secondary-nav ul ul li {display: block; float: none; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}
.secondary-nav ul ul li:hover {background: #fff}
.secondary-nav ul ul li a:hover {background: #fff; color: #333;}
.secondary-nav ul ul li.current_page_item li a,
.secondary-nav ul ul li.current-menu-item li a:hover {background: #fff; color: #fff;}
.secondary-nav ul ul li.current_page_item a,
.secondary-nav ul ul li.current-menu-item a {color: #000; background: #fff;}

.secondary-nav li:hover > ul {opacity: 1; visibility: visible; height: auto;}
.secondary-nav ul ul {opacity: 0; visibility: hidden; height: 0; position: absolute; width: 200px; background: #fff; z-index: 300;}

.secondary-nav li.has-sub {position: relative;}
.secondary-nav ul li.has-sub > a::after {content: ' \25BE'; color: #555;}
.secondary-nav ul ul li.has-sub > a::after {content: '\25B8'; position: absolute; right: 2px;}

.secondary-nav li.menu-item-has-children {position: relative;}
.secondary-nav ul li.menu-item-has-children > a::after,
.secondary-nav ul li.page_item_has_children > a::after {content: ' \25BE';}
.secondary-nav ul ul li.menu-item-has-children > a::after,
.secondary-nav ul ul li.page_item_has_children > a::after {content: '\25B8'; position: absolute; right: 2px;}

.secondary-nav ul ul li {display: block; float: none;}

.secondary-nav ul ul ul {position: absolute; left: 198px; top: -1px; border-top: 1px solid #000;}

.nav-icons {position: absolute; top: 5px; right: 20px; font-size: 1.15em; font-weight: normal; line-height: 1.8em; display: block;}
.nav-icons a:hover {background: transparent !important;}
.nav-icons span {display: none;}
.nav-rss,
.nav-twitter,
.nav-tiktok,
.nav-facebook,
.nav-pinterest,
.nav-email,
.nav-flickr,
.nav-linkedin,
.nav-youtube,
.nav-vimeo,
.nav-google-plus,
.nav-instagram,
.nav-threads,
.nav-bloglovin,
.nav-houzz,
.nav-tumblr {color: #ff4669; display: block; padding: 0; float: right; margin-left: 10px; text-align: center;}

.nav li.current_page_item a,
.nav li.current-menu-item a {color: #fff; background: #fea2af;}
.nav li.current_page_item li a {color: #fea2af; background: #fff;}
.nav li.current-menu-item li a:hover {color: #000; background: #fff;}

.nav .current-menu-item > a,
.nav .current-menu-ancestor > a,
.nav .current_page_item > a,
.nav .current_page_ancestor > a {color: #000;}

.nav ul ul {position: absolute; z-index: 120; width: 200px; background: #fff; z-index: 1000; text-align: left;}
.nav ul ul li {display: block; float: none; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada;}
.nav ul ul li:hover {background: #fff; color: #fea2af;}
.nav ul ul li a:hover {background: #fff; color: #000;}
.nav ul ul li.current_page_item li a,
.nav ul ul li.current-menu-item li a:hover {background: #fff; color: #fea2af;}
.nav ul ul li.current_page_item a,
.nav ul ul li.current-menu-item a {color: #fff; background: #fea2af;}

.nav ul ul a {display: block; padding: 10px; position: relative;}

.nav li {display: inline-block; z-index: 100;}
.nav li:hover > ul {opacity: 1; visibility: visible; height: auto; transition: opacity: .2s ease-in-out;}
.nav ul ul {opacity: 0; visibility: hidden; height: 0; position: absolute; width: 200px; background: #fff; z-index: 200;}

.nav li.has-sub {position: relative;}
.nav ul li.has-sub > a::after {content: ' \25BE'; color: #555;}
.nav ul ul li.has-sub > a::after {content: '\25B8'; position: absolute; right: 2px;}

.nav li.menu-item-has-children {position: relative;}
.nav ul li.menu-item-has-children > a::after,
.nav ul li.page_item_has_children > a::after {content: ' \25BE';}
.nav ul ul li.menu-item-has-children > a::after,
.nav ul ul li.page_item_has_children > a::after {content: '\25B8'; position: absolute; right: 2px;}

.nav ul ul li {display: block; float: none;}

.nav ul ul ul {position: absolute; left: 198px; top: -1px; border-top: 1px solid #dadada;}

li.nav-button a {background: #fea2af; color: #fff;}
li.nav-button a:hover {background: #333; color: #fff;}

/********** Browser Resets **********/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; -backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible; -backface-visibility: visible;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides::after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}

.flex-container {zoom: 1; position: relative;}

.flex-caption a {color: #222;}

.flex-direction-nav {height: 0;}
.flex-direction-nav li a {position: absolute; top: 50%; cursor: pointer;}
.flex-direction-nav li .next {right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {cursor: default;}

.flex-control-nav {position: absolute; bottom: 20px; left: 0;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 12px; height: 12px; display: block; background: #ddd; cursor: pointer; text-indent: -999em; border-radius: 50%;}
.flex-control-nav li a:hover,
.flex-control-nav li a.active {background: #fea2af;}

/********** .article **********/
.article-page {position: relative !important; overflow: visible !important; margin-bottom: 0 !important;}
.sticky {}
.article {margin-bottom: 50px; overflow: hidden; clear: both;}
.article .post-thumb {border: 1px solid #ddd; /*width: calc(100%/2);*/}
.article .post-thumbnail {border: 0;}
.article .post-header {margin-bottom: 20px;}
.article .post-title {font-size: 1.8em; text-transform: uppercase; font-weight: 400; margin-bottom: 5px; line-height: 1.2em; color: #222;}
.article .post-title a {color: #222;}
.article .attachment-alignleft {float: left; margin: 0 10px 5px 0;}
.article .archives {overflow: hidden; clear: both; padding: 10px 0;}
.article .archives .archives-box {width: 45%; float: left; padding: 2px;}

/********** .article miscellaneous **********/
.article blockquote::before {content: '\201C'; color: #ccc; font: bold 4em/1em Georgia, Serif; position: absolute; top: 0; left: 50%; translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.article blockquote {overflow: hidden; position: relative; display: block; clear: both; margin: 30px 0; padding-top: 40px; font-style: italic; color: #888; text-align: center;}
.article blockquote p:last-child {padding: 0;}
.article ul {margin: 0 0 20px 20px; list-style: disc outside;}
.article ol {margin: 0 0 20px 25px; list-style: decimal outside;}
.article li {margin: 3px 0; line-height: 1.8em;}
.article ul ul, .article ol ol, .article ul ol, .article ol ul {margin-left: 20px;}
.article .post-author-bio {line-height: 1.8em; clear: both; overflow: hidden; background: #f9f9f9; border: 1px solid #ddd; padding: 20px;}
.article .post-signature {display: block; clear: both;}

/********** .article miscellaneous **********/
.breadcrumb {padding: 5px 10px; margin-bottom: 30px; font-size: .85em; background: #fafafa; border: 1px solid #eee;}

.pagetitle {padding: 20px 0; font-size: .8em; color: #999; text-transform: uppercase; letter-spacing: .2em;}
.pagetitle-desc {font-size: .9em; font-style: italic;}

.page-pagination {font-weight: bold; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px 0;}
.page-pagination span {margin: 2px 5px;}

.pagination {clear: both; font-size: .85em; padding: 10px 0; overflow: hidden; list-style: none;}
.pagination a:hover,
.pagination .current {padding: 5px 10px; margin-right: 5px; background: #fea2af; color: #fff; border-radius: 4px;}
.pagination a {padding: 5px 10px; margin-right: 5px; background: #eee; color: #666; border-radius: 4px;}

.infinite-loader .spinner {display: block; margin: 40px auto;}

/********** article miscellaneous **********/
h5.post-related-title {text-align: center; font-size: 1.6em;}
ul.post-related {list-style: none; margin: 0; text-align: center;}
ul.post-related li {width: 33.3333%; padding: 0 1% 3% 1%; float: left; box-sizing: border-box;}
ul.post-related li img {display: block; margin: 0 auto 15px auto;}
ul.post-related li img:hover {opacity: .5;}

.post-footer {padding: 20px 0; margin: 10px 0;}
.post-footer h5 {margin-top: 20px; font-size: 2em;}
.post-footer ul {margin: 0; list-style: none;}
.post-footer ul li {margin: 5px 0;}

.post-banner {margin: 20px auto;}

/********** .post-content **********/
.post-content {}
.post-content #mc-embedded-subscribe-form {margin: 30px auto; padding: 30px; width: 80%; border: 1px solid #eee; text-align: center;}
.post-content #mc-embedded-subscribe-form .mc-field-group input {width: 80%; padding: 2%; text-align: center;}

/********** .gallery **********/
.gallery {clear: both; overflow: hidden; margin: 15px 0; column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 10px;}
.gallery-columns-2 {column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;}
.gallery-columns-3 {column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;}
.gallery-columns-4 {column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;}
.gallery-columns-5 {column-count: 5; -moz-column-count: 5; -webkit-column-count: 5;}
.gallery-columns-6 {column-count: 6; -moz-column-count: 6; -webkit-column-count: 6;}
.gallery-columns-7 {column-count: 7; -moz-column-count: 7; -webkit-column-count: 7;}
.gallery-columns-8 {column-count: 8; -moz-column-count: 8; -webkit-column-count: 8;}
.gallery-columns-9 {column-count: 9; -moz-column-count: 9; -webkit-column-count: 9;}
.gallery figure.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; margin-bottom: 10px;}
.gallery-caption {}
.gallery dl {margin: 0;}
.gallery a {display: block;}
.gallery a img {max-width: 100%; height: auto; border: none; display: block; margin: auto;}
.gallery-caption {font-size: .9em;}

/********** Content Width **********/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {max-width: 100%; height: auto;}

/********** .search-form **********/
.side-search-form {clear: both; overflow: hidden; text-align: center; border: 1px solid #bbb; position: relative;}
.side-search-form .side-search-text {width: 100%; padding-right: 30px; margin: 0; color: #888; border: none;}
.side-search-form .side-search-button {color: #000; background: none; border-color: transparent; padding: 5px; position: absolute; top: 0; right: 0;}
.side-search-form .side-search-button:hover {color: #aaa; background: none; border-color: transparent; box-shadow: none;}
.wp-block-search__input {border: 1px solid #bbb;}

/********** .side-widget **********/
.side-widget {margin-bottom: 40px; overflow: hidden; clear: both;}
.side-widget h2, .side-widget h3, .side-widget h4, .side-widget h5, .side-widget h6 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
.side-widget select {width: 100%;}
.side-widget ol,
.side-widget ul {clear: both; list-style: none;}
.side-widget ol.children,
.side-widget ul.children {clear: both; list-style: none; margin-left: 20px;}
.side-widget ol li,
.side-widget ul li {margin: 5px 0; line-height: 1.8em; border-bottom: 1px dotted #ccc;}

/********** WIDGET **********/
/********** .location **********/
.location {}
.location li {padding-left: 30px; border: 0 !important;}
.location li.address {background: url('images/icon_address.png') no-repeat 0 3px;}
.location li.email {background: url('images/icon_email.png') no-repeat 0 3px;}
.location li.phone {background: url('images/icon_phone.png') no-repeat 0 3px;}
.location li.fax {background: url('images/icon_fax.png') no-repeat 0 3px;}

/********** #mc-embedded-subscribe-form **********/
.side-widget #mc-embedded-subscribe-form {text-align: center;}
.side-widget #mc-embedded-subscribe-form h2 {font-size: 1.2em;}
.side-widget #mc-embedded-subscribe-form .indicates-required {font-size: .9em; font-style: italic;}
.side-widget #mc-embedded-subscribe-form .indicates-required .asterisk {color: #f00;}
.side-widget #mc-embedded-subscribe-form .mc-field-group {clear: both; margin: 5px 0 5px 0;}
.side-widget #mc-embedded-subscribe-form .mc-field-group label {margin: 0;}
.side-widget #mc-embedded-subscribe-form .mc-field-group input {width: 90%; padding: 3%; font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Arial, Verdana, Sans-serif;}
.side-widget #mc-embedded-subscribe-form .clear .button {font-family: 'Open Sans', Lucida Sans Unicode, Lucida Grande, Arial, Verdana, Sans-serif; font-weight: 700; text-transform: uppercase;}
.side-widget #mc-embedded-subscribe-form #mc-embedded-subscribe {width: 96%; padding: 4%;}
.side-widget #mc-embedded-subscribe-form .clear {}

/********** .social-icons **********/
.social-icons-wrap {text-align: center;}
ul.social-icons {display: inline-block;}
ul.social-icons li {float: none; display: inline-block; border: none; line-height: 1em; font-size: 1.3em;}
ul.social-icons li a {display: block; margin: 0 8px; line-height: 1.8em;}
ul.social-icons li span {display: none;}
ul.social-icons .fa-twitter,
ul.social-icons .fa-facebook-f,
ul.social-icons .fa-pinterest-p,
ul.social-icons .fa-instagram,
ul.social-icons .fa-threads,
ul.social-icons .fa-tiktok,
ul.social-icons .fa-google-plus-g,
ul.social-icons .fa-flickr,
ul.social-icons .fa-linkedin-in,
ul.social-icons .fa-youtube,
ul.social-icons .fa-vimeo-v,
ul.social-icons .fa-plus,
ul.social-icons .fa-tumblr,
ul.social-icons .fa-houzz,
ul.social-icons .fa-rss,
ul.social-icons .fa-envelope {color: #ccc;}
ul.social-icons .fa-twitter:hover {color: #269dd5;}
ul.social-icons .fa-facebook-f:hover {color: #0c42b2;}
ul.social-icons .fa-envelope:hover {color: #aaaaaa;}
ul.social-icons .fa-rss:hover {color: #f49000;}
ul.social-icons .fa-tiktok:hover {color: #fe2c55;}
ul.social-icons .fa-google-plus-g:hover {color: #fd3000;}
ul.social-icons .fa-flickr:hover {color: #fc0077;}
ul.social-icons .fa-linkedin-in:hover {color: #0d5a7b;}
ul.social-icons .fa-youtube:hover {color: #ff0000;}
ul.social-icons .fa-vimeo-v:hover {color: #00c1f8;}
ul.social-icons .fa-instagram:hover {color: #194f7a;}
ul.social-icons .fa-threads:hover {color: #333333;}
ul.social-icons .fa-plus:hover {color: #00c4fd;}
ul.social-icons .fa-pinterest-p:hover {color: #c70505;}
ul.social-icons .fa-tumblr:hover {color: #304d6b;}
ul.social-icons .fa-houzz:hover {color: #7ac142;}

/********** .footer-instagram **********/
.footer-instagram {clear: both;}
.footer-instagram-widget {width: 100%;}
.footer-instagram-widget h2, .footer-instagram-widget h3, .footer-instagram-widget h4, .footer-instagram-widget h5, .footer-instagram-widget h6 {text-align: center;}
.footer-instagram-widget #ace-instafeed .insta-img {width: 10%; margin: 0;}

/********** .comment-box **********/
.comment-box {}
.comment-box h4,
.comment-box h3 {font-size: 1.4em; margin: 40px 0 10px 0;}
.comment-form {background: #f9f9f9; border: 1px solid #eee; padding: 30px; margin-bottom: 30px; overflow: hidden;}
.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label,
.comment-form .comment-form-comment label {display: block;}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {width: 100%;}
.comment-form .comment-form-comment textarea {width: 100%;}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form .comment-form-comment {}
.comment-form .form-allowed-tags {font-size: 1.2em; display: none;}
.comment-form .form-submit {}
#respond {}
.avatar {margin-right: 20px; float: left;}
.comment-meta {clear: both; overflow: hidden; font-size: .8em; margin-bottom: 10px; line-height: 1.6em;}
ol.commentlist {margin: 0;}
ol.commentlist li {border-bottom: 1px solid #ddd; margin-bottom: 20px; list-style: none;}
ol.commentlist li ul.children {padding: 15px 0; margin: 0;}
ol.commentlist li ul.children li {border: none; border-left: 1px solid #ddd; padding: 0 0 0 30px; margin: 0; list-style: none;}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist .parent {}
ol.commentlist .comment {overflow: hidden; padding: 10px 0;}
ol.commentlist .comment-content {overflow: hidden;}
ol.commentlist .children {}
ol.commentlist .pingback {}
ol.commentlist .bypostauthor {}
ol.commentlist .comment-author {}
ol.commentlist .comment-author-admin {}
ol.commentlist .alt {}
ol.commentlist .odd {}
ol.commentlist .even {}
ol.commentlist .thread-alt {}
ol.commentlist .thread-odd {}
ol.commentlist .thread-even {}
ol.commentlist li ul.children .alt {}
ol.commentlist li ul.children .odd {}
ol.commentlist li ul.children .even {}
ol.commentlist .vcard {}
ol.commentlist .vcard cite.fn {}
ol.commentlist .vcard span.says {}
ol.commentlist .vcard img.photo {}
ol.commentlist .vcard img.avatar {}
ol.commentlist .vcard cite.fn a.url {}
#cancel-comment-reply-link {background: #fea2af; color: #fff; padding: 2px 5px; font-size: .6em;}
a.comment-reply-link {background: #fea2af; color: #fff; padding: 2px 5px; font-size: .8em;}
.comment-disclaim {font-size: .8em; line-height: 1.5em;}
.comment-navigation {clear: both; overflow: hidden; margin: 15px 0;}
.comment-navigation .nav-links {font-weight: bold;}
.comment-navigation .nav-links .nav-previous {float: left;}
.comment-navigation .nav-links .nav-next {float: right;}
.comment-navigation .nav-links .nav-previous a,
.comment-navigation .nav-links .nav-next a {}

/********** #wp-calendar **********/
#wp-calendar {text-align: center; width: 100%; font-size: .9em;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 5px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar td {font-style: normal; padding: 2px; border-right: 1px solid #eee;}
#wp-calendar tr {border-top: 1px solid #eee; border-left: 1px solid #eee;}
#wp-calendar tfoot td {border-bottom: 1px solid #eee;}

/********** img **********/
img {max-width: 100%; height: auto;}
img.aligncenter {display: block; margin: auto;}
img.alignright {display: inline; margin: 0 0 10px 20px;}
img.alignleft {display: inline; margin: 0 20px 10px 0;}
.centered {display: block; margin: auto;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.attachment-caption {text-align: center; font-weight: 700;}
.attachment-desc {text-align: center;}
.alignfull {margin: 20px calc(50% - 50vw) 30px calc(50% - 50vw); width: auto; max-width: 1000%;}
.alignwide {margin: 20px calc(25% - 25vw) 30px calc(25% - 25vw); width: auto; max-width: 1000%;}
.alignwide img, .alignfull img {display: block;}

/********** .wp-caption **********/
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {background: #efefef; padding: 1%; text-align: center; max-width: 96%;}
.wp-caption img {border: 0;}
.wp-caption .wp-caption-text {font-size: .85em; line-height: 1.2em; padding: 3px 0; margin: 0;}
.wp-block-image figcaption {text-align: center;}

/********** .screen-reader-text **********/
.screen-reader-text {display: none;}
.screen-reader-text:focus {}

/********** Input and label **********/
select:focus,
textarea:focus,
input:focus {border: 1px solid #888; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);}
select {border: 1px solid #ccc; color: #888; font-size: 1em; background: #fff;}
input {-webkit-appearance: none;}
input[type=radio] {-webkit-appearance: radio;}
input[type=checkbox] {-webkit-appearance: checkbox;}
textarea {border: 1px solid #ccc; color: #888; padding: 5px; border-radius: 5px; font-family: 'Lato', Arial, Verdana, Sans-serif;}
input {border: 1px solid #ccc; color: #888; padding: 5px; font-size: 1em; border-radius: 5px; font-family: 'Lato', Arial, Verdana, Sans-serif;}
button,
.button,
.input-button,
input[type=submit] {border: 1px solid #ccc; color: #555; cursor: pointer; background: #eee; padding: 5px 10px; transition: all 0.3s ease-out;}
button:hover,
.button:hover,
.input-button:hover,
input[type=submit]:hover {border: 1px solid #aaa; background: #ccc;}
label {vertical-align: top;}

/********** Miscellaneous **********/
.side-widget ul:last-child,
.side-widget ol:last-child,
.side-widget dl:last-child {margin: 0;}
.hidden {display: none !important;}
.success {color: #159776;}
.error {color: #d70a16;}
.require {color: #d70a16; }
.focused {border: 1px solid #888; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .2);}
.highlight {background: #efefef; padding: 0 2px;}
.fade {opacity: .5;}
.fade:hover {opacity: 1;}
.clearfix {clear: both;}
.split-columns {width: 100%; margin-bottom: 20px;}
.split-columns::after {content: ''; height: 0; display: block; clear: both;}
.shadow {box-shadow: 0 0 5px 0 #aaa;}
.transparency {background-color: rgba(255, 255, 255, .8);}
.noborder,
.noborder tbody,
.noborder thead,
.noborder tfoot,
.noborder tr,
.noborder td,
.noborder th {border: none;}
.radius-50 {border-radius: 50%;}
.radius-30 {border-radius: 30px;}
.radius-20 {border-radius: 20px;}
.radius-10 {border-radius: 10px;}
.radius-8 {border-radius: 8px;}
.radius-4 {border-radius: 4px;}
.radius-2 {border-radius: 2px;}
.width-100 {width: 100%; margin: auto;}
.width-90 {width: 90%; margin: auto;}
.width-80 {width: 80%; margin: auto;}
.width-70 {width: 70%; margin: auto;}
.width-60 {width: 60%; margin: auto;}
.width-50 {width: 50%; margin: auto;}
.width-40 {width: 40%; margin: auto;}
.width-30 {width: 30%; margin: auto;}
.width-20 {width: 20%; margin: auto;}
.width-10 {width: 10%; margin: auto;}

/********** Shortcodes**********/
.tooltip {cursor: pointer; border-bottom: 1px dashed #ccc;}
.tooltip:hover span.tip {margin-left: 20px; opacity: 1; display: inline-block; border: 1px solid #ddd; background: #fff; padding: 5px 10px; color: #333; font-size: .9em;}
.tip {position: absolute; margin-left: -9999em; opacity: 0; max-width: 300px; z-index: 1000;}
.tip::before {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right:6px solid #555; border-bottom: 6px solid transparent; left: -6px; content: '';}
.tip::after {position: absolute; top: 5px; display: inline-block; border-top: 6px solid transparent; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: -6px; content: '';}

.dropcap-letter {font-size: 3em; line-height: .9em;}
/*
.full-width-bar {margin: 0 -999em 40px -999em; padding: 40px 999em; position: relative; line-height: 1.8em;}
*/
.full-width-bar {width: 100vw; margin-left: -50vw; margin-bottom: 50px; margin-top: 30px; left: 50%; padding: 80px 0; position: relative;  background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.full-width-bar .split-columns,
.full-width-bar p:last-child,
.full-width-bar ul:last-child {margin-bottom: 0;}
.full-width-content {max-width: 960px; padding: 30px; margin: 0 auto; opacity: .8;}
.full-width-content::before, .full-width-content::after {content: ''; clear: both; display: table;}

.accordion-wrap {position: relative;}
.accordion-title {padding: 10px 10px 10px 30px; font-weight: 400; background: #fea2af url('images/accordion_closed.gif') no-repeat 10px 12px; color: #fff; cursor: pointer; margin-bottom: 5px; line-height: 1em;}
.accordion-open {background: #fea2af url('images/accordion_opened.gif') no-repeat 10px 15px;}
.accordion-content {padding-bottom: 15px; width: 100%; line-height: 1.8em;}

.post-button {display: inline-block; line-height: 1em; padding: 8px 10px; color: #fff; background: #fea2af;}
.post-button:hover {background: #333; color: #fff;}

#contact-form {overflow: hidden;}
.contact-form-text {width: 92%; margin-bottom: 10px;}
.contact-form-textarea {width: 92%; height: 150px;}
.notification_error {font-size: .9em; border: 1px solid #ffe432; background: #fff3a0; padding: 5px;}

.pullquote {font-size: 1.2em;}

.warning,
.question,
.disclaim {display: block; padding: 10px; overflow: hidden; line-height: 1.8em;}
.warning {border: 1px solid #eed3d7; background: #f2dede; color: #b94a48;}
.question {border: 1px solid #bce8f1; background: #d9edf7; color: #3a87ad;}
.disclaim {border: 1px solid #fbeee0; background: #fcf8e3; color: #c09853;}

.warning .fa-times-circle {color: #ff0000; font-size: 1.4em; float: left; margin-right: 10px;}
.question .fa-question-circle {color: #008aff; font-size: 1.4em; float: left; margin-right: 10px;}
.disclaim .fa-exclamation-circle {color: #ffd200; font-size: 1.4em; float: left; margin-right: 10px;}

.warning p:last-child,
.question p:last-child,
.disclaim p:last-child,
.warning ul:last-child,
.question ol:last-child,
.disclaim dl:last-child {margin: 0;}

.images {width: auto !important; margin-right: 20px;}

.colleft {width: 49%; float: left;}
.colright {width: 49%; float: right;}

.col1,
.col2 {width: 32%; margin-right: 2%; float: left;}
.col3 {width: 32%; float: right;}

.col3-2 {width: 66%; float: left;}
.col3-1 {width: 32%; float: right;}

.col4-1,
.col4-2,
.col4-3 {width: 22%; margin-right: 4%; float: left;}
.col4-4 {width: 22%; float: right;}

.col5-1,
.col5-2,
.col5-3,
.col5-4 {width: 16%; margin-right: 5%; float: left;}
.col5-5 {width: 16%; float: right;}

/********** .sc-flexslider **********/
.sc-flexslider {position: relative; width: 100%; overflow: hidden; margin: 0 auto 30px auto; clear: both; zoom: 1;}
.sc-flexslider ul,
.sc-flexslider ol {margin: 0 !important;}
.sc-flexslider li {zoom: 1;}
.sc-flexslider ul li {list-style: none; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.sc-flexslider img {display: block; width: 100%; height: auto;}

.sc-flexslider .caption {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #fff; padding: 3%; text-align: center; text-transform: uppercase; filter: alpha(opacity=80); opacity: .8; background: #fff; padding: 2%; margin: 0; font-weight: normal; text-align: center; text-transform: uppercase; filter: alpha(opacity=80); opacity: .8;}
.sc-flexslider .caption p {margin: 0;}

.sc-flex-direction-nav {display: block; list-style: none; margin: 0;}
.sc-flex-direction-nav li {display: block !important;}
.sc-flex-direction-nav li.sc-flex-nav-prev,
.sc-flex-direction-nav li.sc-flex-nav-next {display: block;}
.sc-flex-direction-nav li a.sc-flex-next {display: block; padding: 0 10px; position: absolute; right: 0; top: 50%; margin-top: -15px; cursor: pointer; z-index: 100;}
.sc-flex-direction-nav li a.sc-flex-prev {display: block; padding: 0 10px; position: absolute; left: 0; top: 50%; margin-top: -15px; cursor: pointer; z-index: 100;}
.sc-flex-direction-nav li a.sc-flex-next .fa,
.sc-flex-direction-nav li a.sc-flex-prev .fa {color: #fff; font-size: 2em; line-height: 1em;}

.sc-flex-control-nav {list-style: none; position: absolute; bottom: 0; z-index: 100; width: 100%; text-align: center;}
.sc-flex-control-nav li {display: inline-block;}
.sc-flex-control-nav li a {cursor: pointer; display: block; width: 12px; height: 12px; background: #ccc; text-indent: -9999em; margin: 0 3px; border-radius: 20px;}
.sc-flex-control-nav li a:hover,
.sc-flex-control-nav li a.sc-flex-active {background: #000;}

/********** Jetpack **********/
.jetpack_subscription_widget {text-align: center;}
.jetpack_subscription_widget #subscribe-email,
.jetpack_subscription_widget #subscribe-submit {margin-bottom: 10px;}
.jetpack_subscription_widget #subscribe-email input {width: 85%; padding: 4%;}
.jetpack_subscription_widget #subscribe-submit input {width: 95%;}

/********** Gutenberg **********/
.article .wp-block-cover {background-position: center; width: 100vw; margin: 0 0 30px -50vw; left: 50%; position: relative; text-align: center;}
.wp-block-cover .wp-block-cover__inner-container {max-width: 960px;}
.article .wp-block-quote {border: none; padding-left: 0;}
/* .wp-block-button .wp-block-button__link:hover {background: #aaa; color: #fff;}
.wp-block-column .wp-block-image {margin-bottom: 0;} */
.wp-block-gallery, .wp-block-gallery .blocks-gallery-grid {margin: 0;}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {padding: 10px !important; font-size: .8em !important; line-height: 1em; background: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 100%,transparent) !important;}
ul.wp-block-social-links {margin: 0 0 20px 0;}
li.wp-social-link {margin-right: 8px;}

/********** LifterLMS Course/Lesson **********/
.llms-lesson-preview {vertical-align: top; width: 100%;}

/********** .woocommerce-MyAccount-navigation **********/
.woocommerce-MyAccount-navigation {border: 1px solid #ddd; padding: 0; margin-bottom: 30px;}
.woocommerce-MyAccount-navigation ul {list-style: none; margin: 0;}
.woocommerce-MyAccount-navigation ul li {border-bottom: 1px solid #ddd; padding: 0; margin: 0;}
.woocommerce-MyAccount-navigation ul li:last-child {border: none;}
.woocommerce-MyAccount-navigation ul li a {font-weight: bold; display: block; padding: 5px 10px;}

/********** 404 **********/
.not-found-title {text-align: center; font-size: 4em; padding: 30px 0;}
.not-found-text {text-align: center;}
@-webkit-keyframes shaking {0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
.shake:hover,
.shake:focus {-webkit-animation-name: shaking; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}

/********** Google Adsense **********/
ins.adsbygoogle {background: transparent !important;}

/********** Cookie **********/
.cc-theme-edgeless.cc-window {padding: 5px 40px !important; z-index: 999999;}
.cc-revoke, .cc-window {font-size: .85em !important; line-height: 1em;}

/********** @media **********/
@media screen and (max-width: 768px) {

	/********** Overall **********/
	.container {margin: 0 auto; width: 100%; background: #fff;}
	.header {position: relative; width: 100%; clear: both;}
	.section,
	.section-wide,
	.aside {clear: both; width: 95%; margin: 5% auto;}
	.footer {clear: both; margin: 0 auto; width: 100%; color: #777;}

	/********** .header **********/
	.header h1,
	.header h5 {font: 400 2.6em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
	.header-title {display: block; clear: both; margin: 0 auto 10px auto;}
	.header-desc {text-align: center; color: #ccc; font-size: .9em;}

	/********** .nav **********/
	.menu-1-click,
	.menu-2-click {display: block; padding: 10px 0; position: relative; text-decoration: none; text-align: center; line-height: 1em; z-index: 999999; cursor: pointer;}
	.menu-1-click::before,
	.menu-2-click::before {content: '\2261'; margin-right: 10px;}
	.show-menu {cursor: pointer;}
	.checkbox-menu-1[type="checkbox"]:checked ~ .menu-wrap,
	.checkbox-menu-2[type="checkbox"]:checked ~ .menu-wrap {opacity: 1; visibility: visible; height: auto;}
	.nav .menu-wrap,
	.secondary-nav .menu-wrap {opacity: 0; visibility: hidden; height: 0; transition: opacity: .2s ease-in-out;}
	.nav  {display: block; width: 100%; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; display: inline-block; clear: both; line-height: 1em; text-transform: uppercase; font-family: 'Playfair Display', Serif; z-index: 100;}
	.secondary-nav {display: block; width: 100%; clear: both; line-height: 1em; font-weight: 700; text-align: center; text-transform: uppercase; background: #000; margin-bottom: 10px; z-index: 300;}
	.nav {border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
	.nav ul, .secondary-nav ul {text-align: center;}
	.nav ul li, .nav .menu ul ul,
	.secondary-nav ul li, .secondary-nav .menu ul ul {display: block; float: none;}
	.nav a,
	.secondary-nav a {display: block; padding: 12px;}
	.nav ul ul,
	.nav ul ul ul,
	.secondary-nav ul ul,
	.secondary-nav ul ul ul {position: relative; width: 100%; display: block; left: auto; right auto; top: auto; text-align: center;}
	.nav ul li.has-sub > a::after,
	.nav ul ul li.has-sub > a::after,
	.nav ul li.menu-item-has-children > a::after,
	.nav ul li.page_item_has_children > a::after,
	.nav ul ul li.menu-item-has-children > a::after,
	.nav ul ul li.page_item_has_children > a::after,
	.secondary-nav ul li.has-sub > a::after,
	.secondary-nav ul ul li.has-sub > a::after,
	.secondary-nav ul li.menu-item-has-children > a::after,
	.secondary-nav ul li.page_item_has_children > a::after,
	.secondary-nav ul ul li.menu-item-has-children > a::after,
	.secondary-nav ul ul li.page_item_has_children > a::after {content: ' \25BE'; position: relative; left: auto; top: auto;}
	.nav ul ul,
	.nav ul ul li,
	.secondary-nav ul ul,
	.secondary-nav ul ul li {border: none;}
	.nav-icons {display: none;}

	/********** .nav **********/
	.fixed-menu {position: relative; top: auto; left: auto; right: auto;}
	.menu-click {display: block; padding: 10px 0; position: relative; text-decoration: none; text-align: center; line-height: 1em; z-index: 999999; cursor: pointer;}
	.menu-click::before {content: '\2261'; margin-right: 10px;}
	.show-menu {cursor: pointer;}
	.checkbox-menu[type="checkbox"]:checked ~ .menu-wrap {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; zoom: 1; visibility: visible; height: auto;}
	.nav .menu-wrap {opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; zoom: 0; visibility: hidden; height: 0; transition: opacity: .2s ease-in-out;}
	.nav {background: #fff; display: block; width: 100%; text-align: center; z-index: 99999; font-size: 1em;}
	.nav ul {text-align: center;}
	.nav ul li, .nav .menu ul ul {display: block; float: none;}
	.nav a, .nav ul ul a {display: block; padding: 8px;}
	.nav ul ul, .nav ul ul ul {position: relative; width: 100%; display: block; left: auto; top: auto;}
	.nav ul li.menu-item-has-children > a::after,
	.nav ul li.page_item_has_children > a::after,
	.nav ul ul li.menu-item-has-children > a::after,
	.nav ul ul li.page_item_has_children > a::after {content: ' \25BE'; position: relative; left: auto; top: auto;}

	/********** .flexslider **********/
	.flexslider {width: 95%; margin: 30px auto 0 auto; padding-bottom: 40px;}
	.flex-caption {font-family: 'Playfair Display', Serif; width: 60%; padding: 10px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1em; text-transform: uppercase;}

	/********** .article **********/
	.article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
	.article ul.post-meta li {}

	ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
	ul.post-info-meta li {list-style: none;}
	ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; margin-bottom: 20px; line-height: 1em; color: #222;}
	ul.post-info-meta li.post-comment {text-transform: uppercase; font-family: 'Playfair Display', Serif;}

	.footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
	.footer-navi li a {color: #888;}
	.footer-navi li.previous {float: left;}
	.footer-navi li.next {float: right;}
	.footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
	.footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

	/********** .footer **********/
	.footer-inner {overflow: auto; margin: 20px 0;}
	.footer-widget {display: block; padding: 0 5%; margin-bottom: 30px;}
	.footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
	.footer-widget ul {clear: both; list-style: none;}
	.footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
	.footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
	.footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
	.footer-copy {width: 90%; clear: both; font-size: .75em; text-align: center; overflow: hidden; padding: 10px 5%; margin: 0 auto; border-top: 1px solid #dadada;}
	.footer-copy .footer-credit {display: block; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px; margin: 5px auto;}

	/********** .footer-instagram **********/
	.footer-instagram-widget #ace-instafeed .insta-img {width: 20%; margin: 0;}

	/********** Shortcodes **********/
	.colleft, .colright,
	.col1, .col2, .col3,
	.col3-2, .col3-1,
	.col4-1, .col4-2, .col4-3, .col4-4,
	.col5-1, .col5-2, .col5-3, .col5-4, .col5-5 {float: none; width: 100%; clear: both; line-height: 1.8em;}

	/********** Gutenberg **********/
	.wp-block-columns {display: block;}
	.wp-block-column {margin: 0;}
	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {width: 100%; margin: 0;}

	/********** Jigoshop **********/
	ul.products li {overflow: hidden; margin-bottom: 30px;}
	ul.products li .price {float: none; text-align: left;}
	ul.products li .onsale {margin: 0;}

	/********** WooCommerce **********/
	.col2-set {}
	.col2-set .col-1 {clear: both; width: 100% !important;}
	.col2-set .col-2 {clear: both; width: 100% !important;}
	.product .images,
	.product .summary {clear: both; width: 100% !important;}
	div.product .woocommerce_tabs ul.tabs li a,
	#content div.product .woocommerce_tabs ul.tabs li a,
	div.product .woocommerce_tabs ul.tabs li.active a,
	#content div.product .woocommerce_tabs ul.tabs li.active a {font-size: .8em;}

	.woocommerce ul.products li,
	.woocommerce-page ul.products li {clear: both !important; width: 100% !important;}

	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail,
	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail {display: none;}

	.woocommerce table.cart .product-remove,
	.woocommerce-page table.cart .product-remove,
	.woocommerce #content table.cart .product-remove,
	.woocommerce-page #content table.cart .product-remove {display: none;}

	.woocommerce table.cart td.actions .button.alt,
	.woocommerce-page table.cart td.actions .button.alt,
	.woocommerce #content table.cart td.actions .button.alt,
	.woocommerce-page #content table.cart td.actions .button.alt {margin-top: 10px;}

}

/********** @media **********/
@media all and (max-width: 1024px) {

	.full-width-bar {background-attachment: local;}

}

/********** @media **********/
@media all and (min-width: 769px) and (max-width: 1199px) {

	/********** Overall **********/
	.container {margin: 15px auto; width: 95%; background: #fff; border: 1px solid #ccc;}
	.header {position: relative; width: 100%; clear: both;}
	.section {float: left; width: 62%; margin: 2%;}
	.section-wide {clear: both; width: 96%; margin: 2% auto;}
	.aside {float: right; width: 30%; margin: 2%; font-size: .9em;}
	.footer {clear: both; margin: 0 auto; width: 100%; color: #777;}

	/********** .header **********/
	.header h1,
	.header h5 {font: 400 3.4em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
	.header-title {display: block; clear: both; margin: 0 auto 10px auto;}
	.header-desc {text-align: center; color: #ccc; font-size: .9em;}

	/********** .nav **********/
	.secondary-nav {position: relative; display: inline-block; width: 100%; clear: both; line-height: 1em; font-size: .75em; font-weight: 700; text-transform: uppercase; background: #000; margin-bottom: 10px;}
	.secondary-nav ul {list-style: none; display: table;}
	.secondary-nav li a {display: block; padding: 12px 15px 12px 10px; color: #fff;}

	.tinynav,
	.menu-1-click,
	.menu-2-click {display: none;}
	.nav {position: relative; width: 95%; margin: 0 20px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; display: inline-block; clear: both; line-height: 1em; font-size: .9em; text-transform: uppercase; font-family: 'Playfair Display', Serif;}
	.nav ul {list-style: none; display: table; margin: 0 auto; text-align: center;}
	.nav a {display: block; padding: 10px;}
	.nav ul ul a {display: block; padding: 8px 12px 8px 10px; position: relative;}

	/********** .flexslider **********/
	.flexslider {width: 96%; margin: 30px auto 0 auto; padding-bottom: 40px;}
	.flex-caption {font-family: 'Playfair Display', Serif; width: 300px; padding: 30px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1.8em; text-transform: uppercase;}

	/********** .article **********/
	.article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
	.article ul.post-meta li {float: left; margin-right: 20px;}

	ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
	ul.post-info-meta li {list-style: none; float: left;}
	ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; line-height: 1em; color: #222;}
	ul.post-info-meta li.post-comment {float: right; text-transform: uppercase; font-family: 'Playfair Display', Serif;}

	.footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
	.footer-navi li a {color: #888;}
	.footer-navi li.previous {float: left;}
	.footer-navi li.next {float: right;}
	.footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
	.footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

	/********** .footer **********/
	.footer-inner {overflow: auto; margin: 20px 0;}
	.footer-widget {float: left; display: block; width: 20%; padding: 0 2%;}
	.footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
	.footer-widget ul {clear: both; list-style: none;}
	.footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
	.footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
	.footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
	.footer-copy {width: 95%; clear: both; font-size: .75em; overflow: hidden; padding: 20px 0; margin: 0 auto; border-top: 1px solid #dadada;}
	.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

	/********** Gutenberg **********/
	.wp-block-columns {flex-wrap: nowrap;}

}

/********** @media **********/
@media screen and (min-width: 1200px) {

	/********** Overall **********/
	.container {margin: 15px auto; width: 1000px; background: #fff; border: 1px solid #ccc;}
	.header {position: relative; width: 1000px; clear: both;}
	.section {float: left; width: 610px; margin: 20px;}
	.section-wide {clear: both; width: 960px; margin: 20px auto;}
	.aside {float: right; width: 300px; margin: 20px; font-size: .9em;}
	.footer {clear: both; margin: 0 auto; width: 1000px; color: #777;}

	/********** .header **********/
	.header h1,
	.header h5 {font: 400 4em 'Playfair Display', Georgia, Times, Serif; text-align: center; margin: 10px 0 0 0;}
	.header-title {display: block; clear: both; margin: 0 auto 10px auto;}
	.header-desc {text-align: center; color: #ccc;}

	/********** .nav **********/
	.secondary-nav {position: relative; display: inline-block; width: 100%; clear: both; line-height: 1em; font-size: .85em; font-weight: 700; text-transform: uppercase; background: #000; margin-bottom: 10px; z-index: 300;}
	.secondary-nav ul {list-style: none; display: table;}
	.secondary-nav li a {display: block; padding: 12px 15px; color: #fff;}

	.tinynav,
	.menu-1-click,
	.menu-2-click {display: none;}
	.nav {position: relative; width: 960px; margin: 0 20px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; display: inline-block; clear: both; line-height: 1em; font-size: .9em; text-transform: uppercase; font-family: 'Playfair Display', Serif; z-index: 100;}
	.nav ul {list-style: none; display: table; margin: 0 auto; text-align: center;}
	.nav a {display: block; padding: 12px 15px;}
	.nav ul ul a {display: block; padding: 12px 10px; position: relative;}

	/********** .flexslider **********/
	.flexslider {width: 960px; margin: 30px auto 0 auto; padding-bottom: 40px; z-index: 10;}
	.flex-caption {font-family: 'Playfair Display', Serif; width: 300px; padding: 30px; margin: 0; position: absolute; right: 0; bottom: 30px; background: #fff; color: #222; font-size: 1.8em; text-transform: uppercase;}

	/********** .article **********/
	.article ul.post-meta {border-bottom: 1px dotted #ccc; overflow: hidden; font-size: .75em; text-transform: uppercase; margin: 5px 0; list-style: none;}
	.article ul.post-meta li {float: left; margin-right: 20px;}

	ul.post-info-meta {clear: both; color: #888; margin: 0 !important; border-bottom: 1px solid #dadada; overflow: hidden;}
	ul.post-info-meta li {list-style: none; float: left;}
	ul.post-info-meta li.post-info-meta-title {font-family: 'Playfair Display', Serif; font-size: 1.2em; padding-right: 10px; line-height: 1em; color: #222;}
	ul.post-info-meta li.post-comment {float: right; text-transform: uppercase; font-family: 'Playfair Display', Serif;}

	.footer-navi {clear: both; overflow: hidden; background: #eee; padding: 10px;}
	.footer-navi li a {color: #888;}
	.footer-navi li.previous {float: left;}
	.footer-navi li.next {float: right;}
	.footer-navi li.previous a {display: block; background: url('images/footer_navi_nav.png') no-repeat 0 0; padding: 5px 0 5px 40px;}
	.footer-navi li.next a {display: block; text-align: right; background: url('images/footer_navi_nav.png') no-repeat right -165px; padding: 5px 40px 5px 0;}

	/********** .footer **********/
	.footer-inner {overflow: auto; background: url('images/footer_widgets_bg.gif') repeat-y top center; margin: 20px 0;}
	.footer-widget {float: left; display: block; width: 250px; padding: 0 20px;}
	.footer-widget h4 {font-size: 1.2em; background: #fea2af; color: #fff; padding: 8px; margin-bottom: 10px; font-weight: 400;}
	.footer-widget ul {clear: both; list-style: none;}
	.footer-widget ul li {margin: 5px 0; line-height: 1.8em;}
	.footer-widget select {width: 98%; color: #888; margin: 5px 0; padding: 3px;}
	.footer-widget p {margin-bottom: 10px; line-height: 1.8em;}
	.footer-copy {width: 960px; clear: both; font-size: .75em; overflow: hidden; padding: 20px 0; margin: 0 auto; border-top: 1px solid #dadada;}
	.footer-copy .footer-credit {display: block; float: right; width: 55px; height: 11px; background: url('images/footer_credit.png') no-repeat 0 0; text-indent: -9999px;}

}
