/*
Theme Name: 	Tempera-child
Theme URI: 		http://www.cryoutcreations.eu/tempera
Description:	We had to follow a very strict recipe to get Tempera just right. We started with a very solid framework of over 200 settings, added a very light user interface, threw in a couple of mobiles and tablets to give it that responsive elasticity, added over 50 fonts, weren't satisfied so we poured all the Google fonts into the mix, then scattered 12 widget areas for consistency, dissolved a slider and unlimited columns into a customizable Presentation Page then mixed it in as well. We then sprinkled all post formats, 8 layouts including magazine and blog, powdered 40+ social icons and even blended in a customizable top bar for extra density. We also made it translation ready and gave it RTL language support for some cultural diversity. The secret ingredient was love and we might've spilled too much of that. But now Tempera has just the right feel and the right texture and is exactly what your empty WordPress canvas needs. NEW! Tempera now comes in 16 different flavors with preset color schemes!
Author: 		Cryout Creations
Author URI: 	http://www.cryoutcreations.eu
Template: 		tempera
Version: 		1.2.2
License: 		GNU General Public License v3.0
License 		URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: 			white, black, blue, orange, red, gray, silver, light, dark, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template,  microformats, post-formats, rtl-language-support,  sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: 	tempera-child
*/

@import url("../tempera/style.css");

/*======================================================================================*/

/* purcell */

@font-face {
    font-family: ubuntu-light-webfont.ttf;
    src: url(fonts/ubuntu-light-webfont.ttf) !important;}

/* search page styling */
.search #content {
	width: 100% !important;	}

h3 {
	color: #6d6d6f !important; }

h4 {
	-webkit-font-weight: bolder !important;
	-moz-font-weight: bolder !important;
	font-weight: bolder !important; }

#main { 
	box-shadow:  0px 15px 20px #888888;
	margin-top: 0 !important;}

/* english - home */
#post-2 {
	margin-bottom: 0px !important;}

/* mandarin - home */
#post-9 {
	margin-bottom: 0px !important;}

/* mandarin - home */
#post-14 {
	margin-bottom: 0px !important;}

/* english - home - div surrounding main content */
.page-id-2 #forbottom {
	padding: 0 !important;
	padding-bottom: 20px !important;
	margin: 0 0 -20px !important;
	box-shadow:  0px 15px 20px #888888;
	-webkit-height: inherit !important;
	-moz-height: inherit !important;
	height: inherit !important;}

/* mandarin - home - div surrounding main content */
.page-id-14 #forbottom {
	padding: 0 !important;
	padding-bottom: 20px !important;
	margin: 0 0 -20px !important;
	box-shadow:  0px 15px 20px #888888;
	-moz-max-height: auto !important;
	max-height: auto !important;
	-webkit-max-height: auto !important;
	margin-bottom: -20px !important;}

/* Viet - home - div surrounding main content */
.page-id-9 #forbottom {
	padding: 0 !important;
	padding-bottom: 20px !important;
	margin: 0 0 -20px !important;
	box-shadow:  0px 15px 20px #888888;
	-webkit-height: inherit !important;
	-moz-height: inherit !important;
	height: inherit !important; }



/*=============================================== TOP BAR =================================================*/

#topbar {
	margin-left: auto;
    margin-right: auto;
	width: 1060px;
    height: 35px;
	box-shadow:  0px -9px 20px #888888 !important;}

#top_bar_widget_area {
	padding-top: 3px !important;
    display: -webkit-flex;
    display: flex;
    float: right !important;
    margin-left: auto;
    margin-right: -20px;
    -webkit-border-radius: 0px  !important;
    -moz-border-radius: 0px  !important;
    border-radius: 0px  !important;}

/* default language select title */
.dms-container label {
	display: none !important;}

#language {
	text-align: right;
	float: right !important;
	margin-right: 15px;
	margin-top: 4px !important;
	color: #fcb13e;
	-webkit-border-radius: 0px  !important;
    -moz-border-radius: 0px  !important;
    border-radius: 0px  !important;}

input.del_row {
    -webkit-border-radius: 0px  !important;
    -moz-border-radius: 0px  !important;
    border-radius: 0px  !important;}



/* topbar language select */
.mlp_language_box {
	margin: 4px 0;
	padding: 0 8px;}

.mlp_language_box li a {
	color: white;
	padding: 0 8px;}

