/* 

	Theme Name: Mogi
	Theme URI: http://www.spab-rice.com/themes
	Description: Mogi - A Creative Portfolio Wordpress Theme
	Version: 1.2.0
	Author: Spab Rice 
	Author URI: http://www.spab-rice.com 
	Tags: ecommerce
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: mogi
	
*/


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

	WORDPRESS DEFAULTS

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

/*aligns*/
.aligncenter{
	display: block;
	margin:0 auto;
}
.alignright{
	float:right;
	margin: 0 0 25px 25px !important;
}
.alignleft{
	float:left; 
	margin: 0 25px 25px 0 !important;
	}
	.wp-caption.alignleft,
	.wp-caption.alignright,
	[class*='wp-block'].alignleft,
	[class*='wp-block'].alignright {
	margin-top: 25px !important;
	}
	.wp-caption.alignleft:first-child,
	.wp-caption.alignright:first-child,
	[class*='wp-block'].alignleft:first-child,
	[class*='wp-block'].alignright:first-child,
	figure + figure[class*='wp-block'].alignleft, 
	figure + figure[class*='wp-block'].alignright { 
	margin-top:0 !important; 
	}

/*floats*/
.floatleft{ 
	float:left;
}
.floatright{ 
	float:right;
}

/*text style*/
.textcenter{ 
	text-align:center;
}
.textright{ 
	text-align:right;
}
.textleft{ 
	text-align:left;
}

/*captions*/
.wp-caption{ 
	max-width: 100% !important; 
}
.wp-caption{
	margin-top:25px;
	font-style: italic;
	}
	div .wp-caption:first-child { 
	margin-top:25px; 
	}
.wp-caption img{
	margin:0; 
	padding:0; 
	border:0 none;
	max-width: 100%;
}
.blocks-gallery-caption {
    text-align: center;
}
.wp-caption p.wp-caption-text,
.wp-caption-text,
figcaption {
	font-size: 0.8em;
	line-height: 1.3em;
	color: rgba(0,0,0,0.54); 
	margin-top: 7px;
	}
	.text-light figcaption, .text-light .wp-caption-text {
	color: rgba(255,255,255,0.68); 
	}
	.wp-block-embed figcaption {
    text-align: center;
	}

figcaption a { border-bottom: 1px solid #000; }
.text-light figcaption a { border-bottom: 1px solid #fff; }

/*smiley reset*/
.wp-smiley{
	margin:0 !important;
	max-height:1em;
}

/*blockquote*/
blockquote.left{
	margin-right:25px;
	text-align:right;
	margin-left:0;
	width:33%;
	float:left;
}
blockquote.right{
	margin-left:25px;
	text-align:left;
	margin-right:0;
	width:33%;
	float:right;
}

/*img attachment*/
#img-attch-page{
	text-align: center;
	overflow: hidden;
}
#img-attch-page img{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	border: 5px solid #d4d4d4; /*for IE*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(0,0,0, 0.08);
	-webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img{
	border-color: #fc7251;
}

#img-attach-page-content{
	text-align: center;
	margin-top: 25px;
}

/*button*/
.wp-block-button.is-style-squared .wp-block-button__link, 
.wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}

