/*
 Theme Name:     CoffeeBean Child Theme
 Theme URI:      http://themeforest.net/user/mallini
 Description:    A child theme for use with coffeebean Theme.
 Author:         mallini
 Author URI:     http://themeforest.net/user/mallini/portfolio
 Template:       coffeebean
 Version:        1.0.0
 Tags: translation-ready,theme-options,custom-menu
*/

/* Add Custom CSS after this line */

@font-face {
    font-family: 'mathletebulky';
	
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulky_macroman/Mathlete-Bulky-webfont.eot');
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulky_macroman/Mathlete-Bulky-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulky_macroman/Mathlete-Bulky-webfont.woff') format('woff'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulky_macroman/Mathlete-Bulky-webfont.ttf') format('truetype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulky_macroman/Mathlete-Bulky-webfont.svg#mathletebulky') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mathletebulky_slant';
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulkyslant_macroman/Mathlete-BulkySlant-webfont.eot');
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulkyslant_macroman/Mathlete-BulkySlant-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulkyslant_macroman/Mathlete-BulkySlant-webfont.woff') format('woff'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulkyslant_macroman/Mathlete-BulkySlant-webfont.ttf') format('truetype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_bulkyslant_macroman/Mathlete-BulkySlant-webfont.svg#mathletebulky_slant') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mathleteskinny';
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinny_macromanMathlete-Skinny-webfont.eot');
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinny_macroman/Mathlete-Skinny-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinny_macroman/Mathlete-Skinny-webfont.woff') format('woff'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinny_macroman/Mathlete-Skinny-webfont.ttf') format('truetype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinny_macroman/Mathlete-Skinny-webfont.svg#mathleteskinny') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mathleteskinny_slant';
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinnyslant_macroman/Mathlete-SkinnySlant-webfont.eot');
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinnyslant_macroman/Mathlete-SkinnySlant-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinnyslant_macroman/Mathlete-SkinnySlant-webfont.woff') format('woff'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinnyslant_macroman/Mathlete-SkinnySlant-webfont.ttf') format('truetype'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/mathlete_skinnyslant_macroman/Mathlete-SkinnySlant-webfont.svg#mathleteskinny_slant') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vcr_osd_monoregular';
    src: url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/vcr_osd_mono_1.001-webfont.woff2') format('woff2'),
         url('https://www.yattafilms.com/yattafilms/wp-content/themes/coffeebean/font/fonts/vcr_osd_mono_1.001-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body, .date, .post-meta, .readmore, .widget, .comment-text, .widget_rss .rss-date, .widget_rss cite, .tagcloud a, .load-more a, #next-posts a, input[type="submit"], .search-results, .post-content p, .container p {
    font-family: "Raleway", Arial, sans-serif;
}

.intro-effect-fadeout .portfolio-header-image::after
	{
	background:none!important;
	}


.home_title
	{
	font-family: 'vcr_osd_monoregular';
    font-size: 50px;
    text-align: center;
    margin: 100px 0 30px 0;
	text-transform:uppercase;
	}
	
.home_sottotitolo
	{
	font-family: 'Raleway';
    font-weight: 500;
    width: 35%;
    margin: 0 auto 100px auto;
    text-transform: uppercase;
    padding-bottom: 50px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px dotted #999;
	}


.about_title {
    font-family: 'vcr_osd_monoregular';
    font-size: 45px;
    float: left;
    margin-bottom: 30px;
    text-transform: uppercase;
	}
	
#page-title h1
	{
	font-family: 'vcr_osd_monoregular';
    font-size: 60px;
	text-transform:uppercase;
	}
	
.portfolio_container, .container-content
	{
	    margin-top: 150px;
	}

.widget.widget_media_image img
	{
    max-width: 180px!important;
    height: auto;	
	}
.item-description span
	{
	font-family:'Raleway';
	font-weight:500;
	}
.about_intro
	{
    width: 70%;
    float: left;
    font-family: 'Raleway';
    line-height: 26px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
	}

.about_unterzo
	{
	width:33%;
	float:left;
	}
	
.about_dueterzi
	{
	width: 66%;
    float: right;
    font-family: 'Raleway';
    line-height: 29px;
    font-weight: 500;
    font-size: 14px;
	}
	
.about_unterzo img
	{
    max-width: 80%;
    border: 0;
    vertical-align: middle;
    padding: 50px 0px;
	}
	
	.mfp-iframe-holder .mfp-content {

    max-width: 80%!important;
}

#filter {
    position: relative!important;
    top: -85px;
    /* right: 10px; */
    margin: 0 auto;
    /* z-index: 18; */
    text-align: center;
    font-family: 'Raleway'!important;
    text-transform: uppercase!important;
	}
	
div.cs-select:hover {
    background-color:#ddd;
	border-color: #ddd !important;
}
	
.cs-select span:hover {
    color: #fff;

}

.cs-skin-underline .cs-options li {
    background: #858585;
    margin-bottom: 2px;
    color: #fff;
}


.cs-skin-underline ul span
	{
	color:#fff;
	}

.cs-skin-underline .cs-options li span:hover
	{
    color: #333;
    background: #ddd;
	}
	

	
	
.divider
	{
	width: 100%;
    float: Left;
    margin: 50px 0px;
    border-top: 1px dotted #999;
	}
	
.page-template-template-about-php .portfolio-header-image, .page-template-template-portfolio3-masonry-header-php .portfolio-header-image
	{
	position:relative!important;
	}
	
.intro-effect-fadeout .homepage {
     margin-top: 0px!important;
}

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

	.about_unterzo {
		width: 100%!important;
		float: left;
		padding: 20px!important;
	}
	.about_title
	{
		float:none;
		text-align: center
	}
	.about_dueterzi {
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 50px;
	}
	
	.about_unterzo img {
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
	    padding: 0px 50px;
	}
	.about_intro {
    width: 100%;
	float:none;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    padding: 6% 10%;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px){
	.one-third.column.portfolio-item {
		height: 230px;
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 20px;
		display: block;
	}
	.home_sottotitolo {
    width: 80%!important;
	}
}
@media screen and (max-width: 450px){

	
	.about_unterzo img {
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
	    padding: 0px 20px;
	}
	
		.home_sottotitolo {
    width: 80%!important;
	}

}