.mlp_language_box li a:hover {
	border-top: 2px #fcb13e solid;}		

.current-language-item {
	border-top: 2px #fcb13e solid;}



/*=============================================== HEADER =================================================*/

a#logo {
    margin-left: 20px !important;}

.right_header_text {
	float: right; 
	font-size: 15px;
	padding: 5px 0 !important;
	margin-right: 96px !important; 
	color: #95a0b2 !important;	}

/*  left, right - down - spread */
#header {
	box-shadow:  0px 7px 20px #888888;}



/*=============================================== NAV BAR =================================================*/

#access > .menu > ul > li > a > span {
	text-align: center !important;
	background: none !important;
	height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
    box-shadow: none !important;
    letter-spacing: 1px;
    z-index: 10000 !important;
    margin-top: -10px !important;
    padding-top: 15px !important;}

#access a span {
    padding: 5px 13px;}

#prime_nav {
	padding-left: 20px;
	border: none !important;}

#access ul li:last-of-type {
	border-right: 1px white solid !important;}

#access ul li  {
	border-left: 1px white solid !important;}

#access ul li a  {
	margin: 10px 0 0px;}

/* active - adds bar to top of selected menu item*/
#access ul li.current_page_item > a {
	height: 62px;
	margin-top: -3px !important;
	margin-bottom: 1px !important;
	border-top: 3px #fcb13e solid !important;
	padding: 0 0 0 0 !important;
	border-radius: 4px 3px 0 0 !important;
	-webkit-border-radius: 4px 3px 0 0 !important;
    -moz-border-radius: 4px 3px 0 0 !important;}

/* hover - adds bar to top of selected menu item */
#access ul li:hover {
	height: 62px;
	margin-top: -3px !important;
	margin-bottom: 0px !important;
	border-top: 3px #fcb13e solid !important;
	border-radius: 5px 3px 0px 0px !important;
	-webkit-border-radius: 5px 3px 0 0 !important;
    -moz-border-radius: 5px 3px 0 0 !important;}

#access ul li.current_page_item > a, #access ul li.current-menu-item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a {
    height: 51px !important;
    padding-top: 10px !important;}

#nav_widget_area {
	width: 110px !important;
	float: right !important;
	margin: -3px 15px 0 0 !important;}

/* search surrounding div */
#searchform {
	height: 40px; 
	width: 110px;
	padding-top: 13px !important;
	padding-bottom: 5px !important;}

/* search box */
#searchform input[type="text"] {
    border-radius: 0px;}

/* search icon */
#searchform:hover #searchsubmit {
	right: -40px;}



/*=============================================== SLIDER CONTENT =================================================*/

.cycle-pager-active, .cycloneslider-prev, .cycloneslider-next {
	display: none !important;}


/*=============================================== MAIN CONTENT =================================================*/


.home_title {
	margin-bottom: -20px !important; 
	color: #32385E !important; 
	font-weight: 900 !important;
	font-size: 26px !important;
	-webkit-font-smoothing: antialiased;}

/* ----- mandarin site ----- */
.page-id-14 #secondary {
	margin-top: 25px;}

#secondary {
	margin-right: 15px;}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	letter-spacing: 1px;
	-webkit-font-weight: bolder !important;
	-moz-font-weight: bolder !important;
	font-weight: bolder !important;}

.entry-title, #content h2.entry-title {
    margin-bottom: -10px !important;}

.panel-grid-cell .panel {
    margin-bottom: 20px !important; }



/* ----- english site ----- */
.page-id-2 h4 {
	-webkit-font-weight: bolder !important;
	-moz-font-weight: bolder !important;
	font-weight: bolder !important;
	margin-bottom: 8px; }

.page-id-2 #content .entry-title {
	display: none !important; }

.page-id-2 .entry-content, .entry-summary {
	-webkit-font-weight: bolder !important;
	margin-left: 20px; }



/* ----- mandarin site ----- */
.page-id-14 h4 {
	margin-bottom: 8px;}

.page-id-14 #content .entry-title {
	display: none !important; }

.page-id-14 .entry-content, .entry-summary {
	margin-left: 20px; }



/* ----- vietnamese site ----- */
.page-id-9 h4 {
	margin-bottom: 8px; }

.page-id-9 #content .entry-title {
	display: none !important; }

.page-id-9 .entry-content, .entry-summary {
	margin-left: 20px; }


