/*
Theme Name: BIGPIE - HEAVENS MEDIA
Theme URI: BIGPIE
Author: BIGPIE
*/

/*-----------------------------------------------------------------------------------*/
/* ALL CUSTOM BUILT BY - BIGPIE LLC */
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* ANIMATION */
/*-----------------------------------------------------------------------------------*/

:root{
--gap: 20px;
--radius: 0px;
--targetRowH: 420;  /* px (JS reads numbers) */
--minRowH: 120;
--maxRowH: 220;
--fadeStep: 0.1s;
--fadeDur: 0.2s;
/* Mobile stack sizing */
--mobileH: 220px;

--pageFade: 1500ms; 	

/* gallery */
--page-GalleryFade: 1000ms;
--slideEvery: 1000ms;  /* JS uses this too */
--GalfadeDur: 1000ms;


}


.reveal-element {
/* Initial state (hidden) */
opacity: 0;
transform: translateY(150px); /* Start 50px below final position */
transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.reveal-element.is-visible {
/* Final state (visible) */
opacity: 1;
transform: translateY(0);
}

@font-face {
font-family: CloisterBlack; /* set name */
src: url(https://heavens.media//wp-content/themes/heavensmedia2026/fonts/CloisterBlack.woff); /* url of the font */
}

/*------------------------------------*\
NO IPAD BUTTON
\*------------------------------------*/
a, a:hover, a:focus, input, textarea, button {
-webkit-appearance: none; /*Safari/Chrome*/
-moz-appearance: none; /*Firefox*/
-ms-appearance: none; /*IE*/
-o-appearance: none; /*Opera*/
appearance: none;
border:0px;
outline:0px;
-webkit-tap-highlight-color: transparent!important;
cursor: pointer; 
}

/*------------------------------------*\
NO PHONE BUTTON
\*------------------------------------*/
a[href^="tel"] {
color: inherit; /* Inherit text color of parent element. */
text-decoration: none; /* Remove underline. */
/* Additional css `propery: value;` pairs here… */
cursor: pointer;  
}


::selection {
background:#000000;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#000000;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#000000;
color:#FFF;
text-shadow:none;
}


/*-----------------------------------------------------------------------------------*/
/* START CORE */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,output,ruby,section,summary,time,mark,audio,video{
margin: 0;
padding: 0;
border: 0;
outline:0;
font-size: 100%;
vertical-align: baseline;
}

html {
margin:0;
padding:0;
min-width: 380px;  	
background-color:#fff;  
}

body {
letter-spacing: 0.3px;  
font-size:15px;
line-height: 32px;
color:#000000;
font-family: "europa", sans-serif, Helvetica, sans-serif;
font-style: normal;	
}

/* Start hidden */
#wrapper{
opacity:0;
transition: opacity var(--pageFade) ease;
}
/* Reveal when ready */
#wrapper.is-ready{ opacity:1; }


#wrapper {
width: 100%;
height: auto;
padding: 50px;
opacity:1;
max-width: 900px;
margin: auto;	
background-color:#fff;    
margin-bottom: 70px;
}

#header {
width: 100%;
height: auto;
display:inline-block;
position: relative;
margin:0px; 
padding: 0px; 
text-align: center;	
}




#container {
width: 100%;
height: 100%;
display:block;
position: relative;
margin:0px; 
padding: 0px; 	
}


p {
/*
line-height: 1.35;	
display: inline;
font-size: 13px;	
*/
}

ol,
ul {
list-style: none;
}


ul, li, li li{
list-style:none;
wrapper:0px;
padding:0px;
margin: 0;
}

ul {
margin: 0;
padding: 0;
}

h1 {
font-size: 35px;
line-height: 35px;
padding:0px;
margin:0px;
}
h2 {
font-size: 20px;
line-height: 25px;
padding: 0px;
margin:0px;
}
h3 {
font-size: 17px;
line-height: 20px;;
padding: 0px;

}

h4 {
font-size: 13px;
line-height: 17px;;
padding: 0px;

}

h5 {
font-size: clamp(.8rem, .8vw, .8rem);
line-height: 1.5vw;
padding: 0px;

}

a {
color: #000000;
text-decoration:none;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}

a:hover {
color: #7ac488;
text-decoration:none;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}

a:focus {
outline:0;
text-decoration:none;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}

a:active {
outline:0;
color: #ffffff;
text-decoration:none;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}

input:focus {
outline:0;
border:none;
text-decoration:none;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}