/*gallery*/
.gallery {
	width: 100%;
	padding-top: 25px !important;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.gallery-item .gallery-icon { 
	text-align: center; 
	display: block; 
	width: calc(100% - 10px);
	padding: 5px !important;
	}

.gallery-item .gallery-caption { 
    margin-bottom: 25px !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
	border: none !important;
	max-width: 100% !important;
}

.gallery-item a {
	display: inline-block;
	max-width: 100% !important;
	margin:  0 !important;
	padding: 0 !important;
}

.gallery-item a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* Misc */
.wp-has-aspect-ratio iframe {
    width: 100%;
}

.wp-block-embed__wrapper .twitter-tweet {
	margin: 0 auto;
}

.wp-block-group__inner-container {
	padding: 25px;
	}
	.widget .wp-block-group__inner-container {
	padding: 0;
}


/*	Gutenberg default
-------------------------------------------------*/	
.entry-content > figure,
.entry-content > [class*='wp-block'] { 
	margin-top: 25px; 
	}
	.entry-content > figure:first-child,
	.entry-content > [class*='wp-block']:first-child { 
	margin-top: 0; 
	}

.entry .entry-content > .alignleft {
    margin-left: 0;
}

.entry .entry-content .wp-block-cover .wp-block-cover-text {
    padding: 2rem;
}

.entry .entry-content > .alignfull {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100vw;
    max-width: 100vw;
	position: relative;
	}
	.entry .entry-content.wrapper > .alignfull {
    left: calc( (-100vw + 1440px) / 2);
	}
	.entry .entry-content.wrapper-medium > .alignfull {
    left: calc( (-100vw + 1080px) / 2);
	}
	.entry .entry-content.wrapper-small > .alignfull {
    left: calc( (-100vw + 780px) / 2);
	}
	.entry .entry-content.wrapper-mini > .alignfull {
    left: calc( (-100vw + 420px) / 2);
	}
	.entry .entry-content > .wp-block-columns.alignfull {
	padding: 0 30px;
	width: calc(100vw - 60px);
	}

.alignfull .blocks-gallery-grid { padding: 0 1em; }

@media only screen and (max-width: 1024px) {
	.entry .entry-content.wrapper > .alignfull {
    left: auto
	}
	.entry .entry-content.wrapper-medium > .alignfull {
    left: auto;
	}
	.entry .entry-content > .wp-block-columns.alignfull {
	padding: 0;
	width: auto;
	}
}

@media only screen and (max-width: 768px) {
	.entry .entry-content.wrapper-small > .alignfull {
    left: auto;
	}
}

@media only screen and (max-width: 480px) {
	.entry .entry-content.wrapper-mini > .alignfull {
    left: auto;
	}
}

.entry .entry-content > .alignwide {
    width: calc(100% + 160px);
    max-width: calc(100vw - 80px);
	margin-left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 1024px) { .entry .entry-content > .alignwide { max-width: calc(100vw - 40px); } }

.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .wp-block-cover__inner-container a {
	color: #fff !important;
	border-color: #fff !important;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.wp-block-gallery {
    margin-left: 0;
}

.wp-block-cover,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover .wp-block-cover__inner-container {
	color: #fff;
}

.has-drop-cap:after {
  content: "";
  display: table;
  clear: both;
}



.admin-bar #header.sticky {
    top: 32px;
}


/* elementor */
body.elementor-editor-active #page-body {
	position: relative;
	z-index: 1600 !important;
}

body.scrolled.elementor-editor-active #header.sticky {
	z-index: 1601 !important;
}

body.elementor-editor-active:not(.scrolled) #header[class*='transparent-'] {
	z-index: 1601 !important;
	pointer-events: none;
}

@font-face {
    font-family: 'PPNeueMontreal-SemiBold';
    src: url('/wp-content/custom-fonts/PPNeueMontreal-SemiBold.eot');
    src: url('/wp-content/custom-fonts/PPNeueMontreal-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/custom-fonts/PPNeueMontreal-SemiBold.woff') format('woff'),
         url('/wp-content/custom-fonts/PPNeueMontreal-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'PPNeueMontreal-Regular';
    src: url('/wp-content/custom-fonts/PPNeueMontreal-Regular.eot');
    src: url('/wp-content/custom-fonts/PPNeueMontreal-Regular.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/custom-fonts/PPNeueMontreal-Regular.woff') format('woff'),
         url('/wp-content/custom-fonts/PPNeueMontreal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'PPMigra-Italic';
    src: url('/wp-content/custom-fonts/PPMigra-Italic.eot');
    src: url('/wp-content/custom-fonts/PPMigra-Italic.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/custom-fonts/PPMigra-Italic.woff') format('woff'),
         url('/wp-content/custom-fonts/PPMigra-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.custom-font-PNeueMontreal-SemiBold{
    font-family: 'PPNeueMontreal-SemiBold'!important;
}
.custom-font-PNeueMontreal-Regular{
    font-family: 'PPNeueMontreal-Regular'!important;
}
.custom-font-PPMigra-Italic{
    font-family: 'PPMigra-Italic'!important;
}
#page-bg{
	background: url('/wp-content/uploads/2022/11/grainy-white.png');
    background-size: contain;
    background-repeat: repeat;
    background-attachment: scroll;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8{
	font-weight: 100!important;
}

.menu-item-inner>span:hover {
    font-family: PPMigra-Italic !important;
}

/* .menu-item > a:hover{
    font-family: 'PPMigra-Italic' !important;
	 font-style: italic;
} */


.current-menu-item > a > span > span {
	font-family: 'PPMigra-Italic'!important;
}

#marquee-container{
  overflow: hidden;
  white-space: nowrap;
}

#marquee-box-1 {
  display: inline-block;
  animation: marquee 15s linear infinite;
margin-top: 4px;
}

#marquee-box-2 {
  display: inline-block;
  animation: marquee2 15s linear infinite;
  animation-delay: 7.5s;
	margin-top: 4px;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

.portfolio-media.item-media.do-anim.animated{
	background:black;
}

.team-photo{
	filter: grayscale(1);
}

.team-photo:hover{
	filter: none;
}

#homepage-portfolio-image img{
	display: block!important;
	width: 100%!important;
}

