/*
Theme Name: Molos Custom Theme
Template: pure
Author: Child Theme Configurator
Author URI: http://www.alexkarras.gr
Version: 1.0.1427900520
Updated: 2015-04-01 15:02:00
*/

/* .info-buttons-wrap {
display: none;
} */


@charset "UTF-8";

@font-face {
    font-family: 'ComicRelief';
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/ComicRelief-webfont.woff);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/ComicRelief-webfont.eot);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/ComicRelief-webfont.svg);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/ComicRelief-webfont.ttf);
}

@font-face {
    font-family: 'Molos';
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/VAG-HandWritten-webfont.woff);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/VAG-HandWritten-webfont.eot);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/VAG-HandWritten-webfont.svg);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/VAG-HandWritten-webfont.ttf);
}

@font-face {
    font-family: 'Molos2';
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/PFSignSkript-Regular-webfont.woff);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/PFSignSkript-Regular-webfont.eot);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/PFSignSkript-Regular-webfont.svg);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/PFSignSkript-Regular-webfont.ttf);
}

@font-face {
    font-family: 'cf_noteregular';
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.eot);
    src: url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.eot?#iefix) format('embedded-opentype'),
         url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.woff2) format('woff2'),
         url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.woff) format('woff'),
         url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.ttf) format('truetype'),
         url(https://www.thomasmolos.eu/wp-content/themes/molos/fonts/cf_note_rg-webfont.svg#cf_noteregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************** Bootstrap Menu **********************/

.navbar-inverse {
    background-color: #191919!important;
    border-color: #191919 !important;
}

.dropdown-menu {
background-color: #191919;
}

ul a{
font-family: cf_noteregular !important;
	text-transform: none !important;
	font-size: 26px !important;
}

.navbar-nav {
padding-left: 5%;
}

.dropdown-menu > li > a{
color: #fff;
}

/********************** End Bootstrap Menu **********************/

#menu-wrap ul a  {
	font-family: cf_painterregular !important;
	text-transform: none !important;
	font-size: 26px !important;
}

#myHeader {
    width: 100%;
    height: 250px;
    position: relative;
    z-index: 999;
    background: none repeat scroll 0% 0% #191919;
    opacity: 1.0 !important;
}

.headerImg{
	/*max-width: 100%;
        display: block;
        margin: 0 auto;
	position: relative;
	left: 25%;*/
	max-width: 100%;
	display: block;
	margin: 0px auto;
	position: relative;
	left: 30%;
	top: 40px;
	z-index: 99;
	}

.myLogo {
    position: relative;
    top: 23px;
    margin-left: 118px;
    z-index:999;
    /*float: right;*/
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*********************************************************/


.myNav {
	display: table;
        margin: 0 auto;
	}

#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(http://www.thomasmolos.eu/wp-content/themes/molos/images/menu-icon.png) center;
}

a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

.myNav ul {
	list-style: none;
}

nav.myNav > ul  > li {
	display: inline-block;
	float: left;
	padding: 8px
}

nav.myNav ul li:hover ul {
    display: block;
    position: relative;
    padding-left: 40px;
}

.current {
	color: #fff!important;
}

.myNav ul li a {
    color: #fff;
    font-family: Molos2 !important;
    text-transform: none !important;
    font-size: 26px !important;
}

.myNav ul li a:hover {
    color: grey;
}

nav.myNav ul > li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.myNav ul > ul a{
	display: block;
	width: 100px;
}

.myNav li ul li{
	position:relative;
	right: 40%;
}

nav.myNav ul li ul {
background: #191919;
}


*/ Responsive Video */
.embed-container { position: relative;  height: 600px; width:600px; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*MEDIA QUERY*/

@media only screen 
and (min-device-width : 1281px) {

	.embed-container{
	padding-bottom: 35% !important;
	height: 800px;
	}

	.myNav{
	right: 20%;
	position: relative;
	}

	nav.myNav ul li ul {
	display: none;
	}

	nav.myNav ul li:hover ul {
	display:block;
	}
	
}


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

	

	.myLogo{
	top: -35px !important;
	left:-12% !important;
	}

	.embed-container{
	padding-bottom: 25% !important;
	}

	.myNav{
	left: 5%;
	position: relative;
	}
	
	.navbar-nav {
	padding-left: 1%;
	}

	.headerImg{
	left: 10% !important;
	top: 30px !important;
	width: 40%;
	}

	nav.myNav ul li ul {
	display: none;
	}

	nav.myNav ul li:hover ul {
	display:block;	
	}

	.nav.myNav ul > ul li{
	padding-right: 300px;
	}
}



@media only screen 
and (min-device-width : 320px) 
and (max-width : 767px) {

	.embed-container{
	padding-bottom: 10% !important;
	}
	
	#myHeader {

		position: absolute;
		height: 100px;

	}

	
	.headerImg{
	display: none;
	}

	.myNav{
	left: 0%;
	position: relative;
	}

	#menu-icon {
	display:inline-block;
	}

	
	nav.myNav ul, nav.myNav:active ul { 

		display: none;
		position: absolute;
		padding: 20px;
		background: #191919;
		right: -75px;		
		top: 40px;		
		border-radius: 4px 0 4px 4px;
		display: none;

		/*position: absolute;
		padding: 10px;
		background: none repeat scroll 0% 0% #191919;
		right: 0%;
		top: 40px;
		width: 100%;
		border-radius: 4px 0px 4px 4px;*/

	}

	

	nav.myNav > ul li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 10px;
		background: #191919;

	}

	
	nav.myNav ul > ul li{
		display:none;
		text-align: center;
		width: 50%;
		padding: 10px 0;
		margin: 0;

	}

	nav.myNav li > ul li {
		position: relative;
		text-align: center;
		width: 25%;
		padding: 10px 0;
		margin: 0;
		right: -10% !important;
		top: -80px;		

	}

	nav.myNav:hover > ul {

		display: block;
		width: 220px;

	}

	nav.myNav li > ul{
	background-color: transparent;
	height: 0px;
	}	

	nav.myNav > ul li:hover > ul li{
	display:block;	
	background-color: #191919;
	/*position: absolute;
	padding-top: 10px;
	padding-right:60px;*/
	width: 200px;
	height: 50px;
	
	}

}


/*********************************************************************************************************************************/