/*

Theme Name: Mato

Theme URI: http://promo-theme.com/mato/

Author: Promo Theme

Author URI: https://themeforest.net/user/ypromo

Description: Mato is the Awesome WordPress Theme for Movie Studios, Filmmakers, Film Agency, Film festivals, Cinema. Start with us to create your beatiful site for yourself or your video business. 

Version: 1.0.0

Text Domain: mato

License: GNU General Public License v2 or later

License URI: LICENSE

Template: mato



*/







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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

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



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

# Normalize

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

html {

	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}



body {

	margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #000;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}



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

# Typography

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

body,

button,

input,

select,

textarea {

	color: #404040;

	font-family: sans-serif;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



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

# Elements

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

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0px 0 1.5em 0.5em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 0.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



figure {

	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



.img-border-radius {

    border-radius: 50%;

}





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

# Navigation

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

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

## Links

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





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

## Menus

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

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation li {

	float: left;

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 1.5em;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul a {

	width: 200px;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a,

.main-navigation li.focus > a {

}



.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}



.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



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

# Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}



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

# Alignments

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

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



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

# Clearings

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

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



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

# Widgets

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

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



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

# Content

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

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

## Posts and pages

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

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



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

## Comments

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

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



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

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



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

# Media

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

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



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

## Captions

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

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



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

## Galleries

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

.gallery {

	margin-bottom: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 50%;

}



.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}



.gallery-caption {

	display: block;

}

/* Opacità video homepage */

.hero-video .bg-overlay .color {
	opacity: 0.15 !important;
}

.bg-overlay .video-wrap video, .bg-overlay .video video {
	width: 10% !important;
	height: auto !important;
}

.bg-overlay .video-wrap video, .bg-overlay .video {
	max-width: 100% !important;
	max-height: 80% !important;
	top: 161px !important;
}

/* Colore pagina login */

.login .js .login-action-login .wp-core-ui  .locale-it-it {
	background: #121212 !important;
}

/* Testi sui video portfolio */

.content h4, .h4 {
	font-size: 24px;
	color: #ffffff !important;
}

/* Bottone indietro pagine progetto */

#my-back-button {
	background: none;
	color: #cf4334;
	border: none;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
}

#my-back-button:hover {
	color:#fff;
	}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	width: unset;
}

.post-navigation {
	background-color:#f3f9ff;
	padding:0px;
	}

	.nav-previous, .nav-next{
	padding:10px;
	font-weight: bold;
	margin-bottom: 50px;
	font-size: 18px;
	}
	
	.nav-previous a:hover ,.nav-next a:hover {
	color:#fff;
	}

	.heading-block.page-title {
    margin: 15px 0 5px !important;
}

.post-content-block p, .project-content-block p {
	font-size: 12px;
	font-weight: 600 !important;
	color: #7c7c7c !important;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

@media screen and (max-width: 991px) {
	.post-navigation {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    padding-top: -50px !important;
    margin-top: -75px !important;
    display: inline;
		margin-bottom: 15px !important;
		z-index: 1 !important;
	}

	.site-footer {
    margin-top: 20px;
	}

	.hentry {
    margin: 0 !important;
	}

	#my-back-button {
		display: none;
	}

	.admin-bar .navigation {
		top: 0px !important;
	}
}


/* Pagine progetto */

@media screen and (max-width: 386px) {
	.project-video {
		margin: 15px 0 !important;
	}
	
	h3, .h3 {
		font-size: 28px !important;
	}
}


/* Titolo banner pagina categorie */

.heading-block .h span {
	color: inherit;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 2px !important;
	letter-spacing: 2px !important;
}

/* Logo Header */

.page-title .h{
	display: none !important;
}

.site-header .site-logo {
	width: 180px !important;
}

.site-header .row {
	min-height: 100px !important;
}

.navigation {
	font-size: 14px !important;
}

/* Project Fields */
/*row {
	align-items: center;
	justify-content: center;
	text-align: center;
	align-content: center;
}
*/
.project-fields .col:first-child {
	display: none;
}

.project-fields {
	text-align: center;
}

/* Social Home */

.social-links-with-label {
    color: #000000 !important;
    font-weight: 600 !important;
}

