/*
Theme Name:   	BX Theme
Theme URI:    	https://bendixkruse.com
Author:       	Bendix Kruse
Author URI:     http://bendixkruse.com
Template:     	storefront
Description:    Theme by CRUISE
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	cruise
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/*
 * Add your own custom css below this text.
 */


@font-face {
  font-family: "RIPKY";
  src: url("./Fierce-Vector.otf");
}

h2 {
  font-size: 20px;
  margin-top: 25px;
}

h3 {
  font-size: 20px;
  margin-top: 15px !important;
}

.clearfix::after,
.clearfix::before {
  clear: both;
  content: "";
  display: block;
  float: none;
}

#header,
header.entry-header {
  display: none;
}

.bx-header-highlights {
  padding: 30px 0;
}

.bx-logo {
  height: 80px;
  width: 100%;
  background-image: url("/wp-content/uploads/2020/01/paulripke-logo-white-medium.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.content-area {
  max-width: 1100px;
  margin: 30px auto;
}

.post-edit-link {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.bx-highlight-outer-container {
  width: 46%;
  float: left;
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 2%;
  cursor: pointer;
}

.bx-highlight-category-container {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
}

.bx-text-container {
  position: absolute;
  width: 95%;
  left: 2.5%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.bx-highlight-category-container h1 {
  font-size: 40px;
  color: #fff;
  margin: 0;
  font-family: 'RIPKY';
  letter-spacing: -2px;
  cursor: pointer;
}

.bx-highlight-category-container h2 {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  margin-top: -5px;
  /* font-family: 'Avenir Next'; */
  font-family: 'RIPKY';
  text-transform: uppercase;
}

.bx-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.4;
}

.bx-highlight-container-image {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
}

video.bx-highlight-container-image {
  background-color: rgba(0, 0, 0, 0.8);
}

.bx-highlight-window-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.bx-highlight-container-image {
  display: none;
}

.bx-highlight-container-image.active {
  display: block;
}

.bx-next {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

.bx-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

.bx-close {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 20px;
  right: 20px;
  background-image: url(/wp-content/uploads/2018/08/closeicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media(max-width: 850px) {
  .bx-highlight-outer-container {
    height: 160px;
  }
  .bx-highlight-category-container h1 {
    font-size: 31px;
  }
}