#homepage-portfolio-image figcaption{
	position: absolute!important;
    color: #fff!important;
    padding-left: 1rem!important;
    bottom: 1rem!important;
}

/* .contact-us-contact-link .text {
	color: #000000!important;
    font-size: 56px!important;
    font-weight: 100!important;
} */

.contact-us-contact-link .icon {
	color: #000000!important;
    height: 56px!important;
    width: 56px!important;
}

.contact-us-contact-link svg {
	fill: #000000!important;
}

.contact-us-contact-link .sr-button.underline::after{
	background: #000000!important
}

.homepage-contact-link .text {
	color: white!important;
    font-size: 50px!important;
    font-weight: 100!important;
}

.homepage-contact-link .icon {
	color: #fff!important;
    height: 50px!important;
    width: 50px!important;
}

.homepage-contact-link svg {
	fill: #fff!important;
}

.homepage-contact-link .sr-button.underline::after{
	background: #fff!important
}

.contact-page-contact-link .text {
    font-size: 50px!important;
    font-weight: 100!important;
}

.contact-page-contact-link .icon {
    height: 50px!important;
    width: 50px!important;
}

.homepage-social-link .text {
    font-size: 50px!important;
    font-weight: 100!important;
}

.homepage-social-link .icon {
    height: 50px!important;
    width: 50px!important;
}

.homepage-social-link.instagram:hover .text {
	color: #bc2a8d!important;
}

.homepage-social-link.instagram:hover svg {
	fill: #bc2a8d!important;
}

.homepage-social-link.instagram:hover .sr-button.underline::after{
	background: #bc2a8d!important;
}

.homepage-social-link.spotify:hover .text {
	color: #1DB954!important;
}

.homepage-social-link.spotify:hover svg {
	fill: #1DB954!important;
}

.homepage-social-link.spotify:hover .sr-button.underline::after{
	background: #1DB954!important;
}


.homepage-social-link.linkedin:hover .text {
	color: #0077b5!important;
}

.homepage-social-link.linkedin:hover svg {
	fill: #0077b5!important;
}

.homepage-social-link.linkedin:hover .sr-button.underline::after{
	background: #0077b5!important;
}

.homepage-social-link.vimeo:hover .text {
	color: #19B7EA!important;
}

.homepage-social-link.vimeo:hover svg {
	fill: #19B7EA!important;
}

.homepage-social-link.vimeo:hover .sr-button.underline::after{
	background: #19B7EA!important;
}


.homepage-social-link.twitter:hover .text {
	color: #1DA1F2!important;
}

.homepage-social-link.twitter:hover svg {
	fill: #1DA1F2!important;
}

.homepage-social-link.twitter:hover .sr-button.underline::after{
	background: #1DA1F2!important;
}

.homepage-social-link.youtube:hover .text {
	color: #FF0000!important;
}

.homepage-social-link.youtube:hover svg {
	fill: #FF0000!important;
}

.homepage-social-link.youtube:hover .sr-button.underline::after{
	background: #FF0000!important;
}


.homepage-portfolio-video{
	margin-bottom: 0px!important;
}

.homepage-portfolio-section .elementor-row,
.homepage-portfolio-section .elementor-column{
	overflow: hidden!important;
}

.homepage-portfolio-video .inline-lightcase{
	overflow: hidden;
	display:block;
}

.homepage-portfolio-video .inline-lightcase,
.homepage-portfolio-video .sr-image.landscape{
	width: 100%!important;
	transition: 0.8s all ease-in-out;
}

.homepage-portfolio-video-text h3{
	color: #fff!important;
    font-size: 25px!important;
    line-height: 30px!important;
}

.homepage-portfolio-video-text a{
	color: #fff!important;
    font-size: 25px!important;
    line-height: 30px!important;
}

.homepage-portfolio-video-text{
	font-size: 15px!important;
}

.homepage-portfolio-video-text div,
.homepage-portfolio-video-text span,
.homepage-portfolio-video-text p a{
	font-size: 15px!important;
	border-bottom: none!important;
}

.homepage-portfolio-video .sr-image.landscape:hover{
	transform: scale(1.1);
}

.homepage-portfolio-video .mouse-action {
	display: none;
}

.team-photo{
	margin-bottom: 0px!important;
}

