/*
 Theme Name: mcmtheme
 Description: Custom MCM child theme using twentyseventeen core
 Author: MCM Skunkworks Team
 Author URI: https://mycloudmenu.com
 Template: twentyseventeen
 Version: 1
 Notes: First PROD deployment to AWS 9/21/20;
 */

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),
     url('fonts/montserrat-thin-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
     url('fonts/montserrat-extralight-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
     url('fonts/montserrat-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
     url('fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: 400; // normal
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
     url('fonts/montserrat-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
     url('fonts/montserrat-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
     url('fonts/montserrat-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
     url('fonts/montserrat-extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
     url('fonts/montserrat-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


#masthead .wrap {
    /* position: relative; */
  text-align: center;
}
.wc_payment_method .payment_box p:last-child {
  font-weight: 600;
}


.lnk-close-check {
  color: #ee5555;
  font-weight: 600;

}

#billing_country_field {
  display:none!important;
}


.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: initial !important;
}
.custom-header-media:before
{
  background: none!important;
}


.login h1
{
  display:none!important;
}

.twentyseventeen-front-page.has-header-image .custom-header-media:before {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.site-branding {
  display: none;
}
.notice-success, div.updated {
  display:none;
}

.home .site-branding {
  display: inherit;
}

.elementor-2 .elementor-element.elementor-element-829e3a0 .widget-image-caption
{
  margin-top:-40px;
}

#content {
  padding-top: 0px !important;
}


h1 {
  font-size: 24px !important;
}

.button {
  border-radius: 8px 8px 8px 8px;
}


.elementor-image-gallery .gallery-item .gallery-caption {
margin-top: -44px;
padding: 5px 5px 5px 5px;
font-style: normal;
font-weight: 600;
opacity: 0.8 !important;
      background: #787878 !important;
    opacity: 0.6;
    -webkit-transition: 0.2s background ease-in-out;
    transition: 0.2s background ease-in-out;
    background: linear-gradient(to left, #787878, #45505b) !important;
  border-radius: 8px;
}

.wrap {
max-width: 1145px;
padding-left: 3em;
padding-right: 3em;
}

.gallery-icon img{
    width: 100%;
}

@media (min-width: 1024px) {
    #gallery-1 {
      column-count: 4;
      column-gap: 0px;
    }
}
@media (min-width:768px) and (max-width:1023px) {
    #gallery-1 {
      column-count: 3;
      column-gap: 0px;      
    }  
}
@media only screen and (min-width: 992px) {
    .woocommerce center > .col-md-10 {
        margin: 0 8.33333333% !important;
    }
}
@media (max-width:763px) {
    #gallery-1 {
      column-count: 1;
      column-gap: 0px;      
    }  
}

.sku_wrapper {
  display: none;
}
/*Mobile Header Update*/

@media screen and (max-width: 480px) {
    .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,
    .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: inline;   
        height: auto;
        left: 0;
        max-width: 100%;
        min-height: 0;
        -o-object-fit: unset;
        object-fit: unset;
        position: relative;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: 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,
    .custom-header-media,
    .has-header-image .custom-header-media img, 
    .has-header-video .custom-header-media video, 
    .has-header-video .custom-header-media iframe {
        position: static;
    }

    .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 {
        min-height: 1px;
        -o-object-fit: unset;
        object-fit: unset;
    }

    .custom-header-media:before {
        background: none;
    }

    body.has-header-image .site-description, 
    body.has-header-video .site-description {
        color: #222;
        opacity: 1;
    }

    .site-branding .wrap {
        padding: 0;
    }
}
}

.woocommerce img, .woocommerce-page img{
  border-radius: 8px !important;
}

.woocommerce-info {
  display:none;
}

/*Product Extra add on*/
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
  color:#333;
}

/*Contact Form*/
.contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .contact-form input[type=url]{
  width: 100% !important;
}
.site-info::after {
content: ‘©2020 My Cloud Menu’
}
/*ATH Checkbox*/
input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2713";
  border: 0.2em solid #000;
  border-radius: 1.0em;
  display: inline-block;
  width: 2em;
  height: 2em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}


input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
label.checkbox {
  font-weight: 700!important;
  border-radius: 8px;
}

#athcheckbox {
  background: #f88f93;
  vertical-align: middle;
  width: auto;
  border-radius: 8px;
  padding: 6px 6px 0px 6px
}

