/**
 * Theme Name: X – Child Theme
 * Theme URI: http://theme.co/x/
 * Author: Themeco
 * Author URI: http://theme.co/
 * Description: Make all of your modifications to X in this child theme.
 * Version: 1.0.0
 * Template: x
 *
 * @format
 */

.x-brand img {
  width: 510px !important;
}
/* Uber menu custom classes */
li#menu-item-115 {
  text-align: center;
}
.x-logobar {
  display: none;
}
.atr-top-strip {
  display: grid;
  grid-template-areas: "left-logo logo-img logo-img logo-img right-logo";
  padding-top: 10px;
  height: 40px;
}
.atr-left-logo {
  grid-area: left-logo;
}
.atr-center-logo {
  grid-area: logo-img;
  text-align: center;
}

.atr-right-logo {
  grid-area: right-logo;
  display: grid;
  grid-template-areas: "top-sign-in top-cart top-search";
  justify-items: end;
}
.top-my-cart {
  grid-area: top-cart;
  text-align-last: end;
}
.top-sign-in {
  grid-area: top-sign-in;
}

/* Custom header */
header.masthead.masthead-stacked {
  height: auto;
  background: url(https://samyghatan.com/wp-content/uploads/2017/11/red-and-white-bokeh-lights-PEJASQV.jpg);
}
header.masthead.masthead-stacked a {
  color: #888888;
}
.atr-top-strip .fa {
  color: #a8bace;
  font-size: 1.4em;
}
.atr-top-strip i.fa.fa-phone {
  margin-right: 7px;
}
span.your-cart {
  line-height: 34px;
  display: inline-block;
  margin-bottom: 6px;
}
.x-navbar-wrap {
  border: 1px solid rgba(0, 0, 0, 0.075);
  margin-top: 5px;
}
.x-navbar {
  border-bottom: none;
}
.x-breadcrumb-wrap {
  border-bottom: none;
}
h1.atr-woo-cat-title {
  font-size: 250%;
  margin: 50px 0 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
h3.menu-footer-content {
  font-size: 2em;
  padding: 20px 150px 0 0;
  /* margin: 20px 20px 0 0; */
}
ul.product-cats li.category a:hover {
  border: 1px solid rgba(0, 0, 0, 0.075);
}

ul.product-cats li.category a {
  display: block;
}
/* Top cart 
https://isabelcastillo.com/woocommerce-cart-icon-count-theme-header
*/

.cart-contents:before {
  font-family: "FontAwesome";
  content: "\f07a";
  font-size: 2em;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  padding-right: 5px;
  color: #a8bace;
  vertical-align: bottom;
}
.cart-contents:hover {
  text-decoration: none;
}
.top-my-cart a.cart-contents {
  position: relative;
  top: -8px;
}
.cart-contents-count {
  color: #fff;
  /* background-color: #d3e0ee; */
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 4px;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  position: absolute;
  top: 2px;
  font-size: 0.8em;
  left: 6px;
}
/* Top cart End */

/* Top sign in menu */
.atr-top-header-sign-in-menu {
  height: 24px;
  display: inline-block;
}
.top-sign-in i.fa.fa-user {
  display: inline-block;
}
.atr-top-header-sign-in-menu ul {
  list-style: none;
  margin: 0;
}
.atr-top-header-sign-in-menu ul.sub-menu {
  display: none;
  position: absolute;
  transition: width 2s;
  -webkit-transition-property: margin-top, opacity, visibility;
  -ms-transition-property: margin-top, opacity, visibility;
  transition-property: margin-top, opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -ms-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  z-index: 10000;
  background: #fff;
  list-style: none;
  padding: 5px;
  margin: 0;
  width: 130px;
  border: solid 1px #0676be47;
}
.atr-top-header-sign-in-menu:hover .sub-menu {
  display: block;
}
.atr-top-header-sign-in-menu ul.sub-menu li:hover {
  background: #0676be;
}
header.masthead.masthead-stacked
  .atr-top-header-sign-in-menu
  ul.sub-menu
  li:hover
  a {
  color: #fff;
  padding: 0 6px;
}
/* Top search */
form.atr-search-form-top-form.searchform {
  padding: 0;
  margin: 0;
  grid-area: top-search;
}
.atr-search-form-top {
  /* display: grid; */
  /* grid-template-areas: "search-field search-button"; */
  position: relative;
}
.atr-search-form-top .search-field {
  /* grid-area: search-field; */
  /* width: 54px; */
}
.atr-search-form-top .search-field [type="text"] {
  height: 20px;
  padding: 0;
  margin: 0;
  /* display: inline-block; */
  width: 100%;
}
.atr-search-form-top .search-button {
  width: 26px;
  height: 26px;
  /* grid-area: search-button; */
  position: absolute;
  top: 0;
  right: 0;
}
.atr-search-form-top .search-button [type="submit"].searchsubmit {
  width: 100%;
  height: 100%;
  padding: 0;
  line-height: 1;
  font-size: 12px;
  border: none;
}
.atr-search-form-top .search-button [type="submit"].searchsubmit:before {
  /* font-family: "FontAwesome"; */
  /* content: "\f002"; */
}

/* Top left baner */
.atr-top-left-baner-text {
  display: grid;
  grid-template-areas: "atr-top-left-facebook atr-top-left-phone atr-top-left-benefits atr-top-left-benefits";
}
.atr-top-left-facebook {
  grid-area: atr-top-left-facebook;
}
.atr-top-left-phone {
  grid-area: atr-top-left-phone;
}
.atr-top-left-benefits {
  display: block;
  grid-area: atr-top-left-benefits;
  margin-top: 15px;
}
.atr-top-left-benefits li a {
  font-size: 0.7em;
  letter-spacing: 0.4em;
}

/* Home page products slider */
.ls-v6 .ls-nav-prev,
.ls-v6 .ls-nav-next {
  background: #d3e0ee;
}

.woocommerce li.product .entry-header h3 {
  border-bottom: solid 1px #f1f1f1;
  margin-bottom: 10px !important;
}

div#products-slider-hp {
  background: url(https://samyghatan.com/wp-content/plugins/woocommerce-products-slider/assets/global/images/bg/dimension.png);
}

.x-colophon.top {
  background: #0776be;
}
For the bottom part,
add .x-colophon.bottom {
  background: #000;
}
.x-colophon .widget_categories ul > li a,
.x-colophon .widget_product_categories ul > li a,
.x-colophon .widget_nav_menu ul > li a,
.x-colophon .widget_pages ul > li a,
.x-colophon h4.h-widget {
  color: #fff;
}
div#yaad_logo {
  background: #fff;
  display: none;
}

/* hide yaad logo on X blank template */
.page-template-template-blank-3 #yaad_logo {
  display: none;
}
.x-pagination ul {
  background: rgba(241, 241, 241, 0.3);
  padding: 10px;
  margin: 0 auto;
  width: 100%;
  border-bottom: solid 1px #f1f1f1;
  border-top: solid 1px #f1f1f1;
}
.x-pagination a,
.x-pagination span {
  color: #ad9797;
}
div#squares-1-top-right-hp {
  width: 47.4% !important;
}
/****************
cf7-inquire
****************/
.cf7-inquire-wrapper {
  margin: 20px 0 0 0;
  padding: 10px;
  background: #efefef;
  border: 1px solid #ac1100;
  border-radius: 15px;
}
.cf7-custom-product-inquire h3 {
  margin: 10px 0;
}
h3.cf7-inquire-ttl {
  font-size: 22px;
  margin-bottom: 12px;
}
div#cf7-custom-product-inquire {
  width: 100%;
}
.cf7-inquire-field.message-area,
.cf7-inquire-field.message-head {
  display: inline-block;
  width: 100%;
}

