@charset "utf-8";

/*
    Theme Name: MFOG Child Theme
    Template:   mfog-parent-theme
    Description: Mfog Basic Starter Child Theme
    Version: 3.0
    Author: Studio MFog
    Author URI: https://www.mfogdesign.com/
    Text Domain: Studio Mfog 
    Tested up to: 6
    License:
    License URI:
    Requires PHP
    
*/


/* general */
.mobile-only{
	display:block !important;
}

html{
	background-color: var(--mfog_color_1);
	background-blend-mode: var(--bg-color-overlay);
}
body.privacy-policy h3{ 
    margin-top: 1.5em;
    margin-bottom: .5em;
}
body.home main{
		padding-top:4em;
}
.mandate{
	margin-top:2em !important;
}
h3{
	margin-top:-.5em;
	margin-bottom:1em;
}
a{
	text-decoration:none !important;
}
.portfolio-archive {
    padding: 2em 0 6em 0 !important;
}
.portfolio-archive h2{
    margin-bottom: 1em;
}
main h3 {
    font-weight:600;
    font-style: italic;
}

.img-full-height img{
    max-height: 100vh;
    object-fit: cover;
}
.img-full-height.p-top img{
	object-position:top;
}
.img-full-height.p-bottom img{
	object-position:bottom;
}

main h2{
font-size: 35px !important;
}

header .navbar button:focus{
    box-shadow: none;
    
}

header .navbar button{
    border:0px solid black;
    padding:0;
}
header .navbar button span{
     background-image: url('https://studiotest.dreamhosters.com/wp-content/uploads/2024/11/mfog_hamburger_black.svg') !important;
}
header .navbar button span:focus{
    background-image: url('https://studiotest.dreamhosters.com/wp-content/uploads/2024/11/mfog_hamburger_orange.svg') !important;
}
header .navbar-expand-lg{
    padding-top: 1em;
}
header .navbar-expand-lg li{
    padding:.5em 0 !important;
}

header .navbar-expand-lg ul{
    width:100%;
}

header .navbar-expand-lg ul li{
    border-bottom: 1px solid black;
}
header .navbar-expand-lg ul li:last-child{
    border-bottom: 0px;
}

/* footer */

footer .footer{
    padding: 2em 30px;
}

footer .footer h3{
    margin:2em 0 .5em 0;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 600;
    font-family: 'Montreal Neue', sans-serif !important;
}
footer .footer p, footer .footer a{
    font-size: 14px;
    letter-spacing: .5px;
}
footer .footer ul{
    list-style-type: none;
    padding: 0;
}


footer .copyright{
    border-top: 1px solid white;
    padding: 1em 30px 1em 30px;
}
footer .copyright p, footer .copyright a{
    font-size: 12px;
    letter-spacing: .5px;
	color:white;
}

.copyright .mfog-icons a{
    font-size:20px;
	margin-right:12px !important;
}

.copyright .mfog-icons{
    display: flex;
}
.copyright .mfog-icons a:first-child{
    order:3;
}

/* home */
.home-hero h1{
    font-size: 55px !important;
}
.home-hero{
	padding: 4em 30px 4em 30px !important;
}

/* Home portfolio grid */
.portfolio-recents article{
    position: relative !important;
}
.title-overlap h5{
    font-family: 'Times Now' !important;
    font-weight: 600;
    font-style: italic;
}

.portfolio-recents article {
    width: 100%;
}

.portfolio-recents img{
  width:100%;
  height:200px;
  object-fit:cover;
margin-bottom:1em;
}

/*team*/
.col-2-mobile-4 h6{
	margin-top:2em;
	text-transform:uppercase;
	font-weight: 600;
}
.team-sect-text{
	padding-right:30px;
}
.team-portraits img{
    width:100% !important;
}
.small-text p{
    font-size: 14px;
}
.team-portraits .small-text p{
    margin:1em 0 4em 0;
}
.padding-70{
	padding: 0 30px !important;
}
/*contact*/
.white-bg{
	background-color:white !important;
}

