/*
Theme Name: BedSideProd
Text Domain: BedSideProd
Version: 1.0
Description: BedSideProd
Author: Clara Pasteau
Author URL: www.clarapasteau.com

*/
    
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
 
}
body {
    font-family: 'Arbutus Slab', serif;
    background: black;
}
body::-webkit-scrollbar {
    display: none;
}
body {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
}

.img-cover {
  display: block;
        margin: 0 auto;
       width: 100%;
    height: 42vh;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
  object-fit: cover;
}
.img-hide {
        display: none;
    }


a {
    text-decoration: none;
}
a:visited { text-decoration: none;   color: pink; }
a:hover { text-decoration: none;   color: pink;}
a:focus { text-decoration: none;   color: pink; }
a:hover, a:active { text-decoration: none;   color: yellow;}
.btn:focus,
.btn.focus {
    box-shadow: none !important
}
ul {
    list-style: none;
    text-decoration: none;
}
@font-face {
    font-family: 'Authentic';
    src: url('assets/fonts/AUTHENTICSans-150.woff') ;
    font-weight: normal;
    font-style: normal;
   }


header {
    height: 100px;
    background: #ff4675;
    display: flex;
}
.header-icon {
    width: 60px;
    margin:0  30px;
    text-shadow:6px 4px 12px #000000;
  -webkit-filter: drop-shadow( 3px 5px 3px rgba(0, 0, 0, .6));
    filter: drop-shadow( 3px 5px 3px rgba(0, 0, 0, .6));
}

header div {
    font-size: 50px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-transform: uppercase;
    font-family: 'Authentic', Arial, Helvetica, sans-serif;
  padding-top: 10px;
}
header div a {
    color: black;
    text-shadow:6px 4px 12px #000000;
    font-family: 'Authentic', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
header div a img {
  width: 58vw;
    margin-top: 10px;
-webkit-filter: drop-shadow( 3px 5px 3px rgba(0, 0, 0, .6));
    filter: drop-shadow( 3px 5px 3px rgba(0, 0, 0, .6));
}
header div a:visited {
    color: black;
}
header div a:hover {
    color: black;
}
.menu-items{
    margin-left: 15px;
    display: flex;
    list-style-type: none;
    height: 35px;
}
.menu-items li a {
    color: white;
}
.menu-item {
  padding: 7px 20px;
}

ul {
    margin: 0;
    padding: 0;
}

ul li:hover {
    font-style: italic;
}
[aria-current] {
    font-style: italic;
}
.menu-items {
    color: white;
    background: black;
    text-transform: uppercase;
}

.grid-content {
    display: flex;
    flex-wrap: wrap;
    background-color: black;
    width: 100%;
    justify-content: space-between;
}
.grid-content .porn-content  {
    width: 50%;
    height: 42vh;
    position: relative;
      border: 3px solid black;
}

.single-content {
    display: flex;
    flex-wrap: wrap;
    background-color: black;
    width: 100%;
    height: calc(100vh - 135px);
}
.single-content figure {
   
    object-fit: cover;
}

.single-content figure img {
    width: 50vw;
    height: 42vh;
    object-fit: cover;
}


.wp-block-embed {
    margin-bottom: 0;
}
.wp-block-embed iframe {
    max-width: 100%;
    width: 49.5vw;
    height: 42vh;
}

.wp-block-image {
    margin-bottom: 0;
}
.gallery-thumbnail {
    width: 49%;
    height: 50%;
    position: relative;
}

.gallery-thumb, .sound-thumb {
     width: 50vw;
    height: 42vh;
    object-fit: cover;
}

.single-gallery {
    height: calc(100% - 135px);
    width: 50%;
}
.wp-block-gallery .blocks-gallery-item {margin:0 !important; padding: 1px;}
.single-gallery figure ul .blocks-gallery-item {height: 180px !important;}
.single-gallery figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-gallery-page {
    display:flex;
    height: calc(100% - 135px);
}
.right-gallery {
    width: 50%;
    min-height: calc(100vh - 135px);
}
.single-gallery-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-text {
    position: absolute;
    margin: auto;
    width: 50%;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 135px);
    top: 30%;
}
.single-gallery-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    z-index: 10;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 41px;
    font-style: italic;
    padding-bottom: 23px;
}
.gallery-intro {
    color: #fff67a;
    max-width: 435px;
    text-align: left;
    margin: 0 auto;
}
.front-page {
    position: fixed;
    width: 100%;
}

