/**
 * Q Web Proofs - Styles
 */

/* Media Query breakpoints
small    = 30.063em (480px)
medium   = 40.063em (640px)
normal   = 60.063em (960px)
large    = 64.063em (1024px)
x-large  = 90.063em (1440px)
xx-large = 120.063em (1920px)
*/

/**
 * Colors
 */

/* CSS colors For: "Default"
Colors: 
#ff0000; - Red
#00ff00; - Green
#0000ff; - Blue

#ff00ff; - Fuchia

#000000; - Black
#ffffff; - White
*/

/* Fonts */
/*
@import "font-face/fonts.css";
*/
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");

/* + Body Setup */

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

img,
media {
   max-width: 100%;
   height: auto;
}

body {
   font-family: "Josefin Sans", sans-serif;
   font-weight: bold;
   background-color: #f0ead6;
   color: #000000;
   font-size: 1.35em;
}

.main-content {
   background-color: #f0ead6;
}
/* + background */

.background-image {
   background-image: url("../images/cabin-by-river.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   width: 100%;
   height: 100vh;
   top: 16px;
   bottom: 0;
}

/*
.background-image {
   background-image: url("../images/paper-eggshell.png"), url("../images/cabin-by-river.jpg");
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: cover, cover;
   width: 100%;
   height: 100vh;
   top: 16px;
   bottom: 0;
}
   */
/* - background */

.spacer2 {
   background-image: url("../images/eggshell2.png");
   background-repeat: no-repeat;
   /* background-position: center top;*/ /*put back when selling*/
   background-position: center 75px;
   background-size: cover;
   width: 100%;
   height: 200px;
   margin-top: 200px;
}

.layout-header,
.url-path-styles .layout-sitemap {
   background-color: #000000;
   min-height: 54px;
   width: 100%;
}

.spacer {
   height: 20vh;
}

/*.background-image,*/
.layout-header {
   position: fixed;
   top: 0;
   width: 100%;
}

.layout-biz_card {
   background-color: rgba(225, 225, 225, 0.4) !important;
   border-radius: 25px;
   padding-top: 5px;
   padding-bottom: 25px;
   padding-left: 25px;
   padding-right: 25px;
   min-width:300px;
}

.layout-biz_card .field__item {
   display: flex;
}

.layout-biz_card .left {
   flex-grow: 1;
}

.layout-biz_card .right {
   margin-left: 15px;
   width: 132px;
   height: 175px;
}

.layout-biz_card .right img {
   max-width: 132px;
   max-height: 175px;
}

.layout-footer {
   width: 100%;
   text-align: center;
   padding: 25px;
}

/* + Top Bar */
.pen-name div {
   float: left;
}

.icon p {
   padding: 0 !important;
}

.icon img {
   margin-top: 3px;
   margin-left: 20px;
   height: 48px !important;
   width: auto !important;
}

.icon p,
.full-pen-name p {
   display: block;
   color: white;
   text-align: center;
   padding: 0.75em 1em;
   margin: 0;
   line-height: 1;
}

.box {
   display: flex;
   flex-wrap: wrap;
}

.box #left-content {
   flex: 1 1 auto;
}

.box #center-content {
   flex: 1 1 auto;
}

.box #right-content {
   flex: 1 1 auto;
}
/* - Top Bar */

.wrapper {
   position: absolute;
   top: 50px;
   width: 100%;
}

.node--unpublished {
   background-color: rgba(225, 0, 0, 0.2) !important;
}

.biz_card {
   text-shadow: rgba(225, 204, 0, 1) 1px 0 10px;
   max-width: 1080px;
   margin-left: 40%;
   margin-right: 20%;
   padding-top: 25px;
   padding-left: 50px;
   padding-right: 50px;
}

@media all and (max-width: 1125px) {
   .biz_card {
      max-width: 610px !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }
}

@media all and (max-width: 610px) {
   .biz_card {
      max-width: 320px !important;
      margin-left: auto !important;
      margin-right: auto !important;
   }
}

.biz_card img {
   height: 175px !important;
   width: 132px !important;
   margin-top: 25px;
   margin-left: auto;
   margin-right: auto;
}

