/*
Theme Name: Oceanica Child
Theme URI: https://littlejay.my.id/
Template: oceanica
Author: LittleDev
Author URI: https://littlejay.my.id/
Description: Clean and responsive WordPress theme for your hospitality business.
Tags: one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.1.0.1705487713
Updated: 2024-01-17 17:35:13

*/

@media screen and (min-width: 62em){
	.content-bottom-widgets .widget-area {
		width: 100%;
	}
}

/* site title */
.site-title { 
	font-family: 'Playfair Display','Helvetica Neue',Helvetica,Arial,sans-serif; 
	font-size: 26px; 
	letter-spacing: 2px;
	text-transform: uppercase; 
	color:#660000
}
/* end site title */

/* Make the navbar fixed */
#masthead {
	top:0;
    position: fixed;
    width: 100%;
    z-index: 1000;
	background: rgba(72, 72, 72, 0.5);
    transition: background-color 0.3s ease; /* Add a smooth transition effect */
	color:white;
}

#masthead.scrolled {
    background-color: #fff; /* Adjust the solid color as needed */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a box shadow for a subtle effect */
	color:black;
}

#masthead .main-navigation ul ul{
	background: rgba(72, 72, 72, 0.5);
}

#masthead.scrolled .main-navigation ul ul{
	background:#ffff;
}

/* end navbar fixed */

/* hide navigation wp */
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation{
	display:none;
}

.entry-child-pages .entry-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff; /* You can adjust the text color as needed */
    z-index: 1;
}

.entry-child-pages .post-thumbnail .fa{
	display:none;
}

.page{
	position:relative;
}

.entry-child-pages-list .more-link, button, .button, input[type="button"], input[type="reset"], input[type="submit"]{
	border-radius:10px;
	background-color:#00cc66;
}

.entry-child-pages-list .more-link:hover, .entry-child-pages-list .more-link:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
	background-color:#00994c;
}

/* Define the animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Apply the animation to the element */
#hotelParagraph {
	overflow: hidden;
	animation: typing 5s steps(100) infinite;
}

.entry-child-pages {
	opacity: 0;
    animation: fadeIn 3s ease-in-out forwards;
}