/* TABLETS */
@media screen and (min-width: 768px) { 
	
	
    /*  --------------------------------------------
    GENERAL - general html elements
    -------------------------------------------- */
    
    /* TYPOGRAPHY */
    h1, h2, h3, h4, h5, h6 { margin: 1em 0 .6em 0; }
    h1 { font-size: 2.4em; letter-spacing: -2px; }
    h2 { font-size: 1.8em; letter-spacing: -2px; }
    h3 { font-size: 1.5em; letter-spacing: -1px; }
    h4 { font-size: 1.2em; letter-spacing: -1px;}
    h5 { font-size: 1.0em; }
    h6 { font-size: 0.925em; }
	p { margin: 0 0 1.2em 0; }
	blockquote { font-size: 1.8em; }
	blockquote cite { font-size: 16px; }
	pre { font-size: 15px; padding: 1em 2em; border: 3px double #eee; }
    
    /* FORMS */
    form { margin: 2em 0; }
    label { display: block; font-size: .825em; margin: 0 0 .3em 0; font-weight: bold; }
    input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),textarea { max-width: 400px; }
	#search-form p select { max-width: 190px; }
	input#verifycode { max-width: 190px; }
    textarea { min-height: 160px; }

	/* 1.7 IMAGE ALIGNMENT */
	.alignnone { margin: 3em 0; }
	.aligncenter { margin: 3em auto; }
	.alignright { float:right; margin: .4em 0 1em 2em; }
	.alignleft { float: left; margin: .4em 2em 1em 0; }   
    
    
    /*  --------------------------------------------
    LAYOUT - layout elements
    -------------------------------------------- */
    
    /* MIDDLE */
    .middle { padding: 2em 0; overflow: hidden; }

    /* PAGE */
    .entry-title { letter-spacing: -2px; }
    .entry-content { margin-top: 2em; }

    /* PAGE WITH SIDEBAR */
    .primary.with-sidebar { float: left; width: 65%; }
    .secondary { float: left; margin-left: 5%; width: 30%; }
    
    /* HEADER */
	.header { border-bottom: none; }
    .header .site-title { font-size: 3em; height: 250px; }
	.header .site-description { font-size: .925em; }
	.header .site-title img { max-height: 140px; }
	.header .site-title span.site-title2 { font-size: 0.6em; }
    
    /* NAV MENU */
    .menu-wrapper { padding-bottom: 0; margin-top: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0px 2px 2px 0px rgba(100, 100, 100, 0.1); }
	.menu-wrapper.cloned { position: fixed; margin-top: 0px; z-index: 1000; display: block; left: 0px; top: 0px; }
    .menu-toggle { display: none; }
    .menu { display: block; }
    .menu ul li { border-bottom: 0; }
    
    /* first level */
    .menu > ul > li { display: inline-block; margin: 0 -3px; }
    .menu > ul > li > a { border-bottom: 0; border-left: 1px solid #eee; padding: 0 .8em; line-height: 22px; }

    /* submenu toggle */
    .menu li.has-submenu > a { margin-right: 0; }
    .menu .submenu-toggle { display: none; }

    /* submenus */
    .menu ul li:hover > ul { display: block; }
    .menu ul ul { display: none; position: absolute; padding: 0; top:100%; width: 150px; text-align: left; margin-left: 0; border: 1px solid #ddd; background: #fff; box-shadow: 1px 4px 12px rgba(0,0,0,.1); }
    .menu ul ul li { border-bottom: 1px solid #eee; }
    .menu ul ul li:last-child { border-bottom: 0; }
    
    /* submenus level 3 */
    .menu ul ul ul { position: absolute; left: 100%; top:0; }

    /* FOOTER */
	.footer .widget { float: left; width: 33.3%; padding-right: 3em; text-align: left; }
	.footer .copyright p { font-size: 13px; }
	.footer .copyright span { display: inline; border-left: solid 1px rgba(0,0,0,0.2); margin-right: 10px; padding-left: 10px; }

	/* CALENDAR WIDGET */
	.widget_calendar table { max-width: none; }
	
    /*  --------------------------------------------
    PAGES - page specific styles
    -------------------------------------------- */
	
	/* COMMENTS */
	.comments-area ol { list-style: none; padding-left: 2.4em; }
	.comments-area .commentlist { padding-left: 0; padding-bottom: 1em; }
	.comments-area .reply { margin-bottom: 3em; }
	.comments-area .comment-content, .comments-area .reply { margin-left: 80px; }
	.comments-area .avatar { max-width: 80px; max-height: 80px; margin-right: 20px; }
	.comments-area .comment-author { margin-bottom: .6em; }
	.comments-area .comment-content p { font-size: 1em; margin-bottom: .6em; }
	.comment-form-whisper { max-width: 400px; }
	
}


/* DESKTOPS */
@media screen and (min-width: 991px) {
	
	/* MENU */
	.menu > ul > li > a { padding: 0 1.2em; letter-spacing: 2px; }
	
	/* SIDEBAR */
	.primary.with-sidebar { width: 70%; }
	.secondary { width: 25%; }	 
	
}