/*******************************
/*********  elements  **********
*******************************/

body {

  font-size: 16px;
  line-height: 23px;
  font-family: "Raleway", Sans-serif;
  font-weight: 400;

}

a {

  text-decoration: none;
  color: #656565;

}

p {

  color: #666569;

}

hr {

  background: none;
  border-top: 1px solid #c4c4c4;
  border-bottom: none;

}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

ul {

  margin-left: 2rem;

}

label {

  font-family: "Raleway", Sans-serif;
  font-weight: 700;
  color: #394679;

}

textarea {

  width: 100%;

}

.main-contact textarea {

  border: 1px solid #394679;
  margin-top: 30px;
  margin-bottom: 30px;

}

.main-contact .wpcf7-submit {

  background: #394679;
  color: #ffffff;
  border: none;
  padding: 0.5rem 1rem;
  font-weight: 600;
  cursor: pointer;

}

.main-contact input:not([type="submit"]) {

  padding: 0.35rem;
  border: 1px solid #394679;
  margin-bottom: 2rem;
  width: 100%;

}

.main-contact input[type="checkbox"]{
  width: auto;
  margin-bottom: 0px;
}

/*******************************
/***********  Fonts  ***********
*******************************/

h1, h2, h3, h4 {

  color: #394679;
  font-family: "Lora", Sans-serif;
  font-weight: 500;

}

h1 {

  font-size: 2.2rem;

}

h2 {

  font-size: 2rem;

}

p {

  margin-bottom: 0.5rem;

}

/*******************************
/***********  Menu  ***********
*******************************/

#menu-main-menu ul.sub-menu {

  display: none;

}

#menu-main-menu li.menu-item-has-children:hover > ul.sub-menu {

  display: block;
  position: absolute;
  margin: 0;
  background: #394679;
  padding: 0.5rem;
  z-index: 9999;
  width: 220px;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {

  right: -178px;
  top: 0;
  background: #3e4871;
  padding: 0.5rem;
  width: 170px;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li.menu-item-has-children:hover ul.sub-menu a {

  padding: 0.25rem;
  font-size: 0.65rem;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li {

  margin: 0;
  display: block;
  text-align: left;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li a {

  text-transform: none;
  display: block;
  color: #bebebe;
  padding: 0.5rem;
  font-size: 0.75rem;
  border-bottom: none;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li a:after {

  content: ">";
  float: right;

}

#menu-main-menu li.menu-item-has-children:hover ul.sub-menu li a:hover {

  background: #48597f;

}


/*******************************
/********  Woocommerce  ********
*******************************/

.woocommerce div.product form.cart .variations th {
  text-align: left;
}

#checkout_privacy_consent{
  padding: 1em;
  background: #F7F6F7;
  border-radius: 5px;
  margin-top: 20px;
}

#checkout_privacy_consent input{
  margin: 0px;
}

#checkout_privacy_consent label{
  line-height: normal;
}

.woocommerce ul.products li.product {

  width: 100%;
  overflow: hidden;

}

.woocommerce ul.products li.product a img {

  float: left;
  width: 35%;
  margin-right: 5%;

}

ul.products li h2 {

  text-align: center;
  padding: 1rem;
  margin: 2rem 0rem;

}

ul.products .woocommerce-product-details__short-description {

  float: left;
  width: 60%;

}

.woocommerce ul.products li.product .price {

  float: left;
  width: 60%;

}

.woocommerce ul.products li.product .button {

  float: left;
  background: #fcc62b;
  color: #4e4e4e;
  border-radius: 0;

}

.woocommerce ul.products li.product .woocommerce-loop-product__title {

  font-size: 1.5rem;

}

.woocommerce ul.products li.product strong {

  display: inline-block;

}

.woocommerce-products-header h1.woocommerce-products-header__title {

  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-transform: capitalize;

}

.banner-wrapper {

  margin-bottom: 2rem;

}

h1.product_title {

  margin-bottom: 1rem;

}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {

  background: #656565!important;


}