body.page-id-423 header a:hover, body.page-id-423 footer a:hover, body.page-id-735 header a:hover, body.page-id-735 footer a:hover{
    color: var(--mfog_color_1) !important;
}
body.page-id-423, body.page-id-735 {
  background-color: black;
}
body.page-id-423 header a, body.page-id-423 a, body.page-id-735 header a, body.page-id-735 a{
	color:white !important;
}
body.page-id-423 footer, body.page-id-735 footer, body.page-id-421 footer, body.page-id-737 footer{
	border-top:1px solid white;
}
body.page-id-423 header, body.page-id-735 header{
	border-bottom:1px solid white;
}
body.page-id-423 main .mfog-icons a,  body.page-id-735 main .mfog-icons a{
    font-size: 30px !important;
    opacity: .5;
    margin-right: 1em;
}
body.page-id-423 main .mfog-icons,  body.page-id-735 main .mfog-icons{
		display:none !important;
}
body.page-id-423 main a, body.page-id-735 main a{
    text-decoration: underline !important;
}
body.page-id-423 main a:hover, body.page-id-735 main a:hover{
    opacity: .8;
}
body.page-id-423 main .mfog-icons a:hover, body.page-id-735 main .mfog-icons a:hover{
    opacity: 1 !important;
}
body.page-id-423 main .mfog-icons a:last-child, body.page-id-735 main .mfog-icons a:last-child{
    display: none;
}

body.page-id-423 main .mfog-icons, body.page-id-735 main .mfog-icons{
    margin-bottom: 4em;
}

body.page-id-423 header .navbar button span, body.page-id-735 header .navbar button span {
  background-image: url('https://studiotest.dreamhosters.com/wp-content/uploads/2024/12/mfog_hamburger_white.svg') !important;
}
body.page-id-423 header .navbar-expand-lg ul li, body.page-id-735 header .navbar-expand-lg ul li{
  border-bottom: 1px solid white;
}
body.page-id-423 header .navbar-expand-lg ul li:last-child, body.page-id-735 header .navbar-expand-lg ul li:last-child{
    border-bottom: 0px solid black;
}
@media only screen and (max-width: 768px) {
	.white-bg{
	padding: 4em 50px !important;
    margin-top: 4em;
	}
	.contact-form-sect .column-0, .contact-form-sect .column-1{
    padding:0 46px;
	}

	
}


/*Form*/
.wpforms-container{
    margin:0 !important;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: calc( 25px * 5.1) !important;
}
.wpforms-container input:focus, .wpforms-container  textarea.wpforms-field-large:focus, textarea.wpforms-error, input.wpforms-error{
    box-shadow: none !important;
	outline: 0 !important;
    border-top: 1px solid white !important;
    border-right: 1px solid white !important;
    border-left: 1px solid white !important;
}
.wpforms-container textarea.wpforms-error, .wpforms-container input.wpforms-error{
  border-bottom: 1px solid #EA6128  !important;
    outline:0 !important;
}
.wpforms-container input, .wpforms-container textarea{
	border-color: transparent !important;
    background:transparent !important;
    color:black !important; 
    padding: 0 !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
}
.wpforms-container input:hover, .wpforms-container  textarea.wpforms-field-large:hover{
    opacity: .8;
}

.wpforms-container input::placeholder, .wpforms-container textarea::placeholder{
    color:black !important; 
    opacity: 1 !important;
}

.wpforms-submit{
    background-color:transparent !important;
    color:transparent !important;
    padding: 0 !important;
    width:50px !important;
    height:50px !important;
    border-radius: 35px !important;
    border: 2px solid #EA6128 !important;
}
.wpforms-submit:before{
    content: " ";
    background-image:url('https://studiotest.dreamhosters.com/wp-content/uploads/2024/12/mfog_submit_arrow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
	left:8px;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-o-transform: translateY(-30%);
    transform: translateY(-30%);

}
.wpforms-submit:hover:before, .wpforms-submit:hover{
    opacity: .8;
    outline:0 !important;
}
.wpforms-submit:focus{
    box-shadow: none !important;
}
.wpforms-submit:after{
    border:0px solid white !important;
}


/* portfolio */
.single-portfolio h2{
  margin: 0em 0 1em 0;
}
.hero-height{
	min-height:50vh;
}

.portfolio-height{
	min-height:50vh;
}
.portfolio-height
.col-height{
	min-height:50vh;
}
.video-height{
	min-height:20vh;
}
.bg-p-top{
	background-position:top !important;
}
.postid-1002 .portfolio-height.width .content-image{
	margin-top:2em !important;
}
/* opale */
.spinning-text .mfog_content p img:first-child{
    max-width: 155px;; 
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    left:75px;
    z-index: 10000;
    animation: rotate 70s linear infinite; 

}

.spinning-text .mfog_content p{
    position: relative;
}

.spinning-text .content-text:first-child p img:last-child{
    max-width: 230px;
}
.spinning-text .content-text:first-child p img:first-child{
    left:40px;
}

.contain-bg{
    background-size: contain !important;
    min-height: 80vh;
	max-height: 100vh;
	margin-bottom:2em;
}
}