.content {
   text-shadow: rgba(225, 204, 0, 1) 1px 0 10px;
   max-width: 1080px;
   /* min-height: 500px;*/
   margin-left: auto;
   margin-right: auto;
   /* background-color: rgba(225, 225, 225, 0.4) !important;*/
   padding-top: 25px;
   padding-left: 50px;
   padding-right: 50px;
   /* padding-bottom: 25px; */
   /*margin-top: 60px;
   margin-bottom: 60px;*/
}

/* + Main Links */
a {
   text-decoration: none !important;
}
a:link {
   color: #000000;
}
a:visited {
   color: #000000;
}
a:hover {
   color: #000000;
   text-decoration: underline !important;
}
a:active {
   color: #000000;
   text-decoration: underline !important;
}
/* - Main Links */

/* + Main Links */
.full-pen-name a {
   text-decoration: none !important;
}
.full-pen-name a:link {
   color: #ffffff !important;
}
.full-pen-name a:visited {
   color: #ffffff !important;
}
.full-pen-name a:hover {
   color: #ffffff !important;
   text-decoration: none !important;
}
.full-pen-name a:active {
   color: #ffffff;
   text-decoration: none !important;
}
/* - Main Links */

/* + H Tags */
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
hr {
}
p {
   margin: 0px;
}
/* - H Tags */

/* + Search Input */
#search-block-form .form-item,
#search-block-form .form-actions {
   margin-top: 0px;
   margin-bottom: 0px;
}
#search-block-form {
   background-color: rgba(225, 225, 225, 0.4);
   float: left;
   /* width: 212px; */
   margin-top: 9px;
   margin-left: 20px;
   margin-bottom: 9px;
}
#search-block-form {
   border: 2px solid #000000;

   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 10px;
   padding-right: 10px;
}
#search-block-form .form-group {
   margin-bottom: 0px;
}
.search-block-form {
   z-index: 102;
   position: relative;
   float: right;
}
.search-block-form .form-submit:hover,
.search-block-form .form-submit {
   background: url("../images/search-icon.png") no-repeat;
   width: 20px;
   height: 20px;
   border: none !important;
   color: transparent;
   position: relative;
   top: 2px;
   left: 6px;
}
/* - Search Input */

/* + Menus */
ul.sf-menu.sf-style-black {
   margin-bottom: 0em !important;
}
ul.sf-menu.sf-style-black a {
   text-shadow: none;
   text-transform: uppercase;
}
ul.sf-menu.sf-style-black .is-active {
   background: #353535;
   color: #ffffff;
   outline: 0;
}
/* - Menus */

/* + Input Boxes */
input#edit-name,
input#edit-pass {
   width: 100%;
}
/* - Input Boxes */

/* + Cheeseburger Menu */
.cheeseburger-menu__backdrop {
   z-index: 0;
}

.block-cheeseburgermenu__trigger-element {
   /* color: #ffffff; */
}

.block-cheeseburgermenu__trigger-element span:nth-child(1):after {
   content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 Menu";
}
@media all and (max-width: 720px) {
   #block-barebones-mainnavigation {
      display: none;
   }
}
/* - Cheeseburger Menu */

/* + Contact Us Form */
.path-webform #edit-first-name,
.path-webform #edit-last-name,
.path-webform #edit-email-address {
   width: 100% !important;
}
/* - Contact Us Form */

/* + Store Icons*/
.layout-icons {
   height: 300px;
}

.icon-wrapper {
   margin-left: auto;
   margin-right: auto;
   width: 650px;
   height: 250px;
   display: flex;
   gap: 25px;
   text-align: center;
   color: #000000;
   display: none; /* put back when selling */
}

.icon-wrapper .icons {
   background-color: rgba(225, 204, 0, 0.4);
   border-radius: 25px;
   padding: 25px;
   width: 200px !important;
   height: 225px !important;
}

.icon-wrapper .icons img {
   max-width: fit-content;
   width: 150px !important;
   height: 150px !important;
}
/* - Store Icons*/

/*

*/
/*
.region-header,
.region-header-right {
   width: 50%;
   float: left;
}

.layout-header,
.layout-navigation,
.layout-tabs,
.layout-content,
.layout-sitemap,
.layout-footer {
   padding-left: 15px;
   padding-right: 15px;
}
.layout-header,
.layout-navigation,
.layout-slider,
.layout-tabs,
.layout-content,
.layout-sitemap,
.layout-footer {
   float: left;
   width: 100%;
}
/* - Body Setup */