.team-text h6{
	color: #ffffff!important;
}

.down-arrow img{
	width: 100px!important;
    height: 100px!important;
    margin-left: -20px!important;
}

.custom-about h1{
/* 	display: none; */
	opacity: 0;
	transition: none;
}

.custom-about-active{
	display: block!important;
	opacity: 1!important;
	transition: opacity 0.5s 0.25s!important;

}

.custom-about .elementor-widget-heading{
	margin-bottom: 0px!important;
}

.header-toggle.header-action.sr-open-popup .text{
	display: none;
}

#cn-notice-text{
	font-family	: 'PPNeueMontreal-Regular'!important;
}

#cookie-notice .cn-button:not(.cn-button-custom){
	font-family: 'PPNeueMontreal-Regular'!important;
	padding: 2.5px 10px!important;
	margin: 0px!important;
}

#mobile-menu nav.header-nav > ul > li a {
	font-size: 2.5rem!important;
	color: #ffffff!important;
}

#mobile-menu{
	background: #000000!important;
}

#mobile-menu .mobile-menu-inner{
	background: #000000!important;
}

.fancybox-slide.fancybox-slide--video.fancybox-slide--current.fancybox-slide--complete{
	background: #000000!important;
}

body .fancybox-button{
	background: #ffffff!important;
}

.menu-contact-us{
	cursor: pointer!important;
	font-size: 20px!important;
/* 	display: block!important; */
}

.homepage-portfolio-section{
	padding: 0px!important;
}

.sr-button.style-theme, input[type="submit"], .button, button:not(.sr-button){
	background: #000;
}

#secondary-menu .menu-item a:hover{
    font-family: 'PPMigra-Italic'!important;
}


.work-portfolio-item h3 span {
	text-transform: lowercase!important;
}

.work-portfolio-item .caption-sub span {
	text-transform: lowercase!important;
	font-family: 'PPMigra-Italic'!important;
}

.scroll-top{
	background-image: url("/wp-content/uploads/2022/03/off-white.jpeg");
    padding: 10px 20px;
    border-radius: 100px;
	background-size: contain;
}
.scroll-top span{
	font-size: 40px;
    line-height: 40px;
}

.contact-slider span{
	font-weight: 100!important;
	color: #F0F8F3!important;
}
.contact-slider .sr-button.underline:hover, .text-light .sr-button.underline:hover{
	color: #1E1E1E!important;
}

.contact-slider .wpcf7-submit{
	background-image: url("https://dotfilms.co/wp-content/uploads/2022/03/button-bkg.png")!important;
}

.brand-films-p p{
	margin-top: 0px!important;
}

@media only screen and (max-width: 1280px) {
	.sr-grid-filter.align-center .grid-filter{
		padding: 0px 80px 0px 80px!important;
	}
}
@media only screen and (max-width: 1024px) {
	.homepage-contact-link .text {
	    font-size: 36px!important;
	}
	.homepage-contact-link .icon {
		height: 36px!important;
		width: 36px!important;
	}
	
		.contact-page-contact-link .text {
	    font-size: 36px!important;
	}
	.contact-page-contact-link .icon {
		height: 36px!important;
		width: 36px!important;
	}
	.homepage-social-link .text {
		font-size: 36px!important;
		font-weight: 100!important;
	}
	.homepage-social-link .icon {
		height: 36px!important;
		width: 36px!important;
	}
	.sr-grid-filter.align-center .grid-filter{
		padding: 0px 60px 0px 60px!important;
	}
	.work-portfolio-item img{
		width: 50vw!important;
		height: auto!important;
	}
}

@media only screen and (max-width: 768px) {
	.footer-bv{
		font-size: 0.8em!important;
	}
	.homepage-contact-link .text {
	    font-size: 30px!important;
	}
	.homepage-contact-link .icon {
		height: 30px!important;
		width: 30px!important;
	}
	
		.contact-page-contact-link .text {
	    font-size: 30px!important;
	}
	.contact-page-contact-link .icon {
		height: 30px!important;
		width: 30px!important;
	}
	.homepage-social-link .text {
		font-size: 30px!important;
		font-weight: 100!important;
	}
	.homepage-social-link .icon {
		height: 30px!important;
		width: 30px!important;
	}
	#mobile-menu nav.header-nav > ul > li a{
		font-size: 2.5rem!important;
	}
	.sr-grid-filter.align-center .grid-filter{
		padding: 0px 20px 0px 20px!important;
	}
	.mobile-clients img{
		width: 10px!important;
		height: 10px!important;
	}
	#footer .footer-bottom > div {
		margin-top: 0px!important;
	}	
	.work-portfolio-item img{
		width: 100vw!important;
		height: auto!important;
	}
		.homepage-portfolio-video-text h3{
		font-size: 18px!important;
		line-height: 20px!important;
	}

	.homepage-portfolio-video-text{
		font-size: 12px!important;
	}
	.homepage-portfolio-video-text h3 a{
		font-size: 18px!important;
		line-height: 20px!important;
	}

	.homepage-portfolio-video-text div,
	.homepage-portfolio-video-text span,
	.homepage-portfolio-video-text p a{
		font-size: 12px!important;
	}
}