.banner-area .mouse-button {
	display: none;
}

.num {
	display: none;
}

/* Box Categorie Home */

.categories-carousel .swiper-slide .h {
	text-align: center;
	font-size: 38px;
}

/* Pagina contatti */

.page-id-590 a {
	color: white !important;
}

.page-id-590 a:hover {
	color: #dc493a !important;
}

.social-links a i, .social-links-with-label a i {
	font-size: 20px !important;
}

.page-id-590 .wpb_wrapper {
	margin: 0 auto;
}

.page-id-590 .vc_custom_1675974291654 {
	margin-top: 50px !important;
	margin-bottom: 20px !important;
}

.page-id-590 .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
	margin-bottom: 35px;
}

.page-id-590 .button-style2 {
	margin-bottom: 15px;
}

.page-id-590 select {
	width: 100% !important;
	height: 50px !important;
	border: none !important;
	font-size: 18px;
  color: #000;
  background: #fff;
  font-weight: bold;
  padding: 10px 25px;
  margin-bottom: 30px;
  height: 50px;
  resize: none;
	max-width: 475px;
}

.page-id-590 select option {
    font-size: 18px;
    color: #000;
    background: #fff;
    font-weight: bold;
    padding: 10px 25px;
    margin-bottom: 30px;
    height: 50px;
    resize: none;
}

.heading-block {
	margin: unset !important;
}

.heading-block.page-title {
	margin: unset !important;
}

.input-row label, .woocommerce-form-row label {
	margin-bottom: 15px !important;
}

/* Footer */

#black-studio-tinymce-3 {
	margin-top: 40px !important;
}

.contact-row a {
	color: white;
}

.contact-row a:hover {
	color: #dc493a;
}


.site-footer .social-links a:nth-child(1),
.site-footer .social-links a:nth-child(2) {
	margin-right: 1.4rem;
}

/* Blocchi Video Home */

@media screen and (max-width: 767px) {

	.page-id-564 article .img-block {
		margin-bottom: 30px !important;
	}

	.heading-block .h {
    position: relative;
    margin: 0;
    margin-top: -25px !important;
	}

	.vc_custom_1674523064147 .wpb_wrapper {
			margin-top: -8rem !important;
	}
}

.navigation .hidden_menu .nav-butter {
	position: relative;
	width: 20px !important;
	height: 15px !important;
	cursor: pointer;
}

.nav-butter span:nth-child(3) {
	bottom: 2px !important;
}

.nav-butter span {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px !important;
	-webkit-box-shadow: inset 0 0 0 1px;
	box-shadow: inset 0 0 0 1px;
	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.nav-butter span:nth-child(2) {
	top: 7px !important;
}

/* Bottone Chiedi un preventivo Menu */

.menu-item-1853 a {
	background-color: #dc493a !important;
	color: white !important;
	padding: 15px !important;
	border-radius: 6px !important;
}

.menu-item-1853 a:hover {
	background-color: white !important;
	color: #dc493a !important;
	padding: 15px !important;
	border-radius: 6px !important;
}

.menu-item-1853 {
	height: 50px !important;
}

/* Pagina contatti - mobile */

@media screen and (max-width: 767px) {

	.page-id-590 .social-links.social-links-block {
		font-size: 16px;
		padding-bottom: 2rem;
	}
}

/* Hamburger */

@media screen and (max-width: 575px) {

	.nav-butter {
		margin-right: 1rem;
	}
}

@media screen and (max-width: 767px) {

	.heading-block.h-h3 .sub-h {
		margin-bottom: 2.6rem !important;
	}
}

/* Footer */

@media screen and (max-width: 493px) {

	.site-footer {
    padding-left: 1.5rem !important;
	}

	.hide {
			padding-left: 1rem !important;
			padding-top: 3rem ;
	}
}

@media screen and (max-width: 372px) {

	#nav_menu-1 {
		padding-top: 3rem !important;
	}

	.hide {
    padding-left: 1rem !important;
    padding-top: 2rem !important;
}
}

/* Homepage descrizione */

.descrizione-homepage div p a:hover {
	color: #444444;
	text-decoration: underline;
}