.product_meta {

  display: none;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li {

  border-radius: 0;
  background-color: #f5f5f5;

}

.woocommerce div.product form.cart .button {

  border-radius: 0;

}

.woocommerce .quantity .qty {

  padding: 0.5rem;

}

.woocommerce table.shop_attributes th {

  text-align: left;

}

.woocommerce-Tabs-panel h2 {

  display: none;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {

  font-size: 0.9rem;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {

  display: none;

}

.woocommerce-variation-price {

  margin-bottom: 1rem;

}

body.archive ul.products span.price, body.single-product p.price {

  display: none!important;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {

  padding: 8px;
  border: 1px solid #c8c8c8;

}

/*******************************
/**********  Header  ***********
*******************************/

.header-contact i.fa {

  color: #656565;
  margin-right: 5px;

}

.header-contact span {

    padding: 0.5rem 0rem;

}

.header-contact span:first-of-type {

  margin-right: 1.5rem;

}

.upper-header {

  padding: 0rem 0rem 0.75rem 0rem;

}

.lower-header {

  padding: 0.75rem 0rem;
  position: relative;

}

.header-cart-search {

  text-align: right;
  margin-top: 1rem;

}

.header-cart-search a{
  text-transform: lowercase;
}

.upper-header i{
  font-size: 30px;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 5px;
}

a.cart-header {

  background: #fbc72b;
  color: #000;
  border-radius: 50%;
  width: 20px;
  display: inline-block;
  height: 20px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 16px;
  vertical-align: text-bottom;

}

.header-search .search-field {

  padding: 0.15rem;
  float: left;
  width: 70%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid grey;

}

.header-search [type=submit] {

  width: 30%;
  float: left;
  border: none;
  background: #000000;
  color: white;
  padding: 0.2rem;

}

.header-search .screen-reader-text {

  display: none;

}

header {

  background: #ffffff;

}

.lower-header-wrap.sticky {

  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #c4c4c4;
  background: #ffffff;

}

.lower-header-wrap .logo-wrap img {

    transition: all 0.4s ease;

}

.lower-header-wrap .logo-wrap img, .lower-header-wrap.sticky .logo-wrap img {

  width: 70px;

}

.header-contact, .cart-wrap, .my-account-wrap, .header-search  {

  text-align: center;
  padding: 0.5rem 0rem;
  font-size: 0.8rem;

}

.header-contact {

  background: #f9f7f7;

}

.menu-popup {

  display: none;
  background: #E2E4E5;
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: 9999999;
  width: 100%;

}

div.menu-popup ul {

  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 3rem;
  line-height: 4rem;
  text-transform: uppercase;
  clear: both;
  text-align: center;

}

.menu-popup .mobile-menu-close {

  float: right;
  padding: 1rem;
  font-size: 3rem;
  color: #000;
  cursor: pointer;

}

/*******************************
/***********  Footer  **********
*******************************/

footer {

  color: #ffffff;
  font-family: "Raleway", Sans-serif;
  font-size: 0.7rem;

}

footer h4 {

  font-family: "Raleway", Sans-serif;
  font-size: 0.8rem;
  color: #ffffff;

}

footer a, footer p {

  color: #ffffff;

}

footer .contact-section .pure-social-icon {

  margin-left: 0;
  margin-right: 0.5rem;

}

footer h3 {

  font-size: 1rem;
  color: #ffffff;
  font-family: "Raleway", Sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-weight: 600;

}

footer .wpcf7 input {

  margin-bottom: 0.5rem;

}

footer .wpcf7 input:not([type="submit"]), footer .wpcf7 .wpcf7-textarea {

  width: 100%;
  padding: 0.5rem;

}

footer .wpcf7 input[type="checkbox"]{
  width: auto;
  margin-bottom: 0px;
}

footer .wpcf7 input[type="submit"] {

  background: #fbc72b;
  border: none;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  font-weight: 600;
  cursor: pointer;

}

.contact-section {

  margin-bottom: 1rem;

}

footer .footer-nav {

  margin-top: 4rem;

}

.footer-white-wasp {

  margin-bottom: -12px;
  margin-right: 15px;

}

footer .footer-lower {

  padding: 2rem;
  background: #3f3f3f;

}

footer .footer-upper {

  background: #fbc72b;
  border-style: double;
  border-width: 15px 0px 0px 0px;
  border-color: #ffffff;
  margin-top: 2rem;
  padding-bottom: 0.8rem;

}

footer .footer-upper .footer-purchase {

  padding: 2rem;

}

footer .footer-upper .footer-purchase h4 {

  font-size: 1.8rem;
  color: #394679;
  font-family: "Lora", Sans-serif;
  font-weight: 500;
  line-height: 2.5rem;

}

footer .footer-upper .footer-purchase i {
  font-size: 30px;
  color: #394679;
  vertical-align: middle;
  margin-top: -7px;
}

footer .footer-upper .footer-purchase a {

  font-size: 18px;
  font-weight: 500;
  color: #394679;
  font-family: "Lora", Sans-serif;
  text-transform: lowercase;

}

footer .footer-upper hr {

  width: 30%;
  border-top: 1px solid #666569;
  margin: 1rem auto;

}

footer .footer-upper .footer-purchase-books {

  margin-top: -3rem;

}

footer .footer-purchase-image, footer .footer-purchase {

  text-align: center;

}

.site-by {

  text-align: right;
  margin-right: 1rem;
  margin-top: 2rem;

}

/*******************************
/***********  Menu  ************
*******************************/


#menu-main-menu {

  text-align: right;
  padding: 1rem 0rem;
  display: none;

}

#menu-main-menu a {

  text-decoration: none;
  text-transform: uppercase;
  color: #656565;
  font-family: "Raleway", Sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  padding-bottom: 3px;

}

#menu-main-menu li {

  display: inline-block;
  margin-left: 1rem;

}

#menu-main-menu li.current-menu-item a {

  color: #000000;
  border-bottom: 2px solid #fbc72b;

}

#menu-footer-menu {

  text-align: left;
  margin-left: 0;

}