.arabic-list-text .textwidget{
	margin-right:10px;
}

.arabic-text .textwidget p br{
	display:none;
}



/*=============================================== SIDEBAR CONTENT =================================================*/

/* ----- english site ----- */

/* home - right pannel */
#panel-2-0-1-0 {
	padding: 15px 15px 0 0 !important;}
	
/* home - right pannel */
#panel-2-0-1-0 h3 {
	font-size: 22px !important;
	-webkit-font-weight: 600 !important;
	-moz-font-weight: 600 !important;
	font-weight: 600 !important;}


/* ----- mandarin site ------ */

/* home - right pannel */
#panel-14-0-1-0 {
	padding: 15px 15px 0 0 !important;}
	
/* home - right pannel */
#panel-14-0-1-0 h3 {
	font-size: 22px !important;
	-webkit-font-weight: 600 !important;
	-moz-font-weight: 600 !important;
	font-weight: 600 !important;}


/* ----- viet site ------ */

/* home - right pannel */
#panel-9-0-1-0 {
	padding: 15px 15px 0 0 !important;}
	
/* home - right pannel */
#panel-9-0-1-0 h3 {
	font-size: 22px !important;
	-webkit-font-weight: 600 !important;
	-moz-font-weight: 600 !important;
	font-weight: 600 !important;}


/*=============================================== FOOTER =================================================*/

#footer2 {
    display: none !important;}


/*=============================================== WIDGET =================================================*/

.widget-title {
    background-color: #ffffff;
    border-color: white !important;
    color: #192751 !important;
    border-radius: 0px !important;
    letter-spacing: 1px;
    padding: 5px 0 5px 0px;}

.home_sidebar {
	width: auto;
	display: table;
	text-align: justify;
	line-height: 1.7em;}

.home-sidebar-img {
	display: table-cell !important;
	vertical-align: top !important;}

.home-sidebar-img img {
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;}

.home-sidebar-text {
	margin-top: -6px !important;
	padding-left: 10px !important;}



#arabic-h-sidebar {
	text-align: right;}

.arabic-home_sidebar {
	width: auto;
	display: table;
	text-align: justify;
	line-height: 1.7em;}

.arabic-home-sidebar-img {
	float: right;
	height: 100px;
	margin-left: 10px;
	display: table-cell !important;
	vertical-align: top !important;}

.arabic-home-sidebar-img img {
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;}

.arabic-home-sidebar-text {
	margin-top: -6px !important;
	padding-left: 10px !important;}








/* ----- english site ----- */

.page-id-2 .sidey .widget-container {
    margin-top: 22px;}

.page-id-31 .widget-title {
	padding: 5px 0 5px 0px;}	
	

/* ----- mandarin site - contact page ------ */

.page-id-4 .sidey .widget-container {
    margin-top: 18px;}

.page-id-4 .widget-title {
	padding: 5px 0 5px 10px;}


/* ----- mandarin site - contact pag ----- */
.page-id-29 .sidey .widget-container {
    margin-top: 1px;}


/* ----- viet site ----- */
.page-id-9 .sidey .widget-container {
    margin-top: 18px;}

.page-id-9 .widget-title {
	padding: 5px 0 5px 0px;}

/* ----- viet site ----- */
.page-id-20 .sidey .widget-container {
    margin-top: -1px;}


#toTop {
	width:auto;height:auto;
	bottom:40px;
	opacity:0;
	z-index:1000px;
	position:fixed;
	cursor:pointer;
	display:block;
	padding:8px 10px;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	font-size:12px;
	box-shadow:  3px 5px 7px rgba(0, 0, 0, 0.3) !important;}



/*===================================================== CONTACT FORM 7 ==================================================*/

input[type="text"],
input[type="email"],
textarea{
    width: 590px !important;}

input[type="submit"], input[type="reset"] {
    border-radius: 5px;}

input[type="submit"]:hover, input[type="reset"]:hover {
    background: #fcb13e !important;
    box-shadow: none !important;}



/*===================================================== RESPONSIVE ==================================================*/

@media (max-width: 1034px) {	

	#top_bar_widget_area {
		margin-right: 5px;}
}

@media (max-width: 1000px) {

	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;}   
}

@media (max-width : 977px){

	#nav_widget_area {
		width: 200px !important;}
	
	#access > .menu > ul > li > a > span {
		padding-left: 5px;
    	padding-right: 5px;}
	
	#access ul li.current_page_item > a {
		padding-left: 5px;
    	padding-right: 5px;	}
	
	#access ul li:hover {
		padding-left: 0px;
    	padding-right: 0px;	}	
}