/* 
this is the styling for the initial title "shameless porn you can share"
.home-title {
    position: absolute;
    z-index: 10;
    font-size: 110px;
    font-style: italic;
    line-height: 115px;
    color: #ff4675;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    text-align: center;
    margin: 150px auto 0;
    width: 100%;
    padding: 0 100px;
}*/


/* this is the styling for the lightroom homepage button */
.home-title {
    color: #fff67a;
    z-index: 10;
    font-size: 36px;
    line-height: 45px;
    font-style: italic;
    margin: 7px 20px;
    width: 352px;
    padding: 16px 32px;
    text-align: center;
    background: black;
    top: 144px;
    border-radius: 15px;
    cursor: pointer;
    position: fixed;
    box-shadow: 3px 2px 16px black;
    left: 0;
    right: 0;
}
.home-title:hover {
  box-shadow: 3px 2px 16px pink;
}

.single-content {
    display: flex;
    flex-wrap: wrap;
}
.single-content figure ul .blocks-gallery-item {height: 41vh !important;}

.gallery-page-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 40px;
    line-height: 45px;
    font-style: italic;
    pointer-events: none; 
    padding: 0 20px;
}
.gallery-page-title a {
    color: #fff67a ;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}
.sound-page-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 40px;
    font-style: italic;
    padding: 0 20px;
    line-height: 45px;
  
}
.sound-page-title a {
    color: #fff67a;
    cursor: pointer;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}
.porn-page-title {
    line-height: 55px;
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 55px;
    font-style: italic;
    padding: 0 20px;
    pointer-events: none; 
}
.porn-page-title a{
    color: #fff67a;
    cursor: pointer;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}
.porn-button
{    width: 75px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    margin-bottom: 30px;
    position: absolute;
    bottom: 12%;
  left : 50%;
  transform: translate(-50%, -50%);

    /* background: url ('../images/small_triangle.png') transparent no-repeat; */
}
.single-porn-page {
    padding: 10px;
}
.sub-menu {
    display: none;
    background: black;
    margin-top: 5px;
    z-index: 100;
	 position: absolute;
}
#menu-item-217 {
    z-index: 100;
}
#menu-item-217:hover > .sub-menu {
  display: block;
  z-index: 100;
}
.sub-menu li a{
    color: #f8c8d0;
}

/* foobox */
.fbx-light .fbx-inner {
    background-color: #f8c8d0  !important;
}
.fbx-rounded .fbx-inner {
    border: none  !important;;
}
.fbx-rounded .fbx-prev.fbx-btn-shadow, .fbx-rounded .fbx-next.fbx-btn-shadow, .fbx-count {

}
.fbx-light .fbx-next, .fbx-light .fbx-prev, .fbx-light .fbx-next:before, .fbx-light .fbx-prev:before {
   color: #f8c8d0 !important;
  background-color: transparent !important;
}
.fbx-light .fbx-close:before {
    color: #f8c8d0 !important;
}
.fbx-rounded .fbx-close {
    top: -24px !important;
    right: 13px !important;
    width: 0 !important;
    height: 0 !important;
    line-height: 20px !important;
    border: none !important;
    border-radius: none !important;
}
.fbx-rounded .fbx-count {
  display: none !important;
}
.fbx-close:before {
    content: "\e002" !important;
}

/* .video-js.vjs-fluid {
    height: 100% !important;
} */

.front-page .video-js .vjs-tech {
 height: calc(100vh - 135px);
   object-fit: cover;
    
}

.porn-content .vjs-has-started .vjs-control-bar, .porn-content .vjs-big-play-button {
    display: none;
}

.vjs-poster {
    background-size: cover;
	
}
.porn-content .vjs-poster {
    background-size: cover;
	height: 42vh !important;
}
.porn-content .video-js .vjs-tech {
	height: 42vh !important;
  object-fit: cover !important;
}

.front-page .video-js .vjs-big-play-button {
    display: none;
}

