/*
Theme Name:   Coniferkingdom 2024
Theme URI:    https://generatepress.com
Description:  Customized Default GeneratePress child theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com
Template:     generatepress
Version:      1.0
*/


@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Medium.ttf") format("truetype");
  font-display: auto;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Light.ttf") format("truetype");
  font-display: auto;
  font-weight: 300;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/Montserrat-Bold.ttf") format("truetype");
  font-display: auto;
  font-weight: 700;
}

html {
  overflow-x: hidden;
}

.mobile,
.ultra_mobile {
  display: none;
}

/* .inside-header {
    flex-wrap: wrap;
	justify-content: space-between;
} */

#masthead {
  z-index: 2000;
  width: 100%;
  top: 0;
  position: sticky;
  left: 0;
}

/*************** BUTTONS ***************/
a.btn,
button.button,
button.btn {
  background-color: var(--ck-green);
  text-decoration: none;
  border-radius: 4px;
}

.button.product_type_simple,
.button.product_type_simple.add_to_cart_button,
.button.product_type_variable,
.button.product_type_variable.add_to_cart_button,
a.btn,
button.button,
button.btn,
.button_left_to_right {
  z-index: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -ms-transition: 500ms;
  transition: 500ms;
  position: relative;
  overflow: hidden;
}

.button.product_type_simple:before,
.button.product_type_simple:after,
.button.product_type_simple.add_to_cart_button:before,
.button.product_type_simple.add_to_cart_button:after,
.button.product_type_variable:before,
.button.product_type_variable:after,
.button.product_type_variable.add_to_cart_button:before,
.button.product_type_variable.add_to_cart_button:after,
a.btn:before,
button.button:before,
button.btn:before,
a.btn:after,
button.button:after,
button.btn:after,
.button_left_to_right:before,
.button_left_to_right:after {
  content: "";
  position: absolute;
}

.button.product_type_simple:before,
.button.product_type_simple.add_to_cart_button:before,
.button.product_type_variable:before,
.button.product_type_variable.add_to_cart_button:before,
a.btn:before,
button.button:before,
button.btn:before,
.button_left_to_right:before {
  z-index: -1;
  width: 0;
  height: 100%;
  right: 0;
  background: var(--contrast);
  top: 0;
  border-radius: inherit;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  -ms-transition: 400ms;
  transition: 400ms;
}

.button.product_type_simple:after,
.button.product_type_simple.add_to_cart_button:after,
.button.product_type_variable:after,
.button.product_type_variable.add_to_cart_button:after,
a.btn:after,
button.button:after,
button.btn:after,
.button_left_to_right:after {
  width: 100%;
  z-index: -2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  /* background-color: var(--ck-green); */
  height: 100%;
}

.button.product_type_simple:hover:before,
.button.product_type_simple:active:before,
.button.product_type_simple:checked:before,
.button.product_type_simple:focus:before,
.button.product_type_simple.add_to_cart_button:hover:before,
.button.product_type_simple.add_to_cart_button:active:before,
.button.product_type_simple.add_to_cart_button:checked:before,
.button.product_type_simple.add_to_cart_button:focus:before,
.button.product_type_variable:hover:before,
.button.product_type_variable:active:before,
.button.product_type_variable:checked:before,
.button.product_type_variable:focus:before,
.button.product_type_variable.add_to_cart_button:hover:before,
.button.product_type_variable.add_to_cart_button:active:before,
.button.product_type_variable.add_to_cart_button:checked:before,
.button.product_type_variable.add_to_cart_button:focus:before,
a.btn:hover:before,
button.button:hover:before,
button.btn:hover:before,
a.btn:active:before,
button.button:active:before,
button.btn:active:before,
a.btn:checked:before,
button.button:checked:before,
button.btn:checked:before,
a.btn:focus:before,
button.button:focus:before,
button.btn:focus:before,
.button_left_to_right:hover:before,
.button_left_to_right:active:before,
.button_left_to_right:checked:before,
.button_left_to_right:focus:before {
  left: 0;
  width: 100%;
  right: unset;
}

/***************************************/

.button_from_the_center {
  z-index: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -ms-transition: 500ms;
  transition: 500ms;
  position: relative;
  overflow: hidden;
}

.button_from_the_center:before,
.button_from_the_center:after {
  content: "";
  position: absolute;
}

.button_from_the_center:before {
  z-index: -1;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  background: var(--contrast);
  /* border-radius: 100px; */
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  -ms-transition: 400ms;
  transition: 400ms;
  transform: translate(-50%, -50%);
}

.button_from_the_center:hover:before {
  left: 50%;
  width: 100%;
  height: 100%;
}

/************* END BUTTONS *************/
body.archive #primary {
  padding-top: 20px;
}