@media (max-width: 799px) {

	#secondary {
	margin-left: 5px !important;
	width: auto !important;
	padding-right: 10px !important;	}
	
}

@media (max-width: 798px) {

	.panel-grid {
    	padding-right: 15px;}
}

/* targets ipad */
@media (max-width: 800px) {

	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: inital  !important; }
    
    .home-sidebar-img img {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;	}
    
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;	} 	
	
}

@media (max-width: 650px) {
	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;   }
   
   	a#logo {
    	display: table !important;
      	margin-top: 45px;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;	}
    
    .right_header_text {
    	display: none !important;   }
    
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;	} 
    	
	#access ul li:last-of-type {
		border-right: none !important;	}

	#access ul li  {
		border-left: none !important;	}
			
	#access ul li:last-of-type {
		border-right: none !important;	}

	#access ul li  {
		border-left: none !important;	}			
}


@media (max-width: 600px) {

	.wpcf7-form {
		margin-left: 15px !important;	}		
}

@media (max-width: 480px) {	

	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;    	}
	
   	a#logo {
    	display: table !important;
    	margin-top: 45px;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important; }
	
   .right_header_text {
    	display: none !important; }
    
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;	} 
	
	#access ul li:last-of-type {
		border-right: none !important;	}

	#access ul li  {
		border-left: none !important;	} 
}

@media screen
and (min-width: 400px) 
and (max-width: 600px){

    #main {
    	box-shadow:  none !important;    }
    
	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;    }    
    
    #top_bar_widget_area {
		padding-top: 5px !important;	}
	
	#access ul li:last-of-type {
		border-right: none !important;	}

	#access ul li  {
		border-left: none !important;	}
	
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;	}
	
	#content .entry-title {
		margin-left: 10px !important;	}
        
	/* english - home - div surrounding main content */
	.page-id-2 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;	}
	
	/* mandarin - home - div surrounding main content */
	.page-id-14 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;	}

	/* div surrounding main content */
	.page-id-6 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;	}
	
	#forbottom {
		box-shadow:  none !important;
		margin-left: -1px !important;	}
		
	input[type="text"],
	input[type="email"],
	textarea {
    	width: 100% !important;	}   	 
}

@media screen
and (min-width: 200px) 
and (max-width: 400px){
	
	#topbar {
		width: auto !important;
		margin-left: auto;
    	margin-right: auto;
    	box-shadow:  none !important;  }
    
    a#logo {
    	margin-left: 50px;
    	margin-top: 45px;   }  
	
	#main {
    	box-shadow:  none !important;   }
    
    .right_header_text {
		display: none !important;}
    
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;}
	
    /* hover - adds bar to top of selected menu item */
	#access ul li:hover {
		margin-left: auto !important; 
		margin-right: auto !important; }
  
	#access ul li:last-of-type {
		border-right: none !important;}

	#access ul li  {
		border-left: none !important;}
		
	#prime_nav {
		padding-left: 0px !important;}
	
	#access ul li a {
		border: none !important;}
	
	#nav_widget_area {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: 8% !important;
    	text-align: center !important;}
	
	#nav-toggle span:before {
	    content: "Menu";}

	#header {
		box-shadow:  none !important;}
	
	#toTop {
		box-shadow:  none !important;}

	/* english - home - div surrounding main content */
	.page-id-2 #forbottom {
		box-shadow:  none !important;}
	
	/* mandarin - home - div surrounding main content */
	.page-id-14 #forbottom {
		box-shadow:  none !important;}

	/* div surrounding main content */
	.page-id-6 #forbottom {
		box-shadow:  none !important;}
	
	#forbottom {
		box-shadow:  none !important;	}
	
	input[type="text"],
	input[type="email"],
	textarea {
    	width: 100% !important;}		
}

/* --------------------------  Nav -------------------------------------------- */

@media (max-width : 847px){

	#nav_widget_area {
		width: 100px !important;
		margin-right: 50px !important;
		padding: 0px !important;
		margin-left: -50px !important;}
	
	#searchsubmit { 
		display: none !important;}

	#searchform {
		width: 100px !important;
		right: -30px !important;
		margin-right: -100px !important;}
}


