/*
Theme Name:   Her Majesty's Pleasure (HMP)
Description:  Rosa Child Theme
Author:       Nuclear Media Inc.
Template:     rosa
Version:      1.0.0
Text Domain:  hmp
*/

/* Fonts */

html, body
{
  font-size: 62.5%;
}

@font-face
{
  font-family: CeliasLight;
  src: url(fonts/CeliasLight.otf);
}

@font-face
{
  font-family: CeliasRegular;
  src: url(fonts/CeliasLight.otf);
}

@font-face
{
  font-family: CeliasBold;
  src: url(fonts/CeliasLight.otf);
}

@font-face
{
  font-family: MajestiBannerBook;
  src: url(fonts/Majesti-Banner-Book.otf);
}

@font-face
{
  font-family: MajestiBannerLight;
  src: url(fonts/Majesti-Banner-Light.otf);
}

@font-face
{
  font-family: MajestiBannerMedium;
  src: url(fonts/Majesti-Banner-Medium.otf);
}

@font-face
{
  font-family: MajestiBannerMediumItalic;
  src: url(fonts/Majesti-Banner-Medium.otf);
}

/* Body */

html
{
  font-family: CeliasLight, sans-serif;
}

body,
.article__content
{
  background-color: #F5EAE5 !important;
}

/* Header Nav */

ul.nav--items-menu li a
{
  font-family: CeliasBold, sans-serif;
}

/* Section Headers */

h1, h2, h3, h4, h5
{
  font-family: MajestiBannerBook, serif;
  text-transform: none;
}

/* General */

.blurp--top path
{
  fill: #F5EAE5;
}

.navigator
{
  display: none;
}

.article__content a,
.article__content a:hover,
.article__content a:visited,
.article__content a:active
{
  color: #CE8A7E !important;
  text-decoration: none !important;
  border: none !important;
}

p
{
  font-size: 1.5rem;
  line-height: 1.3em;
}

.article__content p
{
  margin-bottom: 20px;
}

.pixcode--grid .center
{
  margin: auto;
  float: none;
  display: block;
}

.article--page
{
  padding: 0;
}

.article__parallax--img img
{
  top: 54%;
}

/* Headlines & Fonts */

h1.headline__primary
{
  font-size: 4.5rem;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  font-weight: 400;
}

.desc__content
{
  font-size: 0.8em;
}

.article__header .article__headline .headline__primary, .article__header .article__headline .headline__description *
{
  color: #000000;
}

/* Header */

.site-header
{
  position: absolute;
  height: 0;
}

.site-header > div
{
  background-color: #F5EAE5 !important;
}

@media (min-width: 900px)
{
  .site-header a,
  .site-header a:hover,
  .site-header a:visited,
  .site-header a:active
  {
    color: #000000 !important;
  }
}

.site-header a.nav-trigger
{
  color: #000000 !important;
}

.site-header .flexbox
{
  display: block;
}

.site-header .flexbox__item
{
  display: block;
  width: 100%;
}

.site-header .site-logo
{
  display: block;
  margin: 10px 0;
}

.site-header .site-logo img
{
  margin: auto;
  max-height: 100px !important;
}

.blurp--top, .down-arrow--bubble
{
  display: none;
}

#menu-her-majesty-main-menu li a:after
{
  border: none !important;
  text-decoration: none !important;
}

@media only screen and (min-width: 900px)
{
  .site-header .flexbox__item
  {
    margin: 30px 0;
  }

  .site-header .site-logo
  {
    margin: 30px 0;
  }

  .navigation--main
  {
    width: 100%;
    float: none;
  }

  ul.nav--main > li > a
  {
    padding: 0 !important;
  }

  ul.nav--items-menu
  {
    display: inline-flex;
    width: 53%;
    justify-content: space-between;
    margin-bottom: 0;
  }

  ul.nav--items-social
  {
    display: inline-flex;
    float: none;
    width: 28%;
    justify-content: center;
  }

  .social-icon
  {
    margin: 0 5px;
  }

  .nav--items-social i
  {
    font-size: 18px;
  }
}

#wpcf7-f1043-o1
{
  display: inline-block;
  width: 18%;
  font-family: MajestiBannerBook, serif;
  border-bottom: 1px solid #000000;
}

#wpcf7-f1043-o1 p
{
  margin: 0;
}

#wpcf7-f1043-o1 input[type="email"]
{
  display: inline-block;
  background: transparent;
  border: none;
  padding: 0 0 5px 0;
  font-size: 16px;
  width: 90%;
  outline: none;
  margin: 0;
}

#wpcf7-f1043-o1 input[type="email"]::placeholder
{
  text-transform: none;
}

#wpcf7-f1043-o1 input[type="submit"]
{
  display: inline-block;
  border: 0;
  background: transparent;
  color: #000000;
  font-weight: 800;
  padding: 5px 0;
  width: 8%;
  margin-left: auto;
}

#wpcf7-f1043-o1 .ajax-loader
{
  display: none;
}

.wpcf7-response-output
{
  display: block;
  position: absolute;
  right: 24px;
  width: 18%;
  bottom: 0;
}

/* Party Reservation Form */

#post-763 h3
{
  font-size: 2.5rem;
}

#wpcf7-f811-p763-o2
{
  max-width: 400px;
  margin: auto;
}

#wpcf7-f811-p763-o2 input::placeholder,
#wpcf7-f811-p763-o2 textarea::placeholder
{
  text-transform: none;
}

.input-group
{
  max-width: 250px;
}

