/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */

/* Override right sidebar widget styling */
.et_pb_widget_area_right {
    padding-left: 0px !important ; 
}

.widget_instagram-feed-widget .widgettitle{
    text-align: center;
    padding-top: 10px; 
}

/* Center every figure caption */ 
.wp-block-image .aligncenter>figcaption{
    text-align: center;
}

/* Set letter-spacing to 1 for every paragraph */ 
p, span, h1, h2, h3, h4, button {
    letter-spacing: 1px;
}

/* For the top bar slide-in whose HTML is inserted under Divi > Integration */

.delta-banner-height{
    top: 33px !important; 
}

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

.at-banner {
  z-index: 999999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #d9eaff;
  width: 100%;
  padding: 5px;
  height: 33px;
  letter-spacing: 1px;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  color: #e17055;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation: at-banner-slide-in 0.8s ease forwards;
          animation: at-banner-slide-in 0.8s ease forwards;
}

.at-banner__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
.at-banner__text {
  margin: 0 20px 0 0;
  font-size: 14px;
}
.at-banner__button {
  display: inline-block;
  background: #FFFFFF;
  height: 30px;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  color: #974DF3;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
  white-space: nowrap;
}
.at-banner__close {
  display: none ; 
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.at-banner__close:before, .at-banner__close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #FFFFFF;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.at-banner__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.at-banner__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

@-webkit-keyframes at-banner-slide-in {
  0% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes at-banner-slide-in {
  0% {
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

/* Center footer (override) */ 

#footer-info {
  text-align: center;
  float: inherit;
}

/* Newsletter small widget */

.mc4wp-small-newsletter label, .mc4wp-small-newsletter input, .mc4wp-small-newsletter input{
  letter-spacing: 1px;
}

.mc4wp-small-newsletter .input input{
  padding: 14px 4%!important;
  font-size: 14px;
  color: #666;
  background-color: #fff;
  width: 100%;
  font-weight: 400;
  border-radius: 4px;
  border-color: rgba(47, 53, 66, 0.41);;
}

.mc4wp-small-newsletter .btn input{
  border-radius: 4px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400!important;
  font-style: italic!important;
  border-color: #2f3542;
  color: white;
  background-color: #2f3542;
  cursor: pointer;
}

/* Special class to hide secrets*/
.hidden{ 
  display: none;
}

/* Fix dynamic padding top jump issue  */
#page-container.page-container-with-banner{
  padding-top: 0px !important;  /* this overrides everything; including the script of the template that wrongly adjust the top padding */
  margin-top: 123px !important; /* to compensate for the padding forced to 0 */
}

#page-container.page-container-without-banner{
  padding-top: 0px !important;  /* this overrides everything; including the script of the template that wrongly adjust the top padding */
  margin-top: 90px !important; /* to compensate for the padding forced to 0 */
}

/* Add hover effect to menu items */
#top-menu-nav .menu-item a{
  text-decoration-color: #ffd3cf;
}

#top-menu-nav .menu-item a:hover{
  text-decoration: underline;
  text-decoration-color: #ffd3cf;
  color: #f9b7ab !important; 
  text-decoration-style: double;
}

/*Add footage top line */
#main-footer{
  border-top-width: 0.5px;
  border-top-color: rgba(47,53,66,0.24);
  border-top-style: solid;
}

/* Banner button */
.custom-cookie-button{
  font: 'Roboto';
  padding: 10px;
  border-radius: 0px;
  color: #ffffff;
  background: #cfd5df;
}

/* Hidden shop item loop gallery urls */
.product-spe-image {
  display: none;
}
.et_shop_image{
  overflow: hidden;
}

/* Add some margin to h2 title of related products module */
.et_pb_wc_related_products .related h2{
  margin-bottom: 15px;
}

/* Design General FAQ */ 
/* Img */
#general-faq .dev .et_pb_text_inner{
  text-align: center;
}

#general-faq .dev img{
  height: 75px;
  width: auto;
}

@media (min-width: 981px) {
  #general-faq .dev img{
    margin-bottom: 9.27%;
  }
}

#general-faq .dev h3{
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  color: rgb(47, 53, 66) ;
  font-size: 15px;
  text-size-adjust:100%;
  text-transform:uppercase;
  vertical-align:baseline;
  -webkit-font-smoothing:antialiased;
}

.et_pb_blog_grid .et_pb_post{
  height: 465px;
}

/*
.custom-subscribe-form .et_pb_newsletter_result, .custom-subscribe-form  .et_pb_newsletter_error{
  display: inherit;
}
*/

/* Design speciall gallery that come at the bottom */
#special_gallery{
  text-align: center;
}

#special_gallery .special_image_thumb{
  display:inline-block;
  cursor: pointer;
  margin: 10px;
}

/* This is for the FAQ, for each question section */
h5.et_pb_toggle_title {
    font-size: 16px;
}

/* Correct alignment of product rating stars on top of each other */
.woocommerce .star-rating span::before, .woocommerce .star-rating:before  {
    letter-spacing: 0px;
}

/****************************************************************
*****************************************************************
*****************************************************************
*****************************************************************
************************RESPONSIVE*******************************
/****************************************************************
*****************************************************************
*****************************************************************
*****************************************************************/

/* Homepage */
@media (max-width: 767px){
  .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
    font-size: 16px !important;
  }
  .et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide {
    height: 300px !important;
  }
}

/* Align custom user account button */

@media (max-width: 980px){
  #show-user-profile {
    float: left;
    margin: 5px -10px 0px 25px;
  }
  #et_top_search {
      margin: 0 !important;
  }
  .woocommerce-notices-wrapper .woocommerce-message a.button {
    font-size: 13px;
  }
}

#show-user-profile {
  position: relative;
  display: inline-block;
  width: 18px;
  font-size: 17px;
}

#show-user-profile .icon_profile{
	color: rgb(47, 53, 66); 
}

/** Adjust the jump due to the top banner */
@media ( max-width : 700px) {
  .at-banner{
    height: 75px;
  }
  .delta-banner-height{
    top: 69px !important; 
  }

  #page-container.page-container-with-banner{
    margin-top: 149px !important;
  }

  #page-container.page-container-without-banner{
    margin-top: 80px !important; /* to compensate for the padding forced to 0 */
  }
  
}