@media (max-width : 855px){

	#nav_widget_area {
		width: 70px !important;
		right: -50px !important;
		padding: 0px !important;}
	
	#searchform {
		width: 70px !important;}
}






@media (max-width : 751px){

	#access > .menu > ul > li > a > span {
		padding-left: 2px;
    	padding-right: 2px;}
	
	#access ul li.current_page_item > a {
		padding-left: 2px;
    	padding-right: 2px;	}
	
	#access ul li:hover {
		padding-left: 2px;
    	padding-right: 2px;	}
	
	#access ul li:last-of-type {
		border-right: none !important;}

	#access ul li  {
		border-left: none !important;}
}

@media (max-width : 709px){

	#access > .menu > ul > li > a > span {
		padding-left: 0px;
    	padding-right: 0px;}
	
	#access ul li.current_page_item > a {
		padding-left: 0px;
    	padding-right: 0px;	}
	
	#access ul li:hover {
		padding-left: 0px;
    	padding-right: 0px;	}
}

@media (max-width : 689px){
	
	#prime_nav {
		padding-left: 0px !important;
		margin-left: 0px !important;
		border: none !important;}

	#access > .menu > ul > li > a > span {
		padding-left: 0px !important;
    	padding-right: 0px !important;}
	
	#access ul li.current_page_item > a {
		padding-left: 0px !important;
    	padding-right: 0px !important;	}
	
	#access ul li:hover {
		padding-left: 0px !important;
    	padding-right: 0px !important;	}
	
	#nav_widget_area {
		width: 90px !important;
		right: -50px !important;
		padding: 0px !important;}
	
	#searchform {
		width: 90px !important;}	
}

@media (max-device-width : 650px){

	#panel-2-0-1-0 {
	margin-top: -10px !important;}

	.home_sidebar {
		width: auto;
		display: table;
		text-align: justify;
		line-height: 1.4em;}

	#language {
    	float: left !important;
    	margin: 0 0px 0 0px;}

	#forbottom {
    	min-height: 100vh ;}

	#main {
    	min-height: 750px;}
	
	#nav_widget_area {
		margin-left: auto !important;
		margin-right: 48% !important;}
	
	.wpcf7-form {
    	margin-left: 2px !important;}	
}


/* Smartphones (portrait and landscape) ------------------------------------- */
@media only screen 
and (max-device-width : 320px) 
and (max-device-width : 480px) {

	#forbottom {
    	min-height: 100vh ;}

	#main {
    	min-height: 750px;}

	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important; } 
	
	#top_bar_widget_area {
		display: block;
    	float: left;
    	margin-top: -3px ;}
		
	/* multisite dropdown */
	.dms-select {
		display: block;	
    	float: right;
    	margin: 0 0 0 -150px;}	
	
	/* default language select title */
	.dms-container label {
		display: none !important;}	
	
	#language {
    	float: left !important;
    	margin: 0 0px 0 0px;}
	
    a#logo {
    	margin-left: 90px;
    	margin-top: 45px;} 	

    .right_header_text {
		display: none !important;}
	
	#prime_nav {
		padding-left: 0px !important;}
	
	#access ul li a {
		border: none !important;}
	
	#access ul li:last-of-type {
		border-right: none !important;}

	#access ul li  {
		border-left: none !important;}	
	
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;}

	#nav_widget_area {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: 8% !important;
    	text-align: center !important;}

	#header {
		box-shadow:  none !important;}
	
	#toTop {
		box-shadow:  none !important;}

	#topbar {
		box-shadow:  none !important;}

	/* english - home - div surrounding main content */
	.page-id-2 #forbottom {
		box-shadow:  none !important;
		margin-left: 0px !important;}
	
	/* mandarin - home - div surrounding main content */
	.page-id-14 #forbottom {
		box-shadow:  none !important;
		margin-left: 0px !important;}

	/* div surrounding main content */
	.page-id-6 #forbottom {
		box-shadow:  none !important;
		margin-left: 0px !important;}
	
	#forbottom {
		box-shadow:  none !important;
		margin-left: -1px !important;
		-webkit-margin-left: inherit !important;}
	
	#content .entry-title {
		margin-left: 10px !important;
		margin-bottom: 5px !important;}
	
	input[type="text"],
	input[type="email"],
	textarea {
    	width: 100% !important;}	
}