.porn-single-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width:  calc(100% - 30px);
    height: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 95px;
    font-style: italic;
    pointer-events: none; 
}
.porn-button-single{    
     width: 120px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    margin-bottom: 30px;
    position: absolute;
    top: 75%;
  left : 52%;
  transform: translate(-50%, -50%);
  
    /* background: url ('../images/small_triangle.png') transparent no-repeat; */
}
.single-porn .video-js .vjs-big-play-button {
    cursor: pointer;
    z-index: 10;
    background: url(./assets/images/Buttons_expanded-02.svg) transparent no-repeat;
    border: none;
    top: 55%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 30px);
    left: 45%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: none;
}

.single-porn #my-video .vjs-poster{
    cursor: default;
}

#porn-arrow {
    cursor: pointer;
    z-index: 10;
    margin: auto;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100px;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    color: transparent;
    width: calc(100% - 30px);
    justify-content: center;
    display: flex;
    bottom: 10%;
}
#porn-arrow img {
    width: 50px;
}
#porn-arrow img:hover {
  text-shadow: ;
}


#porn-box {
    height: 100px;
    width: 100%;
    background-color: black;
    display:block;
    color: white;
}
.arrow-up {
    transform: rotate(180deg);
}
.active-box {
    transform: rotate(0deg);
}

.porn-box-content {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    padding: 20px;
}
.porn-box-left {
    max-width: 40vw;
}
.porn-box-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.porn-box-right span{ 
  display: flex;
}
.porn-box-right p {
  margin-left: 10px;
}
.porn-box-content a {
  color: #ff4675;
}
.porn-box-content a:hover {
  color: #fff67a;
}
.gallery-button
{    width: 75px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    position: absolute;
    bottom: 15%;
  left : 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 30px;
    /* background: url ('../images/small_triangle.png') transparent no-repeat; */
}
.single-gallery-button {
    width: 75px;
    height: 100%;
    margin-top: 30px;
    cursor: pointer;
}
.single-about {
    position: fixed;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr 5px);
}
.single-about-menu {
    height: calc(100vh - 135px);
    background-color:#f8c8d0 ;
    padding-top: 20px;
    grid-column: 1;
}
.single-about-menu ul {
    display: flex;
    flex-direction: column;
}

.single-about-menu .menu-items {
    background-color:#f8c8d0 ;
    color: black;
}
.single-about-menu  .menu-items li a {
    color: black;
    text-transform: capitalize;
}
.single-about-text {
    grid-column: 3 / 6;
    background-color: white ;
    padding: 20px 35px;
}
.single-about-text h2 {
    font-size: 33px;
    margin-bottom: 80px;
}
.single-about-img {
    grid-column: 7 / 13;
    background-color: black ;
    display: flex;
    flex-wrap: wrap;

}
.single-about-img > .wp-block-gallery, .single-about-img > .blocks-gallery-grid{
    width: 100% !important;
    /* display: grid !important;
    grid-template-columns: 2fr 2fr; */
}
.single-about-img img {
    object-fit: cover;
    width: 100%;
    max-height: calc(100vh - 135px);
   height: 100%;
}
.single-about-img > .wp-block-gallery .blocks-gallery-item {padding: 0px;}

.single-about-text {
    overflow-y: scroll;
      max-height: calc(100vh - 135px);
}
::-webkit-scrollbar {
width: 20px;
height: 20px;
  cursor: pointer;
}

::-webkit-scrollbar-track {
border: 1px solid #f8c8d0;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #f8c8d0;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #f8c8d0;  
}

.lightroom-thumbnail {
    width: 50%;
    height: 42vh;
    position: relative;
}
.lightroom-thumbnail p {
    padding: 20px 35px;
    color: white;
}
.lightroom-thumbnail p a  {
    color: #fff67a;
}
.lightroom-porn-page-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   font-size: 40px;
    line-height: 45px;
    font-style: italic;
    padding: 0 20px;
    pointer-events: none; 
}
.lightroom-porn-page-title a{
    color: #fff67a;
    cursor: pointer;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}
