/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

/* ==================================================
   CCT SRI LANKA - REFINED CHILD THEME CSS
   Brand palette updated around olive green #668000
   ================================================== */

:root {
    --cct-green: #668000;
    --cct-green-dark: #4f6500;
    --cct-green-light: #f5f7f0;
    --cct-green-soft: #eef4e2;
    --cct-green-border: #d7dfc8;
    --cct-black: #000000;
    --cct-dark: #212121;
    --cct-text: #222222;
    --cct-muted: #767676;
    --cct-white: #ffffff;
    --cct-blue-link: #0000ff;
    --cct-font-serif: Georgia, serif;

    /* Sydney theme colour override */
    --sydney-global-color-1: var(--cct-green);
}

/* ==================================================
   1. GLOBAL BASE
   ================================================== */

html,
body {
    overflow-x: hidden;
}

body {
    color: var(--cct-text);
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

p {
    text-align: justify;
}

.entry-content img {
    margin-top: 5px;
    margin-bottom: 10px;
}

.wp-block-image img,
img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

/* ==================================================
   2. TYPOGRAPHY
   ================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.widget-area .widget-title {
    color: var(--cct-black);
}

h5 {
    padding-right: 15px;
    padding-left: 15px;
    font-family: var(--cct-font-serif);
    font-size: 14px;
    font-weight: 500;
}

h5 a {
    text-align: justify;
}

.hentry .title-post {
    font-size: 22px !important;
}

.home .entry-title,
.home h1 {
    display: none !important;
}

/* ==================================================
   3. LINKS
   ================================================== */

a:focus {
    color: var(--cct-blue-link);
}

.form-row a,
#panel-2246-1-0-0 a,
#panel-2246-6-0-0 a,
#panel-2246-7-0-0 a,
#panel-2246-8-0-0 a,
#panel-2246-9-0-0 a,
#panel-2246-10-0-0 a,
#panel-2246-11-0-0 a,
#panel-2246-12-0-0 a,
#panel-2246-13-0-0 a,
#panel-2246-14-0-0 a,
#panel-2246-15-0-0 a,
#panel-2246-16-0-0 a,
#panel-2246-17-0-0 a,
#panel-2246-18-0-0 a,
#panel-2246-19-0-0 a,
#panel-2246-20-0-0 a,
#panel-2246-21-0-0 a,
#panel-2246-22-0-0 a,
#panel-2246-23-0-0 a,
#panel-2246-24-0-0 a,
#panel-2246-25-0-0 a,
#panel-2246-26-0-0 a,
#panel-2246-27-0-0 a {
    color: var(--cct-blue-link) !important;
    font-weight: 400;
}

/* ==================================================
   4. HEADER AND NAVIGATION
   ================================================== */

.site-header.float-header {
    background-color: rgba(255, 255, 255, 0);
}

#mainnav ul li a,
#mainnav ul li::before {
    color: var(--cct-blue-link) !important;
}

#mainnav ul li a {
    font-size: 20px;
}

.btn-menu {
    background-image: url('https://www.cctsrilanka.com/wp-content/uploads/2020/04/mobile-menu.png');
}

/* ==================================================
   5. GENERAL THEME LAYOUT
   ================================================== */

.page-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single .page-wrap,
.content-wrapper {
    width: 100%;
}

.page .entry-title,
.page.entry-header {
    display: block !important;
}

#primary {
    width: 100% !important;
}

#secondary {
    display: none !important;
}

.page-description {
    padding-right: 0;
    padding-left: 0;
}

/* ==================================================
   6. FOOTER
   ================================================== */

.footer-widgets {
    align-content: center;
    padding: 0 !important;
    padding-top: 2em !important;
    background-color: transparent;
}

.site-footer {
    padding: 0;
}

.site-footer,
.site-footer a {
    color: var(--cct-black);
}