/* iPads (portrait) ----------------------------------------------------------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	#access > .menu > ul > li > a > span {
		padding-left: 5px;
    	padding-right: 5px;	}
	
	#access ul li.current_page_item > a {
		padding-left: 5px;
    	padding-right: 5px;	}
	
	#access ul li:hover {
		padding-left: 5px;
    	padding-right: 5px;	}
	
	#nav_widget_area {
    	margin-left: auto !important;
    	margin-right: 23% !important;
    	text-align: center !important;   }
}

/* phones - responsive ----------------------------------------------------------- */

/* both below for iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	#forbottom {
    	min-height: 100vh ;}

	#main {
    	min-height: 750px;}

	.home-sidebar-img img {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;}

	#nav_widget_area {
		display: none !important;  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	#forbottom {
    	min-height: 100vh ;}

	#main {
    	min-height: 750px;}

	#nav_widget_area {
		display: none !important;  }
	
	.home-sidebar-img img {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;}
}

/* Smartphones (landscape) -------------------------- */
@media only screen 
and (max-device-width : 640px){

	.home-sidebar-text {
		clear: right !important;
		line-height: 1.4em !important;}

    .home-sidebar-img {		
    	float: left !important;
    	clear: both !important;
    	margin-top: 4px !important;
    	margin-bottom: 50px!important;
		margin-left: auto !important;
		margin-right: 5px !important;}

	.home-sidebar-img img {
		float: left !important;
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;}

	input[type="text"],
	input[type="email"],
	textarea {
		-min-width: 100% !important;
		-max-width: 100% !important;
    	width: 100% !important;}

	#topbar {
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto !important;}
	
	#top_bar_widget_area {
		display: block;
    	float: left;
    	margin-top: -5px ;     }	
	
	#language {
		display: none !important;
    	float: left !important;
    	margin: 0 0px 0 0px;}

	/* default language select title */
	.dms-container label {
		display: none !important;}
	
	/* multisite dropdown */
	.dms-select {
		display: block;
    	float: right;
    	margin: 0 0 0 -150px;}
	
    a#logo {
    	margin-left: 90px;
    	margin-top: 45px;}   
    
    .right_header_text {
		display: none !important;		}
	
	#prime_nav {
		padding-left: 0px !important;}
	
	#access ul li a {
		border: none !important;}	
	
	#access ul li:last-of-type {
		border-right: none !important;}

	#access ul li  {
		border-left: none !important;}	

	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;}
	
	#nav_widget_area {
    	margin-left: auto !important;
    	margin-right: 47% !important;
    	text-align: center !important;}

	.entry-content, .entry-summary {
    	margin-left: 10px !important;
    	padding-bottom: 0px !important;}
	
	#secondary {
		margin-top: -20px !important;
		margin-left: px !important;	
		line-height: 1.4em !important;}
	
	.widget-title {
    	padding-top: 0px !important;
    	margin-top: -20px !important;}

	#header {
		box-shadow:  none !important;}
	
	#toTop {
		box-shadow:  none !important;}

	#topbar {
		box-shadow:  none !important;}

	/* english - home - div surrounding main content */
	.page-id-2 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;}
	
	/* mandarin - home - div surrounding main content */
	.page-id-14 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;}

	/* div surrounding main content */
	.page-id-6 #forbottom {
		box-shadow:  none !important;
		margin-left: -2px !important;}
	
	#forbottom {
		box-shadow:  none !important;
		margin-left: -1px !important;}
	
	input[type="text"],
	input[type="email"],
	textarea {
    	width: 100% !important;}
}