/*Emergency Close Message*/
/*
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: no;
    display:none;
}
.form-row {
  display:none;
}
*/

/* Hide Optional */
span.optional {display:none;}

/* Product Input Box */
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    display: flex;
    width: fit-content;
}

/* Back Home Button */
.backHome {
  background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
  background-color:#b63030;
  border-radius:4px;
  border:1px solid #ffffff;
  display: block;
  text-align: center;
  width: 150px; 
  cursor:pointer;
  color:#ffffff;
  font-size:16px;
  padding:6px 15px;
  margin:15px 0px;
  text-decoration:none;
} 
.backHome:hover {
  background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
  background-color:#eb675e;
}
.backHome:active {
  position:relative;
  top:1px;
}

/*Placeholder*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #323232;
  opacity: 0.2;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #323232;
  opacity: 0.2;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #323232;
  opacity: 0.2;
}
:-moz-placeholder { /* Firefox 18- */
  color: #323232;
  opacity: 0.2;
}
/* Fix issues with jquery overlay blocking checkout button */
.woocommerce .blockUI.blockOverlay {
position: relative!important;
display: none!important;
}

.tufield {
  display:none;
}

/*Center Layout Styles*/

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 14rem;
    font-weight: 800;
    color: #E4BB7D;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    top: 25%;
    left: 25%;
    margin: auto;
    float: none;
    display: block;
    font-size: 1.5rem !important;  
    margin-bottom: 10px;
    margin-top: 10px;
}
ul.products li.product .woocommerce-placeholder {
    border: none;
    max-width: 85%;
    
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  text-align: center;
}
.woocommerce-loop-product__title  {
  text-align: center;
  font-weight:600;
}

.woocommerce .product .add_to_cart_button.button{
  display: none;
  color: #e4bb7d;
  font-weight: bold;
  box-shadow: inset 0 -1px 0 #ccd0d4;
}

.woocommerce-product-gallery img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder
{
  border: none;
}
.single-product .summary p.price {
  text-align: center;
  
  
}
.woocommerce-loop-product__title {
    text-align: center;
    font-weight: 600;
    font-size: 1.0rem !important;
}
h1:first-child, h2:first-child {
    padding-top: 0;
    text-align: center;
}
.home h2.entry-title {
  display: none!important;
}

.woocommerce-loop-category__title {
  font-weight:700 !important;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering 
{
  display: none !important;
}

.woocommerce-result-count 
{
  display: none !important;
}
.product_type_variable {
  display:none;
}

.woocommerce li.product {
    vertical-align: top;
    display: inline-block;
    float: none;
}

.woocommerce ul.products {
    text-align: center;
}

.button.product_type_simple{
  display:none !important;
}
.add_to_cart_button {
  display:none !important;
}
.button {
  padding:8px;
}

.woocommerce-products-header {
  text-align: center;
}
label {
    color: #333;
    display: block;
    font-weight: 600 !important;
    margin-bottom: .5em;
    align-content
}

/*Extra Options*/
table.extra-options .label-tag, table.extra-options .sublabel-tag {
    display: inline-block;
    font-weight: 600;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    display: flex;
    width: fit-content;
    border-bottom: 1px solid #aaa;
}

.select2-container .select2-selection--single {
   background-color: #fff;
  min-width: 8rem;
    max-width: 20rem;
    border: none;
    border-radius: 8px;
    display: flex;
    width: fit-content;
    border-bottom: 1px solid #aaa;
}
.single-product form.cart input {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-width: 8rem;
    max-width: 20rem;
    border-radius: 8px;
    font-size: .90rem;
    cursor: pointer;
    line-height: 1.5rem;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    border-width: 0 0 1px 0;
    color: rgba(0, 0, 0, 0.73);
    display: block;
    padding: 2px 0 1px 16px;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 100%;
    z-index: 1;
    outline: none;
    overflow: hidden;
}

.yith-quick-view-content.woocommerce div.summary h1 {
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
}