/*
	Dopetrope by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body,input,textarea,select{
		font-size: 13pt;
		line-height: 1.75em;
	}
	
	h2{
		font-size: 1.5em;
	}
	
	h3{
		font-size: 1.35em;
	}

	/* Section/Article */
	header{
		margin: 0 0 1.5em 0;
	}
		
	header > p{
		margin: 0.5em 0 0 0;
		padding-bottom: 0.5em;
	}

	header.major{
		margin: 0 0 3em 0;
	}

	footer{
		margin: 2.25em 0 0 0;
	}
	
	/* Box */
	.box{
		padding: 2.75em 1.75em 2.75em 1.75em;
	}
		
	.box .image.featured{
		left: 1.75em;
		top: 1.75em;
		margin: -4.5em 0 4.25em -3.5em;
	}

	.box.post header{
		padding-top: 1em;
		margin: 0 0 2em 0;
	}
			
	.box.post h2{
		font-size: 2.5em;
		letter-spacing: -0.015em;
	}
				
	.box.post header > p{
		margin-top: 1.25em;
		font-size: 1.25em;
	}

	/* Button */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button{
		font-size: 20px;
		padding: 0.15em 1.1em 0.15em 1.1em;
	}

	input[type="button"].big,
	input[type="submit"].big,
	input[type="reset"].big,
	.button.big{
		font-size: 1.5em;
		padding: 0.75em 1.5em 0.75em 1.5em;
	}

	/* List */
	ul.actions li{
		display: inline-block;
		margin-left: 1em;
	}
			
	ul.actions li:first-child{
		margin-left: 0;
	}

	ul.links li{
		display: inline-block;
		border-left: solid 1px rgba(255,255,255,0.05);
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}
			
	ul.links li:first-child{
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper{
		width:100%;
		display:table;
	}

	#main-wrapper{
		padding: 4em 0 4em 0;
	}


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	.nav{
	}

	.nav > ul{
		margin: 0;
	}

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

	.nav > ul > li{
		display: block;
        float:right;
        position:relative;
		margin: 0 0.01em 0 0.01em;
	}
		
	.nav > ul > li > a,
    .nav > ul > li > .folder-parent> a{
		text-decoration: none;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		outline: 0;
        font-family: 'Open Sans Hebrew', sans-serif;
        font-size: 18px;
        color: #313131;
        letter-spacing: 0px;
        border-bottom: 2px solid #fff;
        font-weight:normal;
	}
    
	.nav > ul > li:hover > a , .nav > ul > li:hover > .folder-parent > a , .nav > ul > li a.selected{    
		border-bottom: 2px solid #0da370;
        color:#0da370;
	}
			
	.activeTopMenu{
		border-bottom: 3px solid #f98209;
		width:10%;
	}
		
	.nav > ul > li.active > a{
		background: #f3f3f3;
	}
			

	.nav > ul > li.current > a{
		color: #34d2ff !important;
		font-weight: 300;
	}
			
    #hpLogos .hpLogos-inner .hpLogo-info{
        width:1024px;
        margin:26px auto 26px auto;
        padding: 0px; 
    }      


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner{
		position: relative;
		padding: 0em;
		margin: 0em;
	}
	
	#banner header{
		display: inline-block;
		padding: 2.5em 5em;
		border-radius: 5px;
	}
		
	#banner header h2{
		font-size: 2.5em;
		margin: 0 0 0.65em 0;
	}

	#banner header p{
		font-size: 1.5em;
	}

/*********************************************************************************/
/* Footer                                                                          */
/*********************************************************************************/

	#footer-wrapper
	{
		padding: 0;
	}

	#footer-wrapper header
	{
		margin: 0 0 3em 0;
	}
		
	#footer-wrapper header h2
	{
		font-size: 1.75em;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
		
	#copyright
	{
		margin: 1em 0 1em 0;
	}
	
	
    @media only screen and (max-width: 1200px) {			
	    #hpLogos .hpLogos-inner .hpLogo-info {
            margin: auto;
            width: 80%;
            display: block;
        }
    
        #hpBlog .hpBlog-smallTitle{display:none;}
    
        #hpBlog h2, #introBA .hpBlog-title h2{
            font-size: 20px;
        }

    }