@charset "UTF-8";
/*
Theme Name: Sumatra
Theme URI: 
Author: Bhavana
Author URI: 
Description: 
Requires PHP: 
*/
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-weight: lighter;
  src: url(./assets/fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-weight: lighter;
  src: url(./assets/fonts/OpenSans-LightItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-weight: normal;
  src: url(./assets/fonts/OpenSans-Regular.ttf) format('truetype');
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-weight: semi-bold;
  src: url(./assets/fonts/OpenSans-SemiBold.ttf) format('truetype');
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-weight: semi-bold;
  src: url(./assets/fonts/OpenSans-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-weight: bold;
  src: url(./assets/fonts/OpenSans-Bold.ttf) format('truetype');
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-weight: bold;
  src: url(./assets/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-weight: bolder;
  src: url(./assets/fonts/OpenSans-ExtraBold.ttf) format('truetype');
  font-style: italic, oblique;
}
@font-face {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-weight: bolder;
  src: url(./assets/fonts/OpenSans-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'OptimusPrinceps';
  font-weight: normal;
  src: url(./assets/fonts/OptimusPrinceps.ttf) format('truetype');
}
@font-face {
  font-family: 'OptimusPrincepsSemiBold';
  font-weight: bold;
  src: url(./assets/fonts/OptimusPrincepsSemiBold.ttf) format('truetype');
}
*{
  font-family: 'Open Sans', sans-serif;
}
body{
	background-color: #133333 ;
	overflow-x: hidden;
}
.sumatra_bg_dark{
	background-color: #133333 !important;
}
.sumatra_nav .navbar-nav li a{
	text-transform: uppercase;
	color:  #fff;
	text-decoration: auto;
	padding: 0 20px;
	font-weight: bolder;
    font-size: 16px;
}
.sumatra_nav .navbar-nav li:last-child a{
	padding-right: 0px;
}
.menu-container{
	padding: 0 100px;
}
.site-logo img{
	width: 180px;
}
.hr_class{
	border: 2px solid #F27520;
	width: 18%;
	margin: 4rem auto;
}
.footer-widget-area-sections .widget h4{
	color: #FBFFF1;
	font-size: 18px;
	font-weight: bolder;
}
.footer-widget-area-sections .discovery-asia img{
	width: 70%;
    margin: 0 auto;
}
.footer-widget-area-sections .distributed-by img{
	width: 50%;
    margin: 0 auto;	
}
.spacing-footer{
	margin-top: 15%;
}
/*.distributed-by.spacing-footer{
	margin-top: 15%;
}
*/
.footer-widget-area-sections .wp-block-gallery {
	position: relative;
	display: inline-block;
}
.footer-widget-area-sections .wp-block-gallery figure {
	position: relative;
	width: 80%;
}
.footer-widget-area-sections .wp-block-gallery .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.footer-widget-area-sections .wp-block-gallery li{
	/*width: 20;*/
	margin-right: 18px;
}
.footer-widget-area-sections .wp-block-gallery li img{
	width: 100%;
}
.footer-widget-area-sections .wp-block-gallery figure:hover .img-top {
    display: inline;
}
.footer-widget-area-sections .blocks-gallery-grid .blocks-gallery-image figure, 
.footer-widget-area-sections .blocks-gallery-grid .blocks-gallery-item figure, 
.footer-widget-area-sections .wp-block-gallery .blocks-gallery-image figure, 
.footer-widget-area-sections .wp-block-gallery .blocks-gallery-item figure{
	margin: 0 auto;
}
.pb-5rem{
	padding-bottom: 5rem !important;
}
.banner_section .widget_text{
	margin-bottom: 0px !important;
	color: #FBFFF1;
	text-align: center;
}
.banner_heading{
	font-size: 20px;
}
.banner_heading p{
	font-size:20px;
	margin:0px;
	font-weight: 700;
	color: #FBFFF1;
}
.banner_client_logo img{
	width: 300px;
}
.date_day{
	font-size: 40px;
	padding: 0 30%;
	line-height: 55px;
	font-weight: bold;
	margin-bottom: 60px;
}
.video_section .widget-title{
	text-align: center;
	font: normal normal normal 40px/47px OptimusPrincepsSemiBold;
	letter-spacing: 0px;
	color: #FBFFF1;
	opacity: 1;
	border-bottom: 4px solid #F27520;
	width: max-content;
    margin: 0 auto;
    margin-bottom:  5%;
    text-transform: uppercase;
}
.title .textwidget p,
.post_title{
	text-align: center;
	font: normal normal normal 40px/47px OptimusPrincepsSemiBold;
	color: #FBFFF1;
	text-transform: uppercase;
}
.section_hr_title{
	margin: 0 auto;
}
/*.content_bold .textwidget p{
	margin-bottom: 0;
}*/
.trailer_section{
	margin-bottom: 1.5rem;
}
.textwidget p{
	margin-bottom: 1.5rem;
}
.video_section .textwidget, 
.map_section .textwidget, 
.instagram_section .textwidget{
	font: normal normal normal 18px/24px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
/*.trailer_section iframe{
	width: 100%;
	height: 500px;
}*/
.instagram_section .textwidget a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
}
.content_bold .textwidget{
	text-align: left;
	font: normal normal bold 25px/34px Open Sans;
	letter-spacing: 0px;
	color: #FBFFF1;
	opacity: 1;
}
.so-panel{
	z-index: 1;
}
.video_section .so-panel{
	margin-bottom: 15px !important;
}
.link{
	font: normal normal bold 16px/22px 'Open Sans', sans-serif;
  color: #8EA604;
  text-decoration: none;
  text-transform: uppercase;
}
.link:hover{
    color: #FBFFF1;
    text-decoration: none;
}
.margin-hr{
	margin: 1rem auto;
}
.sp-pcp-title, .sp-pcp-post-content{
  padding: 0 35px;
}
.sp-pcp-post .sp-pcp-post-content{
	margin-bottom: 35px;
	line-height: 22px !important;
}
.pcp-post-thumb-wrapper{
	margin-bottom: 35px !important;
}
.pcp-readmore-link{
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 22px !important;
}
.sp-pcp-post .sp-pcp-title a{
	font-size: 35px;
	line-height: 47px;
  font-weight: bold;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{
	background: #133333;
  border: 3px solid #f27520;
  margin-top: 4%;
}
.sp-pcp-post .sp-pcp-title a, .sp-pcp-post .sp-pcp-title{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.single_post{
	background-color: #133333 ;
}
.single_post p:last-child{
	margin-bottom: 0;
}
.single_post .site-main{
	padding: 4% 0;
}
.single_post .post_title_container{
  padding: 0 8%;
  padding-bottom: 5%;
}
.single_post{
	color: #fff;
	font-size: 18px;
  line-height: 24px;
}
.single_post b, .single_post strong{
	font-size: 25px;
	font-weight: bold;
	line-height: 34px;
}
.single_post .wp-block-image{
    margin: 4% 0px;
}
.single_post figure{
	position: relative;
}
.single_post figcaption{
	  position: absolute;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
    background: rgb(19 51 51 / 40%);
    width: 100%;
    margin: 0;
    padding: 20px 10px;
}
/*.single_post figure:hover {
	background: #ccc;
}*/
.single_post figure:hover figcaption{
	opacity: 1;
	visibility: visible;
}
.single_post p{
	  margin-bottom: 1.5rem;
}
.size-full img{
	width: 100%;
  height: auto;
}
.single_post .entry-content{
	margin-bottom: 1.5rem;
}
.vp-portfolio__item-meta-title{
	font-size: 18px !important;
}
.sp-pcp-post{
	min-height: 412px !important;
}
#masthead .navbar{
	box-shadow: 0px 10px 10px #00000029;
}
.single-post #content{
	margin-top: 4%;
}
.left_white_pattern{
	position: relative;
	z-index: 1;
}
.panel-grid-cell{
	z-index: 1;
}
.left_white_pattern::before{
	content: '';
	z-index: 0;
	background: url(./assets/White-Pattern-Dots.svg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: -12%;
  left: -8%;
  background-repeat: no-repeat;
}

.left_orange_pattern{
	position: relative;
	z-index: 1;
}

.left_orange_pattern::after{
	content: '';
	z-index: 0;
	background: url(./assets/Orange-Pattern-Dots.svg);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -70%;
  left: -16%;
  background-repeat: no-repeat;
}

.right_oragne_pattern{
	position: relative;
	z-index: 1;
	/*overflow-x: hidden;*/
}
.right_oragne_pattern::after{
	content: '';
	background: url(./assets/Orange-Pattern-Dots.svg);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -81%;
  right: -90%;
  background-repeat: no-repeat;
  z-index: 0;
}
.sp-pcp-section .dots .swiper-pagination-bullet{
	background: transparent !important;
  border: 1px solid #FFFFFF;
}
.sp-pcp-section .dots .swiper-pagination-bullet-active{
	background: #FFFFFF !important;
}

.banner_section .banner_client_logo, .banner_section .widget_media_image{
	margin-bottom: 0px !important;
}
.white_link, .white_link:hover{
	  color: #FBFFF1;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}
.watch_trailer{
	    margin: 40px;
    margin-bottom: 35px !important;
}
/*.sp-pcp-post-content{
	font: normal normal normal 16px/22px Open Sans !important;
}*/
@media(max-width: 3350px){
	.left_white_pattern::before{
		top: -13%;
	  left: -10%;
	}
	.left_orange_pattern::after{
		bottom: -65%;
    left: -18%;
	}
}

@media(max-width: 3100px){
	.right_oragne_pattern::after{
		bottom: -77%;
    right: -88%;
	}
	.left_orange_pattern::after {
	    bottom: -60%;
	    left: -20%;
	}
}
@media(max-width: 2560px){
	.left_white_pattern::before{
		top: -18%;
	    left: -12%;
	}
	.right_oragne_pattern::after{
		bottom: -75%;
    right: -85%;
	}
	.left_orange_pattern::after {
	    bottom: -60%;
	    left: -24%;
	}
}
@media(max-width: 2180px){
	.left_white_pattern::before{
		left: -15%;
		top: -20%;
	}
	.left_orange_pattern::after {
	    bottom: -55%;
	    left: -30%;
	}
}
@media(max-width: 1920px){
	.right_oragne_pattern::after{
			    bottom: -70%;
    right: -83%;
		}
		.left_orange_pattern::after {
		    bottom: -52%;
		    left: -35%;
		}
}
@media(max-width: 1780px){
	.left_white_pattern::before{
		left: -18%;
    	top: -22%;
	}
	.left_orange_pattern::after {
	    bottom: -45%;
	    left: -37%;
	}
}
@media(max-width: 1600px){
	.left_white_pattern::before {
	    left: -20%;
	    top: -24%;
	}
	.right_oragne_pattern::after {
	    bottom: -67%;
	    right: -80%;
	}
	.left_orange_pattern::after {
	    bottom: -48%;
	    left: -40%;
	}

}

@media(max-width: 1536px){
	.left_white_pattern::before {
		left: -20%;
    	top: -25%;
	}
	.left_orange_pattern::after {
	    bottom: -50%;
	    left: -45%;
	}
}
@media(max-width: 1440px){
	.menu-container{
		padding: 0 80px;
	}
	.left_white_pattern::before {
	    left: -24%;
	    top: -27%;
	}
	.right_oragne_pattern::after{
		bottom: -65%;
    right: -80%;
	}
	.left_orange_pattern::after {
	    bottom: -45%;
	    left: -45%;
	}
}
@media(max-width: 1280px){
	.left_white_pattern::before {
	    left: -28%;
	    top: -30%;
	}
	.left_orange_pattern::after {
	    bottom: -48%;
	    left: -55%;
	}
}

@media(max-width: 1199px){
	.left_white_pattern::before {
	    left: -30%;
    	top: -33%;
	}
	.right_oragne_pattern::after {
	    bottom: -62%;
	    right: -74%;
	}
	.left_orange_pattern::after {
	    bottom: -48%;
	    left: -60%;
	}
	.social_mobile_distance .blocks-gallery-grid, .social_mobile_distance .wp-block-gallery{
    flex-wrap: unset;
	}
}

@media(max-width: 1080px){
	.left_white_pattern::before {
	    left: -34%;
    	top: -36%;
	}
	.right_oragne_pattern::after {
	    bottom: -62%;
	    right: -80%;
	}
}
@media(max-width: 1026px){
	.sumatra_nav .navbar-nav li a{
		padding: 0 14px;
	}
}
@media(max-width: 1024px){
	.left_white_pattern::before {
		display: none;
	}
	.right_oragne_pattern::after {
	    display: none;
	}
	.left_orange_pattern::after {
	   display: none;
	}
}

@media(max-width:  991px){
	.sumatra_nav .navbar-nav li a{
		padding: 0;
	}
	.sumatra_nav .navbar-nav li{
		margin:  10px 0;
	}
	.date_day{
		font-size: 25px;
    padding: 0 18%;
	}
	.banner_section img{
		width: 250px;
	}
	.watch_trailer{
		margin: 10px;
	}
	.single-post #content{
		    margin-top: 8%;
	}
}


@media(max-width:  767px){
	.social_mobile_distance .spacing-footer{
		margin-top: 0%;
	}
	.content-footer {
	    margin: 30px auto;
	}
	/*.trailer_section iframe{
		height: 400px;
	}*/
	.single-post #content{
		    margin-top: 12%;
	}
}

@media(max-width:  580px){
	.menu-container{
		padding: 0 30px;
	}
	/*.trailer_section iframe{
		height: 300px;
	}*/
	.site-logo img{
		width: 130px;
	}
	.footer-widget-area-sections .wp-block-gallery li{
		margin-right: 10px;
	}
	.pb-5rem{
		padding: 0 10%;
	}
	.single_post .site-main{
		padding-right: 10%;
    padding-left: 10%;
	}
	.title .textwidget p, .post_title{
		font-size: 30px;
    line-height: 37px;
	}
	.pcp-carousel-wrapper .sp-pcp-carousel{
		padding-bottom: 20px;
    padding-top: 20px;
	}
	.map_section .widget_text{
    margin: 0px 0px 40px 0px;
	}
}

@media(max-width:  480px){
	/*.trailer_section iframe{
		height: 250px;
	}*/
	.single-post #content {
	    margin-top: 20%;
	}
}