.footer-art {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* ==================================================
   7. FORMS AND BUTTONS - GLOBAL
   ================================================== */

label {
    font-weight: 400;
}

legend {
    font-size: 16px !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 9px 25px;
    border: none;
    border-radius: 1px;
    background-color: var(--cct-dark) !important;
    color: var(--cct-white) !important;
    font-family: var(--cct-font-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
    opacity: 1 !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
textarea {
    width: 100%;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 2px solid var(--cct-black) !important;
    background-color: transparent;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
    padding: 12px 20px;
    margin: 8px 0;
}

input[type="search"] {
    height: auto;
}

textarea,
.woocommerce form .form-row textarea {
    padding: 12px 20px;
}

textarea:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row.woocommerce-validated textarea {
    border-color: var(--cct-green) !important;
}

abbr[title],
acronym[title] {
    text-decoration: none !important;
}

::-webkit-input-placeholder {
    color: var(--cct-muted) !important;
}

::-moz-placeholder {
    color: var(--cct-muted) !important;
}

:-ms-input-placeholder {
    color: var(--cct-muted) !important;
}

:-moz-placeholder {
    color: var(--cct-muted) !important;
}

/* ==================================================
   8. SITEORIGIN / LEGACY BUILDER FIXES
   ================================================== */

.panel-grid {
    margin-bottom: 3%;
}

#panel-1293-2-0-0 > .panel-widget-style,
#panel-1293-2-1-0 > .panel-widget-style,
#panel-1293-2-2-0 > .panel-widget-style,
#panel-1293-2-2-1 > .panel-widget-style {
    padding: 14.5px !important;
}

#pg-2462-2.panel-has-style > .panel-row-style {
    padding: 0 !important;
}

.sidebar-column {
    position: relative;
    top: 50% !important;
    left: 50% !important;
    text-align: center !important;
    transform: translate(-50%, -50%) !important;
}

/* ==================================================
   9. WOOCOMMERCE - GENERAL
   ================================================== */

.woocommerce-products-header__title,
.archive-title,
.woocommerce-result-count {
    display: none;
}

.woocommerce .woocommerce-breadcrumb a {
    display: none;
}

.woocommerce .woocommerce-breadcrumb {
    display: block !important;
    border: none;
    color: var(--cct-black);
    font-family: var(--cct-font-serif) !important;
    font-size: 22px !important;
    font-weight: 600;
    line-height: normal;
}

.product_title,
.entry-title {
    display: none !important;
}

.product_meta {
    visibility: hidden;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    display: none;
}

.woocommerce .woocommerce-product-rating {
    display: none;
}

/* Hide WooCommerce review blocks/lists if accidentally inserted in pages or sidebars */
.wc-block-components-review-list,
.wc-block-review-list,
.wc-block-reviews-by-product,
.wc-block-reviews-by-category,
.wp-block-woocommerce-all-reviews,
.wp-block-woocommerce-reviews-by-product,
.wp-block-woocommerce-reviews-by-category {
    display: none !important;
}

.woocommerce ul.products li.product h2 {
    visibility: visible !important;
}

.woocommerce .products ul,
.woocommerce ul.products {
    margin-top: 2%;
}

.woocommerce ul.products li.product a img {
    width: auto !important;
    height: auto !important;
}

.woocommerce ul.products li.product > p,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link p {
    overflow: hidden !important;
    color: var(--cct-black);
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link p {
    max-height: 6vw;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link p + p {
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
}

.product-type-booking > p > a {
    color: var(--cct-black);
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    width: 86.9%;
    margin-left: 6.4% !important;
}

.woocommerce-message {
    border-top-color: var(--cct-green);
}

.woocommerce-info {
    border-top-color: var(--cct-green);
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--cct-green);
}

/* ==================================================
   10. WOOCOMMERCE - PRODUCT SUMMARY
   ================================================== */

.summary,
.entry-summary {
    float: left !important;
    margin-bottom: 2em;
    background-color: var(--cct-green-light) !important;
    border: 1px solid var(--cct-green-border);
    border-left: 6px solid var(--cct-green);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    padding: 20px !important;
}

.single-product .summary p {
    width: 100% !important;
    padding-right: 0 !important;
    margin-bottom: 10px !important;
    font-family: var(--cct-font-serif);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
}

.woocommerce-product-gallery,
.woocommerce-product-gallery--without-images,
.woocommerce-product-gallery--columns-4,
.images {
    display: none;
}

#tab-description h2,
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}

#tab-reviews {
    display: block;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab {
    display: block !important;
    margin-top: 6.5%;
}

.related.products h2 {
    color: var(--cct-black);
}

/* ==================================================
   11. WOOCOMMERCE BUTTONS
   ================================================== */

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce div.product form.cart .button,
.single_add_to_cart_button {
    max-width: 45%;
    border-radius: 1px;
    background-color: var(--cct-green) !important;
    color: var(--cct-white) !important;
    font-family: var(--cct-font-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
    opacity: 1 !important;
}

.woocommerce div.product form.cart .button {
    margin-left: 45%;
    margin-right: auto;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce div.product form.cart .button:hover,
.single_add_to_cart_button:hover {
    background-color: var(--cct-green-dark) !important;
    color: var(--cct-white) !important;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
    margin-top: -5px;
}

.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    background-color: var(--cct-white) !important;
    color: var(--cct-green) !important;
    opacity: unset;
}

/* ==================================================
   12. WOOCOMMERCE BOOKINGS
   ================================================== */

.wc-bookings-booking-form {
    border: 0 !important;
}

.form-field,
.form-field-wide,
.wc_booking_field_,
.wc_bookings_field_resource {
    width: 30%;
}

.wc-bookings-booking-form .form-field {
    display: inline-block;
    width: 15%;
}

.wc-bookings-booking-form label {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
}

.wc-bookings-booking-form select {
    float: right;
    width: 60% !important;
    height: auto;
}

.wc-bookings-date-picker,
.wc-bookings-date-picker-booking,
.wc_bookings_field_start_date {
    width: 40%;
}

.wc_bookings_field_resource {
    width: 20% !important;
}

.wc-bookings-booking-form fieldset {
    display: inline-block;
    float: none !important;
    width: 100%;
    padding: 0 !important;
    line-height: 6.25em;
}

.wc-bookings-booking-form fieldset legend {
    width: 100%;
    height: 2em !important;
    padding-left: 8px;
    border-bottom: none;
    background-color: #fafafa;
}

.wc-bookings-booking-form fieldset label {
    width: 29% !important;
    padding-left: 2%;
    font-size: 12px !important;
}

.wc-bookings-booking-form fieldset input {
    height: 2em !important;
}

.wc-bookings-booking-form .form-field input[type="number"] {
    float: right;
    width: 60% !important;
    height: 2em !important;
}

.form-field.form-field-wide.wc_bookings_field_persons.form-field input[type="number"] {
    width: 79% !important;
}

.wc-bookings-booking-form .wc-bookings-booking-cost {
    top: 0 !important;
    clear: both;
    display: inline-block;
    width: 100% !important;
    border: none;
    background: none;
    font-family: var(--cct-font-serif);
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    text-align: center !important;
}

/* Booking calendar */
.wc-bookings-date-picker .ui-datepicker-header,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
    background: var(--cct-black);
    background-image: none;
}

.wc-bookings-date-picker .ui-datepicker-header {
    border-top: 1px solid var(--cct-black);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
    opacity: 1;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: var(--cct-black) !important;
}

.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
    opacity: 0.7 !important;
}