input::placeholder {
color: #000000;/* Set color to black */
/*! opacity: 1; */      /* Ensure 100% opacity (fully opaque) */
/*! background-color: transparent; */
/*! width: auto; */
}

/* For Internet Explorer 10-11 (vendor-specific selector) */
:-ms-input-placeholder {
color: #000000;opacity: 1;
}



img[src=""] {
visibility: hidden;
}

img {
width: 100%;
border: none;
outline: none;
padding: 0px;
margin: 0px;
filter:contrast(1.1) saturate(1.1);	
}

button {
outline: 0;
border-radius: 30px;
background-color: #000000;color: #fff;
font-weight: bold;
}


blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
-webkit-border-radius:0;	
}


input[type=number] { 
-moz-appearance: textfield;
appearance: textfield;
margin: 0; 
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
}

table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
padding: 2px;
}
big {
font-size: 120%;
}

small,
sup,
sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}


kbd,
tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,
strike,
s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,
cite,
var {
font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}



.logo {
max-width:300px;
height: auto;
padding:0px;
margin:0px auto;
border:0px;
scale:1;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
}

.logo:hover {
scale:1.1;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
}


.menu {
width:100%;
padding: 30px 0px;
/*! background-color: #ddd; */
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size:40px;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 30px;
}

.menu ul {
width:100%;
}
.menu li {
display: inline-flex;
padding:0px 10px;
}

.menu li a {
scale:1;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
}
.menu li a:hover {
scale:1.1;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
}

.menu li.current_page_item > a:after, 
.menu li.current-menu-ancestor > a, 
.menu li.current-menu-item > a, 
.menu li.current-menu-parent > a {
color: #7ac488;
}


.menu .CloisterBlack {
font-size:45px; 	
font-family: "CloisterBlack", impact, sans-serif, Helvetica, sans-serif;	
}

.art-title .CloisterBlack {
font-size: 35px;
font-family: "CloisterBlack", impact, sans-serif, Helvetica, sans-serif;
}
.advert_slug .CloisterBlack {
font-size: 45px;
font-family: "CloisterBlack", impact, sans-serif, Helvetica, sans-serif;
}

.footerBar{
position: fixed;
left: 0;
right: 0;
bottom: 0;
text-align: center;
/* Start hidden (translated down by its own height) */
/*
transform: translateY(var(--footerH));
-webkit-transform: translateY(var(--footerH));
transition: transform 160ms linear;
	
height: var(--footerH);	
*/
will-change: transform;
z-index: 999;
background-color:#fff;
padding:20px 0px;
margin-bottom:0px;  	
}

#footer {
width: 100%;
text-align: center;	
margin-bottom: 0px;	
}


.foot-social {
text-align: center;
width: 100%;
height: auto; 
}

.foot-social li{
width:30px;
display: inline-block;
padding: 0px 0px;
}

.entry-content {
width:100%;
padding:30px;
/*! padding-right:70px; */
display: inline-block;
margin-bottom:30px;
text-align: center;
}




/*-----------------------------------------------------------------------------------*/
/* PAGES */
/*-----------------------------------------------------------------------------------*/



/*----Marquee Text --------------------------------------------------------------------*/

#marquee {
width:100%;
height:auto;
background-color:#fff;  
display: initial;
position: relative; 
padding: 0px;
margin: 0px;
}

.ticker-tape-container {
overflow-x: hidden;
display: flex;
margin: 0px;
padding: 0px;  
}

.ticker-tape {
margin: 0px;
padding: 0px;  
--direction: normal;
--duration: 330s;
--delay: 0s;
--iteration-count: infinite;
--play: running;
display: flex;
gap: 20rem;
margin-right: 20rem;
flex: 0 0 auto;
align-items: center;
animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}


.ticker-tape2 {
margin: 0px;
padding: 0px;  
--direction: normal;
--duration: 60s;
--delay: 0s;
--iteration-count: infinite;
--play: running;
display: flex;
gap: 20rem;
margin-right: 20rem;
flex: 0 0 auto;
align-items: center;
animation: marquee2 var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);
}
@keyframes marquee2 {
100% {
transform: translateX(0);
}
0% {
transform: translateX(-100%);
}
}

.ticker-tape3 {
margin: 0px;
padding: 0px;  
--direction: normal;
--duration: 200s;
--delay: 0s;
--iteration-count: infinite;
--play: running;
display: flex;
gap: 20rem;
margin-right: 20rem;
flex: 0 0 auto;
align-items: center;
animation: marquee3 var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);
}
@keyframes marquee3 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