@media only screen and (max-width: 420px) {
	.homepage-contact-link .text {
	    font-size: 25px!important;
	}
	.homepage-contact-link .icon {
		height: 25px!important;
		width: 25px!important;
	}
	
		.contact-page-contact-link .text {
	    font-size: 25px!important;
	}
	.contact-page-contact-link .icon {
		height: 25px!important;
		width: 25px!important;
	}
	.homepage-social-link .text {
		font-size: 25px!important;
		font-weight: 100!important;
	}
	.homepage-social-link .icon {
		height: 25px!important;
		width: 25px!important;
	}	
	.mobile-clients img{
		width: 5px!important;
		height: 5px!important;
	}
	.work-section-1 img{
		width: 10px!important;
		height: 10px!important;
	}
	.homepage-portfolio-video-text h3{
		font-size: 16px!important;
		line-height: 20px!important;
	}

	.homepage-portfolio-video-text,
	.homepage-portfolio-video-text p{
		font-size: 10px!important;
	}
	.homepage-portfolio-video-text h3 a{
		font-size: 12px!important;
		line-height: 20px!important;
	}

	.homepage-portfolio-video-text div,
	.homepage-portfolio-video-text span,
	.homepage-portfolio-video-text p a{
		font-size: 10px!important;
	}
	.portfolio-page-cover-video .sr-image.landscape{
		height: 100vh!important;
		object-fit: cover!important;
		width: unset!important;
	}
}

.colored, #single-pagination .pagination li a .text, #page-pagination .pagination li.page span.current, #page-pagination .pagination li.page a:hover, .header-action-title, .widget ul:not(.socialmedia-widget) li a:hover, .sr-grid-filter .grid-filter li a:hover, .sr-grid-filter .grid-filter li.active a{
	color: #1E1E1E!important;
    font-family: 'PPMigra-Italic'!important;
}




.header-toggle.header-action.sr-open-popup.this-is-active .hamburger::before,
.header-toggle.header-action.sr-open-popup.this-is-active .hamburger::after {
	background: #fff!important;
}
.header-menu-is-open::after{
		background: #000!important;
}
.header-menu-is-open .dark-logo {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.header-menu-is-open .menu-item-inner.menu-contact-us span{
	color: #F0F8F3!important;
}
body.scrolled #header{
/*     padding-bottom: 30px; */
/*     background-image: 	linear-gradient(to bottom, #F0F8F3, #F0F8F3, #f0f8f3e8, #f0f8f3d6, #f0f8f3a1, #f0f8f300)!important; */
	padding-bottom: 10px;
	background-image: 	linear-gradient(to bottom, #F0F8F3, #f0f8f300)!important;
}


.menu-is-open #mobile-menu nav.header-nav > ul > li:first-child > a {
	animation: menulefttoright 500ms linear;
	left: 0%;
	opacity: 0;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

.menu-is-open #mobile-menu nav.header-nav > ul > li:nth-child(2) > a {
	animation: menulefttoright 1000ms linear;
	animation-delay: 100ms;
	left: 0%;
	opacity: 0;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

.menu-is-open #mobile-menu nav.header-nav > ul > li:nth-child(3) > a {
	animation: menulefttoright 1000ms linear;
	animation-delay: 200ms;
	left: 0%;
	opacity: 0;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

.menu-is-open #mobile-menu nav.header-nav > ul > li:nth-child(4) > a {
	animation: menulefttoright 1000ms linear;
	animation-delay: 300ms;
	left: 0%;
	opacity: 0.5;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}


.menu-is-open #mobile-menu nav.header-nav > ul > li:nth-child(5) > a {
	animation: menulefttoright 1000ms linear;
	animation-delay: 400ms;
	left: 0%;
	opacity: 0.5;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

@keyframes menulefttoright {
  from {
	  left: 100%;
	  opacity: 0;
  }
  to {
	  left: 0%;
	  opacity: 1;
  }
}

.footer-bottom-left{
	font-size: 1.2rem!important;
}