/* + Sticky Stuff */
/*
.sticky-top {
   -webkit-box-shadow: 0px 0px 28px 3px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 0px 28px 3px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 0px 28px 3px rgba(0, 0, 0, 0.75);
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   z-index: 99;
   background-color: #ffffff;
}
.sticky-content {
   height: 150px;
}
.user-logged-in .sticky-top {
   padding-top: 75px;
}
.user-logged-in .sticky-content {
   height: 150px;
}
@media only screen and (max-width: 600px) {
   .sticky-content {
      height: 255px;
   }
}
/* - Sticky Stuff */

/* + Main Links */
/*
a {
   text-decoration: none !important;
}
a:link {
   color: #0000ff;
}
a:visited {
   color: #0000ff;
}
a:hover {
   color: #00ff00;
}
a:active {
   color: #00ff00;
}
/* - Main Links */

/* + H Tags */
/*
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
hr {
}
/* - H Tags */

/* + Header Logo */
/*
.region-header .site-logo img {
   margin-top: 16px;
}
/* - Header Logo */

/* + Address */
/*
#block-barebones-address-2 {
   float: right;
   width: 100%;
}

#block-barebones-address-2 .field--name-body {
   float: right;
   padding-right: 30px;
}
/* - Address */

/* + Main Menu */
/*
.layout-header {
   background-color: #333333;
}

ul.sf-menu.sf-style-black {
   margin-bottom: 0em !important;
}
ul.sf-menu.sf-style-black a {
   text-transform: uppercase;
}
ul.sf-menu.sf-style-black .is-active {
   background: #353535;
   color: #ffffff;
   outline: 0;
}

.responsive-menus.responsified {
   position: relative;
   top: 0px;
}
.responsive-menus.responsified span.toggler {
   display: block;
   background: #000000;
   color: #ffffff;
   border-radius: 0px;
   box-shadow: none;
   font-size: 1.25em;
   text-align: right;
   cursor: pointer;
   outline: none;
}
.responsive-menus.responsified span.toggler:after {
   content: "\00a0 \00a0 \00a0 \00a0 \00a0 ";
}
.responsive-menus.responsified .responsive-menus-simple {
   display: none;
   width: 100%;
   background: #000000;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   box-shadow: 2px 2px 2px #000;
}
.responsive-menus.responsified .responsive-menus-simple li a {
   color: #ffffff;
   display: block;
   padding: 1em 5%;
   margin: 0;
   text-align: left;
   border-bottom: 1px solid #bbb;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   text-decoration: none;
   font-variant: small-caps;
}
/* - Main Menu */

/* + Test Icons */
/*
.test-icons {
   text-align: center;
}
.test-icons a {
   margin: 0px !important;
   padding: 0px !important;
}
.test-icons div {
   margin: 50px !important;
   width: 95px;
   height: 95px;
   padding: 15px;
   display: inline-block;
   border-radius: 50px;
   border: 2px solid #000000;
}
.test-icons img {
   margin: 0px;
   padding: 0px !important;
}
/* - Test Icons */

/* + Flex Slider */
/*
.flexslider {
   border: 0px solid #fff;
   margin: 0 !important;
}
/* - Flex Slider */

/*
.flexslider .flex-control-thumbs {
   margin: auto;
   max-width: 1000px;
   text-align: center !important;
}
.flexslider .flex-control-thumbs li {
   width: 250px;
   padding: 15px;
   float: initial !important;
}

/* + Flex Slider Text */
/*
.flexslider .views-field-body .field-content {
   font-size: 1.5vw;
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
/* - Flex Slider Text */

/* + 640px and less */
/*
@media only screen and (max-width: 600px) {
   .region-header,
   .region-header-right {
      width: 100% !important;
      float: left;
   }
}
/* - 640px and less */

/* + Cheeseburger Menu */
/*
.cheeseburger-menu__backdrop {
   z-index: 99;
}

.block-cheeseburgermenu__trigger-element {
   color: #ffffff;
}

.block-cheeseburgermenu__trigger-element span:nth-child(1):after {
   content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0 Menu";
}
@media all and (max-width: 720px) {
   #block-barebones-mainnavigation-2 {
      display: none;
   }
}
/* - Cheeseburger Menu */