.ticker-tape4 {
margin: 0px;
padding: 0px;  
--direction: normal;
--duration: 220s;
--delay: 0s;
--iteration-count: infinite;
--play: running;
display: flex;
gap: 20rem;
margin-right: 20rem;
flex: 0 0 auto;
align-items: center;
animation: marquee4 var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);

}
@keyframes marquee4 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

.ticker-tape5 {
margin: 0px;
padding: 0px;  
--direction: normal;
--duration: 100s;
--delay: 0s;
--iteration-count: infinite;
--play: running;
display: flex;
gap: 20rem;
margin-right: 20rem;
flex: 0 0 auto;
align-items: center;
animation: marquee5 var(--duration) linear var(--delay) var(--iteration-count);
animation-play-state: var(--play);
animation-delay: var(--delay);
animation-direction: var(--direction);
}
@keyframes marquee5 {
100% {
transform: translateX(0);
}
0% {
transform: translateX(-100%);
}
}



/* GENERAL STYLING */
.basic-styling {
margin: 0px;
padding: 0px;
font-size: 0px;
font-weight:bold;
width: 100%;
overflow: hidden;
}
.basic-styling span {
color:#ffff;
margin: 0px;
padding: 0px;
} 

.basic-styling a {
color:#222524;
scale:1;     
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;      
}
.basic-styling a:hover {
color:#0049ff;
white-space: pre-line;
scale:.9;     
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;    
}


#marquee img{
width:auto; 
height:200px;
margin: 0px;
padding: 0px; 
}

#marquee .mar-pod img {
margin: 0px;
padding: 0px;  
border: 0px solid #222524;
filter:contrast(1.1) saturate(1.5);	 
scale:1;  
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;    
}

#marquee .mar-pod img:hover {
scale:.9;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;    
}


/*-----------------*//*-----------------*//*-----------------*//*-----------------*/

.art-pod {
width: 100%;
display: inline-block; 
text-align: left !important;
}

.art-pod li {
width: 100%; 
display: inline-block; 
margin:10px 0px;
transform: translate(0%, 0%);    
scale:1;  
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;   
}

.art-pod li:hover {
transform: translate(-3%, 0%);  
scale:.98; 
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;   
}

.art-pod li .art-thumb img {
opacity:1;
outline: 10px solid #fff;
outline-offset: -25px;
}

.art-pod li .art-thumb {
position:relative;
display: block;
width:50%;
float:left;
}

.art-pod li .art-info {
width:50%;
position:relative;
display: block;
float:left;
padding:0px 0px 0px 30px;
margin-top:15vw;
font-weight:bold;		
}

.art-title {
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 30px;
text-transform: uppercase;
line-height:30px;
padding:10px 0px;
text-align: center;
}

.art-pod .art-title, .art-pod .art-desc {
text-align: left !important;
padding:10px 0px;
}

.art-desc {
padding:10px 30px;
text-align:center;
}

.about {
text-align: center;
}

.art-link {
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-size: 30px;
text-transform: uppercase;
line-height:30px;
padding:10px 0px;
color: #7ac488;
width:100%;
}

.detail-bottom {
width:100%;
display:inline-block;
padding:30px 0px;
text-align:center;

}

.art-detail {
width:100%;
display:inline-block;
margin-bottom: 30px;
}

.art-detail .art-box1 {
width:50%;
display:inline-flex;
float:left;
padding:0px 5px 0px 0px;
}  

.art-detail .art-box2 {
width:50%;
display:inline-flex;
float:left;
padding:0px 0px 5px 5px;
}  

.art-detail .art-box3 {
width:100%;
display:inline-flex;
float:left;
padding:5px 0px 0px 0px;
}  

.goback {
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-size: 30px;
text-transform: uppercase;
line-height: 30px;
padding:0px 0px;
color: #7ac488;
margin-top:30px;
position:relative;
text-align: center;
}

.goback a{
color: #7ac488;
}


/*-----------------*//*-----------------*//*-----------------*//*-----------------*/

.advert_top {
width:100%;
display:inline-block;
padding:30px 0px;
text-align: center;
}

.advert_slug {
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 40px;
text-transform: uppercase;
line-height: 40px;
padding: 70px 0px;
text-align: center;
width: 100%;
margin: auto;
max-width: 600px;
}

#advert_gallery {
width:100%;
display:inline-block;
margin: 30px 0px;
height: auto;
padding:30px 0px;
}