.footer-text{
	font-size: 1.2rem!important;
}

.footer-bv{
	font-size: 1.2rem!important;
}

#mobile-menu nav.header-nav > ul > li a{
	font-size: 2.2rem!important;
	margin-bottom: 0.6rem!important;
}

body .fancybox-button{
	background: #F0F8F3!important;	
}

.fancybox-button.fancybox-button--fsenter{
	display: none!important;
}

.fancybox-button--play,
.fancybox-button--thumbs{
		display: none!important;
}

#spu-3447 .spu-container{
	background-image: url("https://www.dotfilms.co/wp-content/uploads/2022/11/grainy-grey.png");
	    background-position: default;
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: contain;
}

#spu-3447 .spu-container label{
	color: #F0F8F3;
}

#spu-3447 .spu-container .form-row.deplace{
	border-bottom: 1px dotted #F0F8F3!important;	
}

#spu-3447 .spu-container .your-name input{
	margin-left: 20px;
	border-bottom: none!important;
	color: #F0F8F3;
	width: calc(100% - 20px);
}
#spu-3447 .spu-container .your-email input{
	margin-left: 80px;
	border-bottom: none!important;
	color: #F0F8F3!important;
	width: calc(100% - 80px);
}
#spu-3447 .spu-container .your-number input{
	margin-left: 95px;
	border-bottom: none!important;
	color: #F0F8F3!important;
	width: calc(100% - 80px);
}
#spu-3447 .spu-container textarea{
	margin-top: 40px;
	border-bottom: none!important;
	color: #F0F8F3!important;
}

.spu-container .wpcf7-form-control.has-spinner.wpcf7-submit{
	background: unset;
    background-image: url(https://dotfilms.co/wp-content/uploads/2022/03/button-bkg.png)!important;
    border-radius: 0px!important;
    background-size: contain;
    background-position: top;
	color: #1E1E1E;
	padding: 0px 60px 0px 20px;
    background-repeat: no-repeat;
	font-weight: 100;
}

.spu-container .wpcf7-form-control.has-spinner.wpcf7-submit:hover{
    background-image: url(https://www.dotfilms.co/wp-content/uploads/2022/04/dot-button-outline.png)!important;
	color: #F0F8F3;
}

.sr-grid-filter.align-center.is-open:not(.is-fixed) .filter-title,
.sr-grid-filter .filter-title > a{
	display: none!important;
}

.sr-grid-filter.align-center .grid-filter{
	    text-align: left;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
	color: #F0F8F3!important;
}

.sr-grid-filter.align-center .grid-filter li a {
		color: #F0F8F3!important;
}

.sr-button{
	text-transform: lowercase!important;
}

#spu-3447 .spu-close{
	color:#F0F8F3!important;
	margin-top: 10px;
    padding-right: 10px;
}

#header::after{
	display: none!important;
}



.custom-text-size h1,
.custom-text-size h2,
.custom-text-size p,
	.custom-text-size span{
	font-size: 50px!important;
	line-height: 65px!important;
	font-weight: 100!important;
}

.elementor-testimonial__text{
	font-size: 50px!important;
	line-height: 65px!important;
	font-weight: 100!important;
	font-style: unset!important;
}

.elementor-testimonial__name,
.elementor-testimonial__title{
	font-size: 20px!important;
}

.custom-portfolio-text-size h1,
.custom-portfolio-text-size h2,
.custom-portfolio-text-size p,
.custom-portfolio-text-size span{
	font-size: 30px!important;
	line-height: 36px!important;
}

.elementor-accordion .elementor-tab-title{
	font-size: 35px!important;
	line-height: 45px!important;
}


.white-circle-separator{
	 width: 7px!important;
    margin-top: 20px!important;
}

@media only screen and (max-width: 1024px) {
	.custom-text-size h1,
	.custom-text-size h2,
	.custom-text-size p,
	.custom-text-size span{
		font-size: 30px!important;
		line-height: 36px!important;
		font-weight: 100!important;
	}
	.elementor-testimonial__text{
		font-size: 30px!important;
		line-height: 36px!important;
		font-weight: 100!important;
}
	.elementor-testimonial__name,
.elementor-testimonial__title{
	font-size: 18px!important;
}
	.custom-portfolio-text-size h1,
	.custom-portfolio-text-size h2,
	.custom-portfolio-text-size p,
	.custom-portfolio-text-size span{
		font-size: 26px!important;
		line-height: 32px!important;
	}
	.elementor-accordion .elementor-tab-title{
		font-size: 28px!important;
		line-height: 34px!important;
	}
	.white-circle-separator{
		 width: 7px!important;
		margin-top: 15px!important;
	}
}