/* ==================================================
   13. WOOCOMMERCE CART
   ================================================== */

.woocommerce table.shop_table {
    border-radius: 0;
}

.woocommerce table.shop_table a {
    float: right;
    margin-top: 4%;
    margin-right: 6%;
    color: var(--cct-black);
    font-weight: 400;
}

.woocommerce table.shop_table td {
    padding: 1%;
}

.cart_totals th,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    border-color: #0a0a0a;
}

.shop_table.cart td,
.shop_table.cart th {
    border: none !important;
}

.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    padding-top: 3%;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    background-color: var(--cct-green) !important;
    color: var(--cct-white) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--cct-green-dark) !important;
}

.woocommerce a.remove {
    font-weight: 200 !important;
}

.woocommerce-message a.button {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.wc-booking-summary {
    color: var(--cct-black);
}

.wc-booking-summary .wc-booking-summary-actions a:last-child {
    margin: -10px !important;
}

tr:nth-child(even) {
    background-color: var(--cct-green-soft) !important;
}

/* ==================================================
   14. WOOCOMMERCE CHECKOUT
   ================================================== */

.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 100%;
    padding: 5%;
    border: 1px solid var(--cct-green-border);
    background-color: var(--cct-green-light);
}

.woocommerce-checkout #payment {
    border-top: 3px solid var(--cct-green);
    background-color: var(--cct-green-light);
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 10px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--cct-white);
}