#menu-footer-menu li {

  display: inline-block;
  margin-right: 1rem;

}

div.mobile-menu-wrap {

  float: right;
  background: #74767d;
  color: #fff;
  font-weight: 700;
  padding: 1rem 1.5rem;
  cursor: pointer;
  position: relative;

}

div.mobile-menu-wrap .mobile-button-bar {

  height: 2px;
  width: 20px;
  background: #fff;
  display: block;
  margin-bottom: 4px;

}

div.mobile-menu-wrap .mobile-button-bar-wrap {

  float: right;
  margin-left: 1rem;

}

/*******************************
/***********  Icons  ***********
*******************************/

.pure-social-icon {

  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  margin-left: 0.5rem;
  line-height: 0;

}

.pure-social-icon i {

  color: #ffffff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

.pure-social-icon.icon-facebook {

  background: #325188;

}

.pure-social-icon.icon-twitter {

  background: #5f96d5;

}

/*******************************
/*******  Recent news  ********
*******************************/

.recent-news-container {

  overflow: hidden;
  margin-bottom: 1.5rem;

}

.recent-news-container img {

  width: 20%;
  float: left;
  height: inherit;

}

.recent-news-container .recent-post-news-text {

  width: 73%;
  float: left;
  margin-left: 6%;

}


/*******************************
/********  Greg Badge  *********
*******************************/

.greg-badge {

  color: #3f5a8c;
  padding: 10px 15px 10px 15px;
  text-align: center;
  font-size: 0.85rem;
  line-height: 25px;

}

.split-style-wrap {

  margin-top: -22px;

}

.split-style {

  width: 50%;
  height: 23px;
  float: left;
  background: #394679;

}

.split-style-right {

  border-radius: 60px 0px 0px 0px;
  -moz-border-radius: 60px 0px 0px 0px;
  -webkit-border-radius: 60px 0px 0px 0px;
  border: 0px solid #000000;

}

.split-style-left {

  border-radius: 0px 60px 0px 0px;
  -moz-border-radius: 0px 60px 0px 0px;
  -webkit-border-radius: 0px 60px 0px 0px;
  border: 0px solid #000000;

}

/*******************************
/********  Blog  ********
*******************************/

#display_posts .text {

  padding: 10px;

}

#display_posts h3 a {

  font-size: 23px;
  padding: 10px 0px;
  color: #394679;
  text-transform: capitalize;
  font-family: "Lora", Sans-serif;
  font-weight: 500;

}

#display_posts h3 {

  margin-bottom: 10px;

}

p.blog-posted-date {

  font-size: 12px;

}

.single p.blog-posted-date {

  padding: 10px;
  margin-bottom: 0;

}

h1.blog-title {

  padding: 10px;
  text-transform: capitalize;

}

/*******************************
/***  Elementor overrides  *****
*******************************/


/*******************************
/**********  Slick  ************
*******************************/

.scrolling-quotes {

  text-align: center;

}

.scrolling-quotes .line-1 {

  font-size: 1.5rem;
  font-weight: 500;
  color: #394679;
  line-height: 1;

}

.scrolling-quotes .line-2 {

  color: #666569;

}

.elementor-slick-slider .slick-arrows-inside .slick-prev {

  left: 30px;

}

.elementor-slick-slider .slick-arrows-inside .slick-next {

  right: 30px;

}

/*******************************
/*******  Media Queries  *******
*******************************/

@media (max-width: 768px) {

  .mobile-no-bg .elementor-column-wrap {

    background-image: none!important;

  }

}

@media (min-width: 768px) {

  .upper-header {

    padding: 1rem 0rem 0.75rem 0rem;

  }

  .header-contact, .cart-wrap, .my-account-wrap, .header-search {

    font-size: 1rem;

  }

  .header-contact {

    text-align: left;
    background: none;

  }

  .cart-wrap {

    text-align: left;

  }

  .my-account-wrap {

    text-align: left;

  }

  #menu-main-menu {

    display: block;

   }

   .mobile-menu-wrap {

     display: none;

   }

   .lower-header-wrap .logo-wrap img {

     width: 125px;

   }

   .lower-header {

     margin-bottom: 10px;

   }

   footer .footer-purchase-image, footer .footer-purchase {

     text-align: left;

   }

   footer .footer-upper hr {

     margin: 2rem 0em;

   }

   #menu-footer-menu {

     text-align: right;
     margin-left: 2rem;

   }

   .header-cart-search {

     margin-top: 0;

   }

}

@media (min-width: 992px) {

  .bordered-columns .elementor-element-populated {

    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-radius: 50% 50% 50% 50%;
    margin: 0px 25px 0px 0px;
    padding: 30px 0px 30px 0px;

  }

  .greg-badge {

    width: 135px;
    height: 344px;
    background: url('../img/greg-badge.png') no-repeat;
    color: #ffffff;
    padding: 145px 15px 10px 15px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 14px;
    position: absolute;
    top: -200px;

  }

}

@media (min-width: 1200px) {


}