@media only screen and (max-width: 768px) {
	.custom-text-size h1,
	.custom-text-size h2,
	.custom-text-size p,
	.custom-text-size span{
		font-size: 30px!important;
		line-height: 36px!important;
		font-weight: 100!important;
	}
		.elementor-testimonial__text{
		font-size: 30px!important;
		line-height: 36px!important;
		font-weight: 100!important;
}
	.elementor-testimonial__name,
.elementor-testimonial__title{
	font-size: 18px!important;
}
	.custom-portfolio-text-size h1,
	.custom-portfolio-text-size h2,
	.custom-portfolio-text-size p,
	.custom-portfolio-text-size span{
		font-size: 24px!important;
		line-height: 30px!important;
	}
	.elementor-accordion .elementor-tab-title{
		font-size: 24px!important;
		line-height: 30px!important;
	}
	.white-circle-separator{
		 width: 7px!important;
		margin-top: 15px!important;
	}
}

@media only screen and (max-width: 480px) {
	.custom-text-size h1,
	.custom-text-size h2,
	.custom-text-size p,
	.custom-text-size span{
		font-size: 25px!important;
		line-height: 34px!important;
		font-weight: 100!important;
	}
		.elementor-testimonial__text{
		font-size: 25px!important;
		line-height: 34px!important;
		font-weight: 100!important;
}
	.elementor-testimonial__name,
.elementor-testimonial__title{
	font-size: 14px!important;
}
	.custom-portfolio-text-size h1,
	.custom-portfolio-text-size h2,
	.custom-portfolio-text-size p,
	.custom-portfolio-text-size span{
		font-size: 21px!important;
		line-height: 27px!important;
	}
	.elementor-accordion .elementor-tab-title{
		font-size: 21px!important;
		line-height: 27px!important;
	}
	.white-circle-separator{
		 width: 7px!important;
		margin-top: 12px!important;
	}
}

.elementor-heading-title.elementor-size-default a{
	color: #1E1E1E!important;
	border-bottom: none!important;
}


/* .contact-slider .text{
	text-decoration: underline;
	margin-bottom: 10px;
	text-underline-offset: 4px;
} */



.contact-slider .instagram-contact:hover .text{
	color: #bc2a8d!important;
}
.contact-slider .instagram-contact:hover svg{
	fill: #bc2a8d!important;
}
.contact-slider .instagram-contact:hover::after{
	background: #bc2a8d!important;
}


.contact-slider .spotify-contact:hover .text{
	color: #1DB954!important;
}
.contact-slider .spotify-contact:hover svg{
	fill: #1DB954!important;
}
.contact-slider .spotify-contact:hover::after{
	background: #1DB954!important;
}

.contact-slider .linkedin-contact:hover .text{
	color: #0077b5!important;
}
.contact-slider .linkedin-contact:hover svg{
	fill: #0077b5!important;
}
.contact-slider .linkedin-contact:hover::after{
	background: #0077b5!important;
}


.contact-slider .vimeo-contact:hover .text{
	color: #19B7EA!important;
}
.contact-slider .vimeo-contact:hover svg{
	fill: #19B7EA!important;
}
.contact-slider .vimeo-contact:hover::after{
	background: #19B7EA!important;
}	

.contact-slider .twitter-contact:hover .text{
	color: #1DA1F2!important;
}
.contact-slider .twitter-contact:hover svg{
	fill: #1DA1F2!important;
}
.contact-slider .twitter-contact:hover::after{
	background: #1DA1F2!important;
}

.contact-slider .youtube-contact:hover .text{
	color: #FF0000!important;
}
.contact-slider .youtube-contact:hover svg{
	fill: #FF0000!important;
}
.contact-slider .youtube-contact:hover::after{
	background: #FF0000!important;
}




.contact-slider .sr-button.underline::after{
	background: #fff;
}
.contact-slider .sr-button.underline .icon svg{
	fill: #fff;
}
.contact-slider .icon.arrow{
	margin-left: 0px!important;
}

#spu-3447{
	background: url("https://www.dotfilms.co/wp-content/uploads/2022/03/grey.jpeg");
}

.client-name:hover{
    font-family: 'PPMigra-Italic'!important;
}


.customdisablefield{
	color: #949494!important;
}
.custom-rotate{
	margin-left: -1px;
}
.custom-rotate svg{
	transform:rotate(-45deg);
	width: 25px;
    height: 25px;
    fill: #F0F8F3;
	margin-bottom: -5px;
}