.woocommerce form .form-row .input-checkbox {
    width: 20px;
    height: 20px;
    margin: 20px auto;
    margin-top: 0 !important;
    margin-right: 1% !important;
    margin-bottom: 0.5em !important;
    margin-left: 0 !important;
    background: var(--cct-white);
    box-shadow: inset 0 1px 1px var(--cct-white), 0 1px 3px rgba(0, 0, 0, 0.5);
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: relative !important;
}

.select2-container--default .select2-selection--single {
    height: 2em;
    border: none;
    border-radius: 8px;
    background-color: transparent;
}

.select2-container--default .select2-selection--single:focus {
    border-color: var(--cct-green) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 2px solid var(--cct-black);
}

.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
    float: none !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.button#place_order,
#place_order {
    border-radius: 1px;
    background-color: var(--cct-green) !important;
    color: var(--cct-white) !important;
}

#place_order:hover {
    background-color: var(--cct-green-dark) !important;
    color: var(--cct-white) !important;
    opacity: 1 !important;
}

#order_review_heading {
    border-top: none;
}

.woocommerce-thankyou-order-details {
    padding-top: 1em;
    padding-bottom: 0.5em;
    border: 1px solid var(--cct-green-border);
    background-color: var(--cct-green-soft);
}

.woocommerce-bacs-bank-details {
    padding-top: 4em;
    padding-bottom: 2em;
}

.bacs_details {
    padding-top: 1em;
    padding-bottom: 0.5em;
    border: 3px solid darkcyan;
}

.wc-bacs-bank-details-account-name {
    color: rgb(195, 159, 22) !important;
}

.wc-bacs-bank-details-heading,
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-weight: bold;
}

.woocommerce-order-details__title {
    font-weight: bolder;
}

.woocommerce .order_details li {
    padding-right: 7.5em;
}

/* ==================================================
   15. SHARING, SEARCH AND THIRD-PARTY WIDGETS
   ================================================== */

.products div.sharedaddy {
    display: block !important;
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
    display: block !important;
    padding: 14.5px;
    margin-right: 6.5%;
    margin-left: 6.5%;
}

table.gsc-search-box td.gsc-input {
    border: 1px solid var(--cct-green) !important;
}

/* Facebook / Messenger chat position */
div.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    right: 10pt !important;
    bottom: 50pt !important;
}

.mm-chat-button {
    right: 5px !important;
    bottom: 55px !important;
}

/* ==================================================
   16. RESPONSIVE RULES
   ================================================== */

@media only screen and (min-width: 320px) {
    .page .page-wrap .content-wrapper,
    .single .page-wrap .content-wrapper {
        padding: 10px;
    }

    .hentry .title-post,
    .woocommerce-breadcrumb {
        text-align: center;
    }

    iframe {
        width: 300px;
        margin-left: 0;
    }

    .summary,
    .entry-summary {
        width: 100% !important;
        margin-left: 0;
    }

    .wc-bookings-booking-form {
        font-size: 9px;
    }

    .woocommerce table.shop_table a {
        float: none !important;
    }
}

@media only screen and (min-width: 360px) {
    iframe {
        width: 330px;
    }
}