.lightroom-porn-button
{    width: 75px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    margin-bottom: 30px;
    position: absolute;
    bottom: 15%;
  left : 50%;
  transform: translate(-50%, -50%);
}
.lightroom-thumbnail .video-js .vjs-big-play-button , .lightroom-thumbnail  .vjs-has-started .vjs-control-bar {
    display: none;
}
.lightroom-sound {
        width: 50vw;
        height: 42vh;
        object-fit: cover;
}
.lightroom-sound-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 80%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-style: italic;
    padding: 0 20px;
   font-size: 40px;
    line-height: 45px;
}
.lightroom-sound-title a {
    color: #fff67a;
    cursor: pointer;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: black;
}
.lightroom-single-title {
  color: white;
    font-size: 33px;
    margin: 30px;
}
.lightroom-single-intro {
  color: white;
    font-size: 20px;
    margin: 30px;
  max-width: 70%;
}
.lightroom-single-intro a, .lightroom-thumbnail p a {
 color: #fff67a; 
}
.mepr-account-change-password a {
  color: #fff67a; 
  padding: 15px 30px;
}

.lightroom-porn-content .video-js .vjs-tech {
    height: 42vh !important;
    object-fit: cover !important;
}

div#mepr-account-nav a { 
  color: black ;
}
 .mp_wrapper #mepr-account-nav {
       padding: 15px 30px;
    background-color: #f8c8d0;
    height: 52px;
}

#mepr-account-welcome-message, 
.mepr-no-active-subscriptions, 
.mp-wrapper .mp-no-subs, 
.mp-no-subs {
  color: white;
  padding: 15px 30px;
}
.mp_wrapper form {
    text-align: left;
}
.mp_wrapper .mp-form-row label {
    display: inline !important;
    color: white;
}

.single-about-img .wp-block-image {
  object-fit: cover;
    width: 100%;
}

/* classroom style */

#menu-item-617 {
    z-index: 100;
}
#menu-item-617:hover > .sub-menu {
  display: block;
  z-index: 100;
}
.articles-overview {
    grid-column: 3 / 13;
    overflow-y: scroll;
  height: calc(100vh - 135px);

}
.article-thumb {
    position: relative;
    height: 42vh;
    width: 50%;
}

.article-thumb-img {
    width: 100%;
    height: 42vh;
    object-fit: cover;
    position: absolute;
}
.article-thumb-info {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  border: 2px solid black;
}
.article-thumb-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-size: 35px;
    font-style: italic;
    padding: 0 20px;
    line-height: 45px;
}

.article-thumb-intro span {
    width: 100%;
}

.custom-btn {
    text-transform: uppercase;
    background: #ff4675;
    padding: 2px 15px;
    margin: 20px;
    border: 1px solid black;
    border-radius: 25px;
    cursor: pointer;
    color: black;
}


.article-header {
    position: relative;
    height: 42vh;
    width: 100%;
}


.article-header-info {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.article-header-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-size: 45px;
    font-style: italic;
    padding: 0 20px;
    line-height: 55px;
}

.article-header-intro span {
    width: 100%;
    color: white;
    margin: 20px;
}
.article-header-intro  {

    margin: 20px;
}
.article {
    grid-column: 3 / 13;
    overflow-y: scroll;
}

.article-content {
    width: 100%;
    background-color: white;
    padding: 50px;
}