.form-row.deplace{
	margin-top: 20px!important;
}

body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::before,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::after{
	background: #000!important;
}

#footer .footer-bottom{
	padding: 5px 0px!important;
}


.wpcf7{
	margin-top: 20px!important;
	margin-bottom: 70px!important;
}

.loading-end.mogi-theme #cookie-notice{
	bottom: 0px!important;
	left:0px!important;
	width: 100%!important;
	max-width: 100%!important;
}

.mogi-theme #cookie-notice .cn-button{
	margin-left: 20px!important;
}

.mogi-theme #cookie-notice .cookie-notice-container{
	padding:15px 40px 5px 30px!important;
}

.mogi-theme .cn-close-icon{
	bottom: unset!important;
}

.portfolio-page-placeholder .sr-image.landscape{
	width: 100vw;
}


.wpcf7-response-output {
	color: #fff!important;
	text-transform: lowercase!important;
}

.elementor-accordion-title{
	font-weight: 100!important;	
	border-bottom: 1px solid;
}

.elementor-accordion-icon-closed,
.elementor-accordion-icon-opened{
	filter: invert(1)!important;
	transform: scale(0.75);
    margin-top: 5px;
}


.elementor-tab-content p{
	margin-top: 5px!important;
}

p{
	line-height: 1.8;
	font-size: 1.15em;
}
/* 
h1, h2, h3, h4, h5, h6, p, span{
	text-transform: lowercase!important;
} */

.post-name,
.post-content p{
	text-transform: lowercase!important;
}



.read-more.sr-button.button-big.underline{
	font-weight: 100!important;
}

.read-more.sr-button.button-big.underline:hover{
    font-family: 'PPMigra-Italic'!important;	
}


.elementor-accordion .elementor-tab-title{
	padding: 0px!important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon{
	width: unset!important;
}
.elementor-accordion .elementor-tab-content{
padding: 0px!important;	
}

/* .post a:hover{
    font-family: 'PPMigra-Italic'!important;
} */

.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{
	float: unset!important;
}

.homepage-portfolio-section .elementor-image a,
.homepage-portfolio-section .elementor-image img {
	width: 100%!important;
}

.homepage-portfolio-section .elementor-widget-image{
	margin-bottom: 0px!important;
}

/* @media only screen and (max-width: 768px) {
	#footer .wrapper {
		max-width: 100%!important;
	}
	.footer-bottom {
		display: inline-block!important;
	}
	.footer-bottom-left, .footer-bottom-center, .footer-bottom-right{
		display: inline-block!important;
		width: unset!important;
	}
	.footer-bottom-center{
		display: none!important;
	}
} */

.inline-lightcase .mouse-action{
	background: #949494!important;
	border-color: #949494!important;
}

.blog-container{
	height: unset!important;
}

.elementor-field.elementor-size-sm.elementor-field-textual{
	font-size: 1.8rem!important;
}

/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: white !important;
}
 */
.elementor-button-text{
	font-weight: 100!important;
}

.portfolio-template-default header,
.post-template-default header{
	background-image: linear-gradient(to bottom, #F0F8F3, #f0f8f300)!important;
}

.elementor-share-btn__text{
	padding-left: 0px!important;
}

.portfolio-template-default .inline-lightcase .mouse-action{
    background: #1e1e1e!important;
    border-color: #1e1e1e!important;
}

.portfolio-template-default .inline-lightcase .mouse-action svg{
	fill: #f0f8f3!important;
}

@media only screen and (max-width: 640px){
	#mobile-menu .mobile-menu-inner {
		display: flex!important;
	}	
	#mobile-menu .mobile-menu-inner .mobile-inner-left{
		align-self: flex-end!important;
	}
	#mobile-menu nav.header-nav > ul > li a{
		line-height: 1.05!important
	}
	.show-mobile-only{
		display: block!important;
	}
}


.portfolio-next .sr-button:hover .text{
	color: #f0f8f3!important
}

.wpcf7-form-control{
	margin-top:0px!important;
}



@media only screen and (max-width: 420px){
	.work-portfolio-grid-custom h3 .text {
		font-size: 16px!important;
		line-height: 20px!important;	
	}	
	.work-portfolio-grid-custom	.portfolio-category,
	.work-portfolio-grid-custom	.portfolio-category .text{
		font-size: 10px!important;
		line-height: 10px!important;
	}
	.overlay-caption {
		padding: 10px 20px!important;
	}	

}
	


.show-mobile-only{
	display: none;
}


.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none!important;
    outline: 0;
}