@media only screen and (min-width: 768px) {
    .hentry .title-post {
        margin-left: 15px;
        text-align: left;
    }

    .woocommerce-breadcrumb {
        text-align: left;
    }

    .summary,
    .entry-summary {
        width: 100% !important;
    }

    .wc-bookings-booking-form {
        width: 40% !important;
        margin-right: auto;
        margin-left: auto;
    }

    iframe {
        width: 768px;
        margin-left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #primary {
        width: 102%;
        padding: 20px;
    }

    .summary,
    .entry-summary {
        width: 100% !important;
        margin-left: 0;
    }

    .wc-bookings-booking-form {
        width: 50% !important;
        margin-right: auto;
        margin-left: auto;
    }

    .woocommerce .products ul,
    .woocommerce ul.products,
    .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab,
    .related.products h2 {
        margin-left: 0;
    }

    iframe {
        height: 396px;
    }

    .wc-bookings-date-picker-date-fields {
        display: inline;
        width: 45%;
    }

    .woocommerce-checkout #order_review,
    .woocommerce-checkout #customer_details {
        width: 100%;
    }

    .woocommerce-checkout #order_review th,
    .woocommerce-checkout #order_review td {
        padding: 15px 10px;
    }
}

@media only screen and (min-width: 1280px) {
    .woocommerce .woocommerce-breadcrumb {
        padding-left: 3.4% !important;
    }

    .summary,
    .entry-summary {
        width: 94.5% !important;
        margin-left: 2.9%;
    }

    .woocommerce .products ul,
    .woocommerce ul.products,
    .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab,
    .related.products h2 {
        margin-right: 2.7%;
        margin-left: 2.7%;
    }

    .hentry .title-post {
        margin-left: 2.5%;
    }

    .content-area .post-wrap h1 {
        margin-left: 1.5%;
    }

    iframe {
        height: 467px;
    }

    .page-description {
        padding-right: 2.7% !important;
        padding-left: 2.7% !important;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
        padding-left: 2.7% !important;
    }
}

@media only screen and (min-width: 1366px) {
    .woocommerce .woocommerce-breadcrumb {
        padding-left: 5.7% !important;
    }

    .summary,
    .entry-summary {
        width: 89% !important;
        margin-left: 5.7%;
    }

    .woocommerce .products ul,
    .woocommerce ul.products,
    .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab,
    .related.products h2 {
        margin-right: 5.7%;
        margin-left: 5.7%;
    }

    .hentry .title-post {
        margin-left: 5.7% !important;
    }

    .content-area .post-wrap,
    .contact-form-wrap {
        padding-top: 0;
    }

    .page-description {
        padding-right: 5.7% !important;
        padding-left: 5.7% !important;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
        padding-left: 5.7% !important;
    }
}

@media only screen and (min-width: 1440px) {
    .woocommerce .woocommerce-breadcrumb {
        padding-left: 7.9% !important;
    }

    .summary,
    .entry-summary {
        width: 84% !important;
        margin-left: 7.9%;
    }

    .woocommerce .products ul,
    .woocommerce ul.products,
    .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab,
    .related.products h2 {
        margin-right: 7.9%;
        margin-left: 7.9%;
    }

    .hentry .title-post {
        margin-left: 7.9% !important;
    }

    .content-area .post-wrap,
    .contact-form-wrap {
        padding-top: 0;
    }

    .page-description {
        padding-right: 7.9% !important;
        padding-left: 7.9% !important;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
        padding-left: 7.9% !important;
    }
}

@media only screen and (min-width: 2200px) {
    .woocommerce .woocommerce-breadcrumb {
        padding-left: 22.9% !important;
    }

    .summary,
    .entry-summary {
        width: 54% !important;
        margin-left: 22.9%;
    }

    .woocommerce .products ul,
    .woocommerce ul.products,
    .woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews.panel.entry-content.wc-tab,
    .related.products h2 {
        margin-right: 22.9%;
        margin-left: 22.9%;
    }

    .hentry .title-post {
        margin-left: 22.9% !important;
    }

    .content-area .post-wrap,
    .contact-form-wrap {
        padding-top: 0;
    }

    .page-description {
        padding-right: 22.9% !important;
        padding-left: 22.9% !important;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
        padding-left: 22.9% !important;
    }
}

/* ==================================================
   17. MOBILE-SPECIFIC FINISHING RULES
   ================================================== */

@media only screen and (max-width: 768px) {
    .wp-block-image img {
        width: 100%;
        height: auto;
    }

    .woocommerce div.product form.cart .button {
        display: block;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}