/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/** header **/
#site-header {
	position: fixed !important;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.01) 100%);
}
#site-logo-inner a {display: none}

#mobile-dropdown ul .current-menu-item a {color:#f47a74}

/** spaces **/
.pt20 {padding-top: 20px}
.pt40 {padding-top: 40px}
.pt60 {padding-top: 60px}
.pt80 {padding-top: 80px}

.pb20 {padding-bottom: 20px}
.pb40 {padding-bottom: 40px}
.pb60 {padding-bottom: 60px}
.pb80 {padding-bottom: 80px}

.gap10 {gap: 10px}
.gap20 {gap: 20px}
.gap30 {gap: 30px}
.gap40 {gap: 40px}

/** list style **/
::marker {color: #727272}

/** Sidebar right def **/
.wp-block-latest-posts.wp-block-latest-posts__list li {margin-bottom: 10px}

/** button style **/
.wp-block-buttons {
	gap: 50px;
	margin-top: 30px !important
}
.wp-block-button__link {
	font-size: 18px;
	border: solid 1px #F47A74 !important;
	border-radius: 5px;
	backdrop-filter: blur(15px);
}
.second-button .wp-block-button__link {border: solid 1px #727272 !important;}
.second-button .wp-block-button__link:hover {border: solid 1px #F47A74 !important;}

/** home page **/
.home-hero-section h1 {
	font-size: 80px;
	text-transform: uppercase;
	margin-bottom: 0
}
.home-hero-section h1, .home-hero-bg_image h1, .statements-hero-section h1, .film_crew-hero-section h1, .specthanks-hero-section h1, .music-hero-section h1, .interviews-hero-section h1, .photo_gallery-hero-section h1, .filming_route-hero-section h1, .partner-hero-section h1, .news-hero-section h1 {animation: fadeInUp 3s}
.home-hero-section h2, .home-hero-bg_image h2, .statements-hero-section h2, .film_crew-hero-section h2, .specthanks-hero-section h2, .music-hero-section h2, .interviews-hero-section h2, .photo_gallery-hero-section h2, .filming_route-hero-section h2, .partner-hero-section h2, .news-hero-section h2 {animation: zoom-in 4s}

.home-hero-section, .home-hero-bg_image, .statements-hero-section, .film_crew-hero-section, .specthanks-hero-section, .music-hero-section, .interviews-hero-section, 
.photo_gallery-hero-section,
.filming_route-hero-section, .partner-hero-section {
	position: relative;
	padding: 550px 0 80px
}
.home-hero-bg_image::before, .statements-hero-section::before, .film_crew-hero-section::before, .specthanks-hero-section::before, .music-hero-section::before, .interviews-hero-section::before,
.photo_gallery-hero-section::before, .filming_route-hero-section::before, .partner-hero-section::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(/wp-content/uploads/2026/01/The-Last-Message-Hero-Banner-desktop.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	z-index: -1
}

/** statements page **/
.statements-hero-section::before {background-image: url(/wp-content/uploads/2026/01/statements-hero-banner-thelastmessagemovie.webp)}

/** film crew **/
.film_crew-hero-section::before {background-image: url(/wp-content/uploads/2026/01/film-crew-hero-banner-thelastmessagemovie.webp)}

/** special thanks **/
.specthanks-hero-section::before {background-image: url(/wp-content/uploads/2026/01/specthanks-hero-banner-thelastmessagemovie.webp)}

/** music **/
.music-hero-section::before {background-image: url(/wp-content/uploads/2026/01/music-herobanner-thelastmessagemovie.webp)}

/** interviews **/
.interviews-hero-section::before {background-image: url(/wp-content/uploads/2026/01/interviews-hero-banner-thelastmessagemovie.webp)}

/** photo gallery **/
.photo_gallery-hero-section::before {background-image: url(/wp-content/uploads/2026/01/photo-gallery-hero-banner-thelastmessagemovie.webp)}

/** filming route **/
.filming_route-hero-section::before {background-image: url(/wp-content/uploads/2026/01/filming-route-hero-banner-thelastmessagemovie.webp)}

/** partner **/
.partner-hero-section::before {background-image: url(/wp-content/uploads/2026/01/partners-hero-banner-thelastmessagemovie.webp)}

.bg-overlay_black_gradient::after {
	content: '';
	position: absolute;
	background-color: rgb(0 0 0 / 50%);
	background-image: linear-gradient(180deg, #000000 1%, transparent, transparent, transparent, transparent, transparent, #000000 99%);
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
	z-index: -1
}
.bg-overlay_black_top {position: relative}
.bg-overlay_black_top::before, .bg-overlay_black_bottom::after {
	content: '';
	position: absolute;
	background-image: linear-gradient(180deg, rgb(0 0 0 / 80%) 20%, rgb(0 0 0 / 50%) 40%, transparent);
	height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
	z-index: -1
}
.bg-overlay_black_bottom::after {
	background-image: linear-gradient(180deg, transparent, transparent, transparent, transparent, transparent, transparent, #000 1%);
}

/** News posts **/
.wp-block-latest-posts__featured-image {text-align: center}
.wp-block-latest-posts__featured-image img {
	height: 300px;
	width: auto;
	object-fit: cover;
	object-position: top
}


/** animations **/
.anim-fadeInUp2s {animation: fadeInUp 2s;}
.anim-fadeInUp3s {animation: fadeInUp 3s;}
.anim-fadeInUp4s {animation: fadeInUp 4s;}
.anim-fadeInDown2s {animation: fadeInDown 2s;}
.anim-fadeInDown3s {animation: fadeInDown 3s;}
.anim-fadeInDown4s {animation: fadeInDown 4s;}

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(-0%);
    opacity: 1;
  }
}

.anim-fadeInLeft2s {animation: fadeInLeft 2s;}
.anim-fadeInLeft3s {animation: fadeInLeft 3s;}
.anim-fadeInRight2s {animation: fadeInRight 2s;}
.anim-fadeInRight3s {animation: fadeInRight 3s;}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(-0%);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}

.anim-zoom_in2s {animation: zoom-in 2s}
.anim-zoom_in3s {animation: zoom-in 3s}
@keyframes zoom-in {
	0% {opacity: 0;
		scale: 0%;}
	100% {opacity: 1;
		scale: 100%;}
}

/** web scroll **/
::-webkit-scrollbar {width: 9px;}

::-webkit-scrollbar-thumb {
	background-color: #F47A74;
	border-radius: 10px;
	border: 1px solid black
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: gray
}

/** award img style **/
.awards-block {gap: 30px}
.award-shadow img {
	-webkit-filter: drop-shadow(4px 0px 5px rgb(255 255 255 / 71%)) drop-shadow(-4px 0px 5px rgb(255 255 255 / 71%)) drop-shadow(0px -5px 5px rgb(255 255 255 / 91%)) drop-shadow(0px 5px 5px rgb(255 255 255 / 91%));
	filter: drop-shadow(4px 0px 5px rgb(255 255 255 / 71%)) drop-shadow(-4px 0px 5px rgb(255 255 255 / 71%)) drop-shadow(0px -5px 5px rgb(255 255 255 / 91%)) drop-shadow(0px 5px 5px rgb(255 255 255 / 91%))
}


/** mobile **/
@media (max-width: 768px) {
	#site-header {
		background-color: rgb(17 17 17 / 50%) !important;
		backdrop-filter: blur(10px);
	}
	#mobile-dropdown {
		background-color: rgb(17 17 17 / 90%);
		backdrop-filter: blur(10px);
		box-shadow: 0px 20px 30px 2px rgb(255 255 255 / 15%);
	}
	.home-hero-section h1 {font-size: 35px}
	.home-hero-section, .home-hero-bg_image, .statements-hero-section, .film_crew-hero-section, .specthanks-hero-section, .music-hero-section, .interviews-hero-section,
	.photo_gallery-hero-section, .filming_route-hero-section, .partner-hero-section {padding: 150px 0 60px}
	.news-hero-section {padding: 50px 0 60px}
	.home-hero-bg_image::before {background-image: url(/wp-content/uploads/2026/01/The-Last-Message-Hero-Banner.webp);}
	.home-hero-section {padding: 150px 0}
	.statements-hero-section::before, .film_crew-hero-section::before {background-position: -440px center;}
	.specthanks-hero-section::before {background-position: -250px center;}
	
	.wp-block-buttons {
		gap: 20px;
		margin-top: 30px !important
	}
	.award-shadow {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
	
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100%!important;
		gap: 20px
	}
	.wp-block-media-text>.wp-block-media-text__content {padding: 0}
	.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}
	
	/** spaces **/
	.ptm0 {padding-top: 0px}
	.ptm20 {padding-top: 20px}
	.ptm40 {padding-top: 40px}
	.ptm60 {padding-top: 60px}
	.ptm80 {padding-top: 80px}

	.pbm0 {padding-bottom: 0px}
	.pbm20 {padding-bottom: 20px}
	.pbm40 {padding-bottom: 40px}
	.pbm60 {padding-bottom: 60px}
	.pbm80 {padding-bottom: 80px}
}
@media (max-width: 600px) {
}