/*
#advert_gallery li {
width:33.3%;
float:left;
display: inline-flex;
padding: 10px;
}
*/



/*---- Gallery Advert  --------------------------------------------------------------------*/

#advert_gallery .gallery{
width:100%;
margin:0;
padding:0; /* flush to edges */
}

#advert_gallery .gallery ul{
list-style:none;
margin:0;
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap: var(--gap);
}

/* fallback spacing for older Safari (no flex gap) */
.gallery ul.no-gap{ margin: calc(var(--gap) * -0.5); }
.gallery ul.no-gap > li{ margin: calc(var(--gap) * 0.5); }

#advert_gallery .gallery li{
overflow:hidden;
border-radius: var(--radius);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
opacity: 0;
will-change: opacity;
}

#advert_gallery .gallery li.is-visible{
-webkit-animation: fadeIn var(--fadeDur) ease forwards;
animation: fadeIn var(--fadeDur) ease forwards;
-webkit-animation-delay: var(--delay, 0s);
animation-delay: var(--delay, 0s);
}

@-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }

#advert_gallery .gallery img{
width:100%;
height:100%;
display:block;
object-fit: cover;
}

/*-----------------*//*-----------------*//*-----------------*//*-----------------*//*-----------------*//*-----------------*/

/* Start hidden until images are loaded */
.page-home{
opacity:0;
transition: opacity var(--GalleryFade) ease;
}
.page-home.is-ready{ opacity:1; }

.GalleryWrap{
padding: var(--pad);
margin: 0 auto;
}

/* “Little bit list format” = a simple vertical list with a rotator at top 
.list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap: 14px;
}
*/
/* Rotator container (first LI) */
.rotator{
position: relative;
width: 100%;
border-radius: var(--radius);
overflow: hidden;
}

/* Maintain a responsive “vertical image” feel:
- Fixed height that adapts by breakpoint
- Images are portrait-friendly */
.rotator{
height: 1220px;
}
@media (max-width: 768px){
.rotator{ height: 520px; }
}
@media (max-width: 540px){
.GalleryWrap{ padding: 0; }
.rotator{
height: 520px;    /* tall/vertical on phones */
border-radius: 0; /* flush edge-to-edge */
}
}

/* Slides are stacked; only one visible */
.rotator li{
position:absolute;
inset:0;
opacity:0;
transition: opacity var(--GalfadeDur) ease;
}
.rotator li.is-active{
opacity:1;
}

.rotator img{
width:100%;
height:100%;
display:block;
object-fit: cover;
}


/* Below-rotator “list format” items (placeholders you can replace) */
.item{
border-radius: var(--radius);
padding: 14px 16px;
}
@media (max-width: 540px){
.item{ border-radius: 0; }
}


/*---- reactive  --------------------------------------------------------------------*/

@media (max-width: 768px){
.art-desc {
padding:10px 0px;
width:100%;	
}

}


@media (max-width: 540px){
	

	
.logo {
max-width:150px;
height: auto;
padding:0px;
margin:0px auto;
border:0px;
scale:1;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; 
}

.menu {
width:100%;
padding: 10px 0px;
/*! background-color: #ddd; */
font-family: "impact", sans-serif, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size:25px;
line-height: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}

.menu li {
display: inline-flex;
padding:0px 5px;
}
.menu .CloisterBlack {
font-size:30px; 	
font-family: "CloisterBlack", impact, sans-serif, Helvetica, sans-serif;	
}	

#wrapper {
width: 100%;
height: auto;
padding: 30px;
opacity: 1;
max-width: 1280px;
margin: auto;
background-color: #fff;
margin-bottom: 100px;	
}

.entry-content {
width: 100%;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;	
display: inline-block;
margin-bottom: 0px;
}

.art-pod li .art-thumb {
position:relative;
display: block;
width:100%;
float:left;
}

.art-pod li .art-info {
width:100%;
position:relative;
display: block;
float:left;
padding:0px 0px 0px 0px;
margin-top:0vw;
}

}



@media (max-width: 480px){
#advert_gallery .gallery ul{
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

/* Override JS sizing on mobile: force full width + fixed height tiles */
#advert_gallery .gallery li{
width: 100% !important;
height: var(--mobileH) !important;
max-width: none !important;
border-radius: 0; /* optional: edge-to-edge tiles on mobile */
}
}


/*---- reactive  --------------------------------------------------------------------*/