.cf7-inquire-field {
  display: inline-block;
  width: 48%;
}
.cf7-custom-product-inquire .wpcf7-response-output {
  position: absolute;
  padding: 40px !important;
  top: 370px;
}
.woocommerce li.product .entry-header .button {
  background: #0676be;
  border-color: #0676be;
  color: #fff;
}
/* Search results Page */
.entry-wrap.search-results .x-container.max.width {
  border-bottom: solid 1px #0676be;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.search-post-thumb {
  width: 20%;
  float: left;
}
.search-post-title,
.search-post-contebnt {
  width: 75%;
  float: left;
}
.search-post-title .entry-title {
  font-size: 244%;
  text-align: left;
}
/* Moving Product Image Thumbnails to bottom*/
.woocommerce .flex-control-nav.flex-control-thumbs {
  position: relative;
  width: 100%;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.flex-control-nav.flex-control-thumbs img {
  height: 4.5em;
}
.woocommerce .entry-product .onsale {
  background: red;
  color: #fff;
}
input#woocommerce-product-search-field-0 {
  width: 70%;
}
#woocommerce_product_search-2 button {
  width: 20%;
  font-size: 0.7em;
  padding: 8px 0 6px 0;
}

/* Yehuda Guides for Sami */
.guides-posts ol li ol {
  margin: 0 40px 0 0;
}
.atr-top-left-return-policy {
  line-height: 37px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  div#squares-1-top-right-hp {
    width: 100% !important;
  }
  .atr-top-left-benefits {
    display: none;
  }
}
@media only screen and (max-width: 979px) {
  .atr-top-strip {
    height: auto;
    grid-template-areas:
      "left-logo left-logo"
      "right-logo right-logo";
  }
  .atr-left-logo {
    text-align: center;
  }
  .atr-right-logo {
    /* grid-area: none; */
  }
  body.x-navbar-fixed-top-active .x-navbar-wrap {
    position: absolute;
    top: 0;
    padding: 3px 9px 0 4px;
  }

  .x-btn-navbar,
  .x-btn-navbar.collapsed {
    font-size: 37px !important;
    margin-top: 4px;
    float: left;
  }
  .atr-top-left-return-policy {
    text-align: right;
  }
  .x-breadcrumb-wrap {
    margin: 10px 0 0 0;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* WooCommerce My Account Page – User Logged Out – Login/Register Page */
  #customer_login .u-column1.col-1,
  #customer_login .u-column2.col-2 {
    float: left;
  }
  #customer_login .u-column1.col-1 {
    width: 50%;
    margin-right: 3%;
  }
  #customer_login .u-column2.col-2 {
    width: 40%;
  }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}
footer a {
    color: #fff;
}