.article-paragraph {
    padding: 50px 100px;
}
.article-paragraph p b, .article-paragraph p strong {
      font-size: 18px;
    line-height: 28px;
}
.article-paragraph ul {
    list-style: disc;
}
.article-image {
    max-height: 70vh;
    max-width: 70vw;
}
.article-image-ctn {
  padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.article-caption {
    color: #ff4675;
    font-size: 12px;
    padding: 5px;
    max-width: 720px;
}
.article-paragraph a:hover {
    color: #ff4675;
}
.classroom-button {
    width: 75px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    margin-top: 20px;
}
.classroom-page-video {
    overflow-y: scroll;
    grid-column: 3 / 12;
}

.classroom-video-title {
    color: #fff67a;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-size: 45px;
    font-style: italic;
    padding: 0 20px;
    line-height: 55px;
}
.classroom-video-description p {
    color: white;
}
.classroom-video-ctn {
    width: auto;
    margin: auto;
    height: 100%;
    position: relative;
}
.video-thumb-img {
    position: absolute;
    object-fit: cover;
    z-index: 1;
    width: 100%;
    margin: auto;
    height: 100%;
    object-fit: cover;
}
.video-play-button {
    width: 75px;
    cursor: pointer;
    z-index: 10;
    margin: auto;
    margin-bottom: 30px;
    position: absolute;
    bottom: 0;
    top: 50%;
    left: 0;
    right: 0;
}

.classroom-video-ctn .video-js .vjs-big-play-button {
    cursor: pointer;
    z-index: 10;
    background: url(./assets/images/Buttons_expanded-02.svg) transparent no-repeat;
    border: none;
    top: 60%;
    left: 0;
    right: 0;
    margin: auto;
}
.article-thumb-intro {
    padding: 0 15px;
  color: #fff67a;
}

.podcast-button {

        width: 75px;
        cursor: pointer;
        z-index: 10;
        margin: auto;
        margin-top: 30px;
}
.header-image {
    position: absolute;
    height: 42vh;
    object-fit: cover;
    width: 100%;
    z-index: -1;
}
.lazyload {
  opacity: 1;
	transition: opacity 0.3s;
}
img[data-src] {
	opacity: 0;
}
.gallery-intro a span, .scroll-me a, .lightroom-thumbnail p a, .article-paragraph p a span, .article-paragraph p a, .article-paragraph li a span {
  color: #ff4675 ;
}
.gallery-intro a span:hover, .scroll-me a:hover, .lightroom-thumbnail p a:hover,  .article-paragraph p a span:hover, .article-paragraph p a:hover, .article-paragraph li a span:hover {
  color: #fff67a ;
}
ul li:hover {
    font-style: normal;
}

.sub-menu li {
  font-style: normal;
}
.sub-menu li:hover {
  font-style: italic;
}

.single-about-menu .menu-items li:hover {
  font-style: italic;
}
@media only screen and (max-width: 900px) {
  
    header div {
        font-size: 2vw;
        padding-left: 0;
  padding-top: 0}

        header {
            height: 30px;
        }
        .header-icon {
            width: 20px;
            margin: 0 10px;
        }
  header div a img {
    width: 40vw;
    margin-top: 7px;
}
        .home-title {
            position: absolute;
            z-index: 10;
            font-size: 8vw;
            font-style: italic;
            line-height: 9vw;
            color: #ff4675;
            text-align: center;
            margin: 15px auto 0;
            width: 92%;
            padding: 10px;
          top:10px;
        }
        .front-page .video-js .vjs-tech{
          width: auto;
        }
        .front-page .video-js.vjs-fluid {
            height: 100vh;
        }

        .grid-content .porn-content {
            width: 100%;
        }
        .porn-page-title {
            height: 68%;
        }
        .porn-content .video-js.vjs-fluid {
            height: 100%;
        }
        .single-porn-page {
            padding: 5px;
        }
        .porn-single-title {
             font-size: 40px;
    line-height: 45px;
    height: 30%;
        }
     
          .single-porn-page .video-js.vjs-fluid {
              height: 80vh;
          }
          .porn-button-single {
            top: 60%;
          }
          #porn-arrow {
              left: 40%;
              bottom: 18%;
          }
          .porn-box-content {
            display: block;
            font-size: 14px;
            padding: 5px;
        }
        .porn-box-left {
            max-width: 100%;
        }
        .porn-box-right {
           margin-top: 0;
    align-items: flex-start;
    padding: 20px;
        }
  .porn-page-title {
    font-size: 25px;
    line-height: 35px;
        -webkit-text-stroke-width: 1px;
  }
  .porn-button {
    bottom: 0%;
  }.gallery-thumbnail {
    width: 100%;
    height: 42vh;
    border: 3px solid black;
  }
  .gallery-thumb, .sound-thumb {
    width: 100%;
  }
  .gallery-button {
    bottom: 0%;
  }
  .single-gallery-page {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
	}
  .right-gallery {
    width: 100%;
    height: 100vh;
  }
  .gallery-text {
    width: 100%;
  }
  .single-gallery figure ul .blocks-gallery-item {
    height: 100%!important;
    width: 100%;
	}
  .single-gallery {
    width: 100%;
  }.wp-block-gallery {
    align-items: center;
  }.sound-page-title {
        font-size: 25px;
    line-height: 35px;
        -webkit-text-stroke-width: 1px;
  }.gallery-page-title {
       font-size: 25px;
    line-height: 35px;
        -webkit-text-stroke-width: 0.5px;
  }
  .single-about {
    position: relative;
    width: 100%;
    display: flex;
    grid-template-columns: none;
    flex-direction: column;
	}.single-about-menu {
    height: auto;
    background-color: #f8c8d0;
    padding: 5px 0;
  }.single-about-text {
    padding: 20px;
  }.single-about-text h2 {
    margin-bottom: 15px;
  } .single-about-menu .menu-items {
    display: flex;
    flex-direction: row;
  }.lightroom-thumbnail {
    width: 100%;
    height: auto;
    border: 3px solid black;
  }.lightroom-thumbnail p {
    padding: 20px;
  }.video-js.vjs-fluid {
        height: 42vh;
  }.lightroom-porn-button {
    bottom: 0%;
  }.single-porn .video-js .vjs-big-play-button {
    left: 33%;
  width: 100px;
  }
  .porn-box-left {
    padding: 20px;
  }
  .lightroom-single-title, .lightroom-single-intro {
    margin: 20px;
  }
  .lightroom-single-intro {
    font-size: 15px;
  }.wp-block-gallery .blocks-gallery-item {
    width: 100%; }
  .front-page .video-js .vjs-tech {
    height: calc(100vh - 65px);
    object-fit: cover;
} #menu-item-217:hover > .sub-menu {
    display: none;
  }
   .gallery-page-title a , .lightroom-porn-page-title , .lightroom-sound-title{
    color: #fff67a;
    -webkit-text-stroke-width: 1px ;
    -webkit-text-stroke-color: black;
  font-size: 25px;
    line-height: 35px;
}	  /* classroom ext */
        .sub-menu {
            display: none !important;
        }
        .article-thumb {
            position: relative;
            height: 42vh;
            width: 100%;
        }
        .article-content {
            width: 100%;
            background-color: white;
            padding: 20px;
        }
        .article-paragraph {
            padding: 20px 0;
        }
        .article-header {
            position: relative;
            height: 30vh;
        }
        .article, .classroom-page-video {
            height: calc(100vh - 110px);
        }
  .article-paragraph {
    margin: 50px 0;
    padding: 0;
}.article-header-title , .article-thumb-title{
    font-size: 25px;
    line-height: 35px;
  }
}