/* kat films */
.bg-kat .content-image:first-child img{
    padding-top:2em !important;
    padding-bottom:1em !important;
}
.bg-kat .content-image:last-child img{
    padding-top:1em !important;
    padding-bottom:2em !important;
}
	
.bg-kat{
background-color:#EEE7DB !important;
}

.img-center-bg{
	margin: 0 0 2em 0;
}
.portfolio-height:has(.img-center-bg){
	min-height:40vh;
}
/* noasis */
.portfolio-height.width .content-image:first-child{
	margin-bottom:2em;
}


/* Juju vin */
.hero-height.juju{
    background-position: top !important;
}
.img-center.juju-vin .content-image:first-child img{
    margin-bottom: 1em;
}
.img-center.juju-vin .content-image:last-child img{
    margin-bottom: 0em;
}
.img-constrain img{
	max-width:350px;
}


@keyframes rotate {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

/* contact */

@media only screen and (min-width: 576px) {
	
	
/* general */
/* header */
header .menu-item a::after{
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background-color: var(--mfog_color_1);
  position: relative;
  width: 0;
  transition: width 0.3s cubic-bezier(0.86,0.36,0.33,0.84);
}
header .menu-item a:hover::after{
    width:100%;
}
/* footer */

/* home */
.home-hero {
	align-items:center !important;
}
.home-hero{
    padding-right: 60px !important;
}
.home-hero .col-sm-6{
	width:100%;
}


/* Home portfolio grid */
.title-overlap{
	position:absolute !important;
	top:0;
	height:100%;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:rgba(0,0,0,.5);
    opacity:0;
    transition: .2s ease-in-out;
	padding: .5em;
}
.title-overlap:hover{
    opacity: 1;
    transition: .2s ease-in-out;
}
.title-overlap h5{
    font-family: 'Times Now' !important;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color:white;
}
	
	
.portfolio-recents img{
margin-bottom:0em;
}


/*team*/

/* portfolio */

/* contact */
.contact-form-sect .column-1{
    order:2;
}
.contact-form-sect .column-0{
    order:1;
}
.contact-form-sect .column-2{
    order:3;
}
	
	.padding-70{
		padding: 0 70px !important;
	}
}

@media only screen and (min-width: 768px) {
	
.postid-1002 .portfolio-height.width .content-image{
	margin-top:0em !important;
}
/* general */
.mobile-only{
	display:none !important;
}
.desktop-space-break{
	text-wrap: nowrap !important;
}
main h2{
  font-size: 48px !important;
}
.single-portfolio h2{
  margin: 0em 0 .5em 0;
}
	
	
/* header */
header .navbar-expand-lg li{
    padding:0 0 0 3em !important;
}
header .navbar-expand-lg {
  padding-top: 0em;
}
header .navbar-expand-lg ul li{
    border-bottom: 0px solid black;
}
	
/* footer */
footer .copyright{
    display:flex;
    justify-content: space-between
}

footer .footer h3 {
  margin: 0em 0 .5em 0;

}
footer .footer{
    padding-bottom: 6em;
}

/* home */
.home-hero{
	padding: 0em 80px 1em 30px !important;
}
.home-hero {
	align-items:start !important;
}
.home-hero .col-sm-6{
	width:50%;
}
	
.home-hero h1{
	font-size:63px;
}
/*team*/
.team-sect-text{
	padding-right:10em;
}
.team-sect-text h2{
	margin-bottom:1em;
}
.col-2-mobile-4 h6{
	margin-top:0em;
}
.team-portraits{
	margin-top:-1em !important;	
}
/*contact*/

body.page-id-423 header .navbar-expand-lg ul li, body.page-id-735 header .navbar-expand-lg ul li {
  border-bottom: 0px solid white;
}
body.page-id-423 main .mfog-icons, body.page-id-735 main .mfog-icons{
    margin-top: 4em;
	margin-bottom:0;
	display:block !important;
}

	/*Form*/
.wpforms-container{
    margin:0 !important;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: calc( 25px * 5.1) !important;
}
.wpforms-container input:focus, .wpforms-container  textarea.wpforms-field-large:focus, textarea.wpforms-error, input.wpforms-error{
    box-shadow: none !important;
    outline: 0 !important;
    border-top: 1px solid black !important;
    border-right: 1px solid black !important;
    border-left: 1px solid black !important;
}
.wpforms-container textarea.wpforms-error, .wpforms-container input.wpforms-error{
  border-bottom: 1px solid #EA6128  !important;
    outline:0 !important;
}
.wpforms-container input, .wpforms-container textarea{
    background:transparent !important;
    color:white !important; 
    padding: 0 !important;
    border-bottom: 1px solid white !important;
    border-radius: 0 !important;
}
.wpforms-container input:hover, .wpforms-container  textarea.wpforms-field-large:hover{
    opacity: .8;
}

.wpforms-container input::placeholder, .wpforms-container textarea::placeholder{
    color:white !important; 
    opacity: 1 !important;
}

.wpforms-submit{
    background-color:transparent !important;
    color:transparent !important;
    padding: 0 !important;
    width:50px !important;
    height:50px !important;
    border-radius: 35px !important;
    border: 2px solid #EA6128 !important;
}
.wpforms-submit:before{
    content: " ";
    background-image:url('https://studiotest.dreamhosters.com/wp-content/uploads/2024/12/mfog_submit_arrow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
	left:8px;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-o-transform: translateY(-30%);
    transform: translateY(-30%);

}
.wpforms-submit:hover:before, .wpforms-submit:hover{
    opacity: .8;
    outline:0 !important;
}
.wpforms-submit:focus{
    box-shadow: none !important;
}
.wpforms-submit:after{
    border:0px solid black !important;
}
.contact-form-sect{
	padding: 1em 30px 4em 30px !important;
}

/* portfolio */

.hero-height, .video-height{
	min-height:100vh;
}
.portfolio-height{
	min-height:100vh;
}

.col-height img{
	width:100%;
}
.portfolio-height.width{
	padding: 3em 56px !important;
}
	
body.postid-588 .portfolio-height.width{
	padding: 0em 56px 3em 56px !important;
}
	

.portfolio-height.width .content-image:first-child{
	margin-bottom:0em;
}
.img-center{
	margin: 2em 0;
	padding: 0 40px !important;
}
.img-center-bg{
	margin: 0em 0 3em 0;
	padding: 0 40px !important;
}
/* kat films */
.bg-kat .content-image:first-child img{
    padding-top:1em !important;
    padding-bottom:2em !important;
}
.bg-kat .content-image:last-child img{
    padding-top:2em !important;
    padding-bottom:1em !important;
}	
	
/* Juju vin */
.hero-height.juju{
    background-position: top !important;
}
.img-center.juju-vin .content-image:first-child img{
    margin-bottom: 2em;
}
.img-center.juju-vin .content-image:last-child img{
    margin-bottom: 0em;
    margin-top: 1em;
}

	
/* contact */
.white-bg{
	background-color:black !important;
}
.wpforms-field-limit-text{
	color:white !important;
}
	
}

@media only screen and (min-width: 992px) {
	
/* general */
body.home main{
	padding-top:0em;
}

/* header */
header .container-fluid {
  padding:2em 30px 5em 30px;
}
header .lang-item{
	margin-left:2.5em;
}
	
/* footer */

/* home */

.home-hero h1{
    font-size: 80px !important;
}
/* portfolio */

/* contact */
}

@media only screen and (min-width: 1200px) {
/* general */

/* header */
	
/* footer */

/* home */
.home-hero h1{
    font-size: 100px !important;
}

/* portfolio */
.hero-height.extend-height, .portfolio-height.extend-height{
min-height:120vh !important;
}

/* contact */
	
}