.table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd)
{
  background-color: transparent !important;
}

@media only screen and (min-width: 900px)
{
  .sidebar--footer
  {
    padding: 66px 0 10px;
  }

}

/* Sections */

/*.section-image
{
  display: none;
}*/

@media only screen and (min-width: 900px)
{

  .page .type-page .article__content
  {
    padding-bottom: 65px;
    padding-top: 65px;
  }

  .section-flex
  {
    display: flex;
    align-items: center;
  }

  .section-text
  {
    width: 60%;
    padding: 0 110px;
  }

  .section-text h1.headline__primary
  {
    text-align: center;
  }

  .section-text p
  {
    text-align: center;
  }

  .section-image
  {
    display: block;
    width: 40%;
    padding: 0 20px;
    margin-left: auto;
  }

  .section-text.image-left
  {
    order: 2;
  }

  .section-image.image-left
  {
    order: 1;
  }

  /* Spa Menu Section */
  .spa-menu-section .section-text
  {
    width: 50%;
    padding: 0 90px;
  }

  .spa-menu-section .section-image
  {
    display: block;
    width: 50%;
    padding: 0 20px;
    margin-left: auto;
  }

}

/* Instagram */

.sb_instagram_header
{
  display: none;
}

#sb_instagram
{
  margin: 100px 0 0 0 !important;
  padding: 0 !important;
}

#sb_instagram img
{
  width: 100%;
}

#sbi_load
{
  display: none;
}

#sbi_images
{
  padding: 0 !important;
}

/* Footer */

footer
{
  background-color: #FFFFFF;
}

footer h1, footer h2, footer h3, footer h4, footer h5
{
  font-family: CeliasRegular, serif;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.footer-widget-area .widget p
{
  margin-bottom: 20px;
}

footer li a, footer p, footer p a
{
  font-family: MajestiBannerLight, serif;
  font-size: 1.6rem;
}

footer strong
{
  font-family: MajestiBannerMedium, serif;
}

footer strong i
{
  font-family: MajestiBannerMediumItalic, serif;
}

.footer-widget-area .widget
{
  vertical-align: top;
}

.footer-widget-area .widget .widget__title
{
  margin: 25px 0 10px 0;
  font-weight: bold;
}

.footer-widget-area .widget .widget__title:first-child
{
  margin-top: 0;
}

.footer-widget-area .widget_nav_menu ul > li
{
  width: 100%;
}

.footer-widget-area .widget_nav_menu ul > li a
{
  padding: 0;
}

.copyright-area
{
  display: none;
}

/* Spa Services page (Post 823) */

/*

Service Subheader - CeliasLight
Service - CeliasRegular
Service Description – CeliasLight

*/

.menu-list__item-title
{
  background: transparent;
  font-size: 1.8rem;
  font-family: CeliasRegular, serif;
  font-weight: bold;
}

.menu-list__item-desc .desc__content
{
  background: transparent;
  font-size: 1.6rem;
  font-family: CeliasLight, serif;
}

.menu-list__item-price
{
  background: transparent;
  font-size: 1.6rem;
  font-family: CeliasLight, serif;
  text-align: right;
}

/*
#post-823 .pixcode--grid h1
{
  cursor: pointer;
  position: relative;
  margin: 0 0 35px 0;
  padding-top: 35px;
}

#post-823 .pixcode--grid h1::after
{

  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  right: 0;
  top: 43px;
  font-size: 16px;
  line-height: 16px;
  transition: 0.3s;
}

#post-823 .pixcode--grid h1.open::after
{
  transform: rotate(90deg);
}
*/

/* Contact page */

.map__marker
{
  background: rgba(255, 255, 255, 0.5);
  padding: 7px 7px 3px 7px;
  border: 1px black solid;
}

.wpcf7-not-valid-tip
{
  font-size: 0.6em !important;
  margin-top: -20px;
}

.wpcf7-not-valid
{
  border: 1px solid red !important;
}

/* Error page */

.error404
{
  background-image: none !important;
}

/* Misc post-specific styling */

@media only screen and (min-width: 900px)
{
  #post-763 .pixcode--grid .grid__item
  {
    padding: 0;
  }
}

.page-id-981 #sb_instagram
{
  margin-top: 0 !important;
}

@media (min-width: 900px)
{

  .page-id-763 .pixcode--grid,
  .page-id-981 .pixcode--grid
  {
    display: flex;
    margin: 78px -48px 0;
  }

  .page-id-763 .grid__item,
  .page-id-981 .grid__item
  {
    padding-left: 48px;
    padding-right: 48px;
    position: relative;
  }

  .page-id-763 .grid__item:nth-child(2)::before,
  .page-id-981 .grid__item:nth-child(2)::before,
  .page-id-981 .grid__item:nth-child(2)::after
  {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    height: 80%;
    background-color: #666666;
    width: 2px;
  }

  .page-id-763 .grid__item:nth-child(2)::after,
  .page-id-981 .grid__item:nth-child(2)::after
  {
    right: -1px;
  }

  .page-id-763 .grid__item:nth-child(2)::before,
  .page-id-981 .grid__item:nth-child(2)::before
  {
    left: -1px;
  }

  .page-id-981 p
  {
    font-size: 1.8rem;
  }

  .page-id-763 .grid__item h2,
  .page-id-981 .grid__item h2
  {
    margin-top: 0;
    font-size: 3rem;
  }

  .page-id-763 .grid__item p,
  .page-id-981 .grid__item p
  {
    line-height: 1.4em;
    font-size: 1.5rem;
  }
}