@media only screen and (max-width: 760px){
header {
    height: 30px;
}
.header-icon {
    width: 20px;
    margin: 0 10px;
}
  header div a img {
    width: 78vw;
    margin-top: 2px;
}
header div {
    font-size: 4vw;
    padding-left: 0;
  padding-top: 4px; }
    .menu-items {
        font-size: 2vw;
    }
    .menu-items {
        font-size: 4vw;
        height: auto;
        margin-left: 0px;
        flex-wrap: wrap;
    } .front-page .video-js .vjs-tech {
    height: calc(100vh - 90px);
    object-fit: cover;
} .single-gallery-thumb {
  display: none;
  } .gallery-intro {
    text-align: center;
  }.right-gallery {
    width: 100%;
    height: auto;
    min-height: auto;
} .mp_wrapper #mepr-account-nav {
    padding: 15px;
    background-color: #f8c8d0;
    height: 53px;
} .gallery-page-title a , .lightroom-porn-page-title , .lightroom-sound-title{
    color: #fff67a;
    -webkit-text-stroke-width: 1px ;
    -webkit-text-stroke-color: black;
  font-size: 25px;
    line-height: 35px;
}
}

/*
* EDO
*/
h1, h2 {
    margin: 1em;
}

.page-container{
    max-width: 1100px;
    margin: 1em;
}

.page-content{
    color:rgb(221, 213, 213);
    text-align: center;
}

.page-content {
    margin: 1em 0;
}

.membership-col {
    margin: 1em 0;
}

@media only screen and (min-width: 760px){
    .page-container{
        margin: 1em auto;
    }

    .membership-box {
        display: flex;
    }
    
    .membership-col {
        flex: 1 0;
        margin: 1em;
    }
}

.membership-col a, .membership-col input[type="submit"]{
    display: inline-block;
    border:0;
    border-radius: 10px;
    background:#e94976;
    color:black;
    padding: .5em 1em;
}

.membership-col a[role="button"]{
    margin: 1em 0;
}

.mepr-login-actions{
    text-align: left;
}