/* Smartphones (portrait) ---------------------------------------------------- */
@media only screen 
and (max-device-width : 320px) {

	#topbar {
		margin-left: auto  !important;
		margin-right: auto !important;
		width: auto !important;  }

	.home-sidebar-text {
		clear: right !important;
		line-height: 1.4em !important;}

    .home-sidebar-img {		
    	float: left !important;
    	clear: both !important;
    	margin-top: 4px !important;
    	margin-bottom: 50px!important;
		margin-left: auto !important;
		margin-right: 5px !important;}
    
    .home-sidebar-img img {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;}
    
	#top_bar_widget_area {
		display: block;
    	float: left;
    	margin-top: -5px ;}	
		
	#language {
		display: none !important;}

	/* default language select title */
	.dms-container label {
		display: none !important;}
	
	/* multisite dropdown */
	.dms-select {
		display: block;
    	float: right;
    	margin: 0 0 0 -150px;}
	
    a#logo {
    	margin-left: 90px;
    	margin-top: 45px; }  
    
    .right_header_text {
		display: none !important;}

	#access ul li:last-of-type {
		border-right: none !important;}

	#access ul li  {
		border-left: none !important;}
	
	/* icon in mini nav bar */
	#nav-toggle span:before {
    	display: table !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	text-align: center !important;}

	#nav_widget_area {
    	margin-left: auto !important;
    	margin-right: 30% !important;
    	text-align: center !important;}
	
	#prime_nav {
		padding-left: 0px !important;}
	
	#access ul li a {
		border: none !important;}
	
	#header {
		box-shadow:  none !important;}
	
	#toTop {
		box-shadow:  none !important;}

	#topbar {
		box-shadow:  none !important;}

	/* english - home - div surrounding main content */
	.page-id-2 #forbottom {
		box-shadow:  none !important;}
	
	/* mandarin - home - div surrounding main content */
	.page-id-14 #forbottom {
		box-shadow:  none !important;}

	/* div surrounding main content */
	.page-id-6 #forbottom {
		box-shadow:  none !important;}	
	
	#content .entry-title {
		margin-left: 10px !important;}
	
	input[type="text"],
	input[type="email"],
	textarea{
    	width: 100% !important;}
}










/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

	.home-sidebar-img img {
	clear: both !important;}
		
				
}



/*===================================================== ARABIC SITE ==================================================*/



.page-template-arabic-template-php .entry-content {
	direction: rtl;}

.page-template-arabic-template-php #pg-2-0 h3 {
	text-align: right;}

.page-template-arabic-template-php #pgc-2-0-0 {
	margin-top: 10px;}

.page-template-arabic-template-php .widget-title {
	text-align : right !important;}




.page-template-arabic-default-php #secondary {
	text-align: right !important;
	direction: rtl !important;
	margin-top: -8px !important;}

.page-template-arabic-default-php .widget-title {
	text-align: right !important;
	direction: rtl !important;}


#arabic-h-sidebar {
	text-align: right;}

.arabic-home_sidebar {
	width: auto;
	display: table;
	text-align: justify;
	line-height: 1.7em;}

.arabic-home-sidebar-img {
	float: right;
	height: 100px;
	margin-left: 10px;
	display: table-cell !important;
	vertical-align: top !important;}

.arabic-home-sidebar-img img {
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;}

.arabic-home-sidebar-text {
	margin-top: -6px !important;
	padding-left: 10px !important;}



@media (max-width: 800px) {
	.page-template-arabic-template-php .entry-title {
		margin-right: 15px !important;}
}

@media (max-width: 650px) {
.arabic-home_sidebar {
	line-height: 1.4em;}
}


.header-contact{
    font-family: Ubuntu;
    position: absolute;
    top: 13px;
    font-size: 15px;
    text-transform: uppercase;
    color: #32385E;
    margin-left: 50%;
    left: -160px;
    width: 320px;
    line-height: 24px;
    border: 1px solid #32385E;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.header-contact a{
    color: #32385E;    
}

.header-contact span{
    font-weight: bold;
    font-size: 20px;
}


@media(max-width:780px){
    #nav-toggle {
        display: block;
        float: left;
        margin: 0 auto;
        cursor: pointer;
        width: 92%;
        height: 40px;
        padding: 2px 4%;
    }

    #nav-toggle span::before {
    content: "\e820";
    font-family: "elusive";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    }

    #access {
    display: none;
    float: left;
    margin: 0px auto;
    width: 100%;
    }
    
    #nav_widget_area{
        display: none;
    }
    
    #access ul#prime_nav li{
        width: 100%;
    }
    
    #prime_nav{
        padding: 0px;
    }
}

@media (min-width: 651px) and (max-width: 950px){
    #header-widget-area{
        display: none;
    }
    
    .header-contact{
        right: 20px;
        left: initial;
    }
}

@media(max-width:660px){
    .header-contact{
        max-width: 320px;
        margin-left: 50%;
        left: -160px;
        width: 100%;
        top: initial;
        text-align: center;
        position: relative;
        
    }
    
    #branding{
        margin-top: -15px;
        margin-bottom: 15px;
        overflow: visible !important;
    }
    
    a#logo{
        text-align: center;
    }
    
    #header-widget-area{
        display: none;
    }
    
}