/*
Theme Name: Interface
Theme URI: http://hamyarwp.com/interface
RTL-er: HAMYARWP
RTL-er URI: http://hamyarwp.com
*/
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidNaskh-Regular.eot);
  src: url(../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidNaskh-Regular.woff2) format('woff2'),
       url(../fonts/DroidNaskh-Regular.woff) format('woff'),
       url(../fonts/DroidNaskh-Regular.ttf) format('truetype');
}
html, body, div, h1, h2, h3, h4, h5, h6, input, textarea, a{
	  font-family: 'Droid Arabic Naskh' !important;
	 font-weight: normal;
}
h1, h2, h3, h4{
 word-spacing:-3px;
}

p{
	  font-family: 'Droid Arabic Naskh'!important;
	  word-spacing:-1px;
	  text-align:justify;
}
#site-logo {
  float: right;
  padding:0px}
.hgroup-right {
  float: left;
  padding-left: 35px;
  padding-right: 0;
}
#access {
  float: right;
}
#access li {
  float: right;
  margin: 0 20px 0 0;
  color:#ffffff;
}
.search-toggle {
  left: 0;
  right: auto;
  font-family: 'Genericons' !important;
}
#search-box {
  left: -9px;
  right: auto;}
#search-box .arrow {
  left: 13px;
  right: auto;}
#search-box input.s {
border-right:1px solid rgba(0, 0, 0, 0.05);
  float: right;}
.featured-text {
  right: 0;
  left: auto;}
.featured-text .featured-title, .featured-text .featured-content {
  float: right;
}
#access ul li ul {
  right: 0;
  left: auto;}
#access ul li ul li ul {
  right: 190px;
  left: auto;}
.featured-text .featured-content {
  clear: right;
}
.widget_promotional_bar .promotional-text {
  float: right;}
.widget_promotional_bar .call-to-action {
  float: left;}
.widget_testimonial .testimonial-image {
  float: right;
  margin-left: 20px;
  margin-right: 0;}
.one-half, .one-third, .one-fourth, .thr-four {
  float: right;
  margin: 0 2.97% 0 0;}
.column {
  margin-right: -3.06%;
  margin-left:0;
}
.widget_recent_work .custom-gallery-title, .widget_recent_work .custom-gallery-title a {
  text-align: right;
}
.page-title {
  float: right;}
.widget_search input.s {
  border-right:1px solid rgba(0, 0, 0, 0.05);
  float: right;}
.comments-area article header img {
  float: right;}
.comments-area article header cite, .comments-area article header time {
  margin-right: 55px;
  margin-left: 0;}
#controllers {
  direction: ltr;
}
.info-bar .info {
  float: right;}
.info-bar .info ul li {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
.info-bar .info ul li:before {
  margin-left: 5px;
  margin-right: 0;}
.social-profiles, .social-profiles ul {
  float: left;
  color:#ffffff;
  margin-top:8px;
}
.social-profiles ul li {
  margin: 6px 5px 0 0;
  float: right;
}
#site-generator .copyright {
  float: right;}
.slogan-wrap .slogan {
  font-weight: normal;}
#content .service-item .service-title {
  font-weight: normal;}  
 .widget_promotional_bar .promotional-text {
  font-weight: normal;} 
 .business-layout .widget-title {
  font-weight: normal;}
#content .custom-gallery-title, .custom-gallery-title a {
  font-weight: normal;}
.call-to-action {
  font-weight: normal;}
#colophon .widget-title {
  font-weight: normal;}
#colophon .info-bar .info ul li {
  font-weight: normal;}
.featured-text .featured-title {
  font-weight: normal;}
.featured-text .featured-title, .featured-text .featured-content {
  font-style: normal;}
input[type="reset"], input[type="button"], input[type="submit"] {
  font-weight: normal;}
.entry-meta .cat-links, .entry-meta .cat-links a {
  font-weight: normal;
}  
ul.default-wp-page li.previous {
  float: right;
}
ul.default-wp-page li.next {
  float: left;
}
a.readmore {
  float: left;} 
footer.entry-meta .tag-links {
  float: right;}
.tag-links a {
  float: right;
  margin-right: 14px;
  margin-left: 0;}
.entry-meta .by-author, .entry-meta .date, .entry-meta .comments {
  float: right;
  margin-left: 15px;
  margin-right: 0;}
.entry-meta .by-author a:before, .entry-meta .date a:before, .entry-meta .comments a:before {
  margin-left: 3px;
  margin-right: 0;}
.menu-toggle {
  float: left;}
@media only screen and (max-width: 1078px) {
	.container,
	.narrow-layout .wrapper {
		width: 708px;
	}
	.narrow-layout .container {
		width: 668px;
	}
	.clearfix-third,
	.clearfix-fourth {
		clear: none;
	}
	.clearfix-half {
		clear: both;
	}
	#site-title a img {
		max-width: 708px;
	}
	.featured-text {
		bottom: 50px;
	}
	.featured-text .featured-title {
		font-size: 25px;
		line-height: 32px;
	}
	.featured-text .featured-title,
	.featured-text .featured-content {
		padding: 8px 15px;
	}
	#primary,
	#secondary {
		float: none;
		margin-right: 0;
		margin-left:auto;
		width: 100%;
	}
	.no-sidebar-template #content {
		margin: 0 ;
		width: 100%;
	}
	/* Column */
	.column {
		margin-right: -2.99%;
		margin-left:auto;
	}
	.one-half,
	.one-third,
	.one-fourth, 
	.thr-four{
		margin: 0 2.90% 0 0 ;
	}
	.one-third,
	.one-fourth {
		width: 30.43%;
	}	
	.widget_service .one-third,
	.widget_service .one-fourth,
	.widget_recent_work .one-fourth {
		width: 47.02%;
	}
	.widget_recent_work {
		margin-bottom: 10px;
	}
	.widget_recent_work .one-fourth {
		padding-bottom: 25px;
	}
	.widget_testimonial .column {
		margin-right: 0;
		margin-left:auto;
	}
	.widget_testimonial .one-half {
		margin: 0;
		padding-bottom: 30px;
		width: 100%;
	}
	.widget_promotional_bar .promotional-text {
		width: 77.5%;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-right: -20px;
		margin-left:auto;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin-right: 20px;
		margin-left:auto;
	}
	.custom-gallery #main .one-half {
		width: 324px;
	}
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		width: 209px;
	}
	#colophon .widget-area {
		margin-right: 0;
		margin-left:auto;
	}
	#colophon .one-third {
		width: 100%;
		float: none;
		margin: 0;
	}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
	hr {
		margin-bottom: 30px;
	}
	input[type="text"],
	input[type="email"],
	input[type="search"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	input[type="date"],
	textarea,
	input[type="reset"],
	input[type="button"],
	input[type="submit"],
	input[type="radio"],
	input[type="checkbox"],
	input[type="file"] {
		margin-bottom: 20px;
	}
	input.s {
		margin: 0;
	}
	.container,
	.narrow-layout .wrapper {
		width: 300px;
	}
	.narrow-layout .container {
		width: 280px;
	}
	.comments-title,
	#respond h3#reply-title {
		font-size: 26px;
		line-height: 32px;
	}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		padding-bottom: 10px;
	}
	.narrow-layout #colophon {
		margin-bottom: 10px;
	}
	#branding .info-bar {
		display: none;
	}
	#site-logo {
		margin-bottom: 32px;
		max-width: 265px;
	}
	#site-title a img {
		max-width: 265px;
	}
	.hgroup-right {
		padding-left: 0;
	}
	.search-toggle {
		display: none;
	}

	/* Responsive Navigation */
	.menu-toggle {
		display: block;
		background-color: rgba(0, 0, 0, 0) !important;
		font-size: 0;
		border: 0 none;
		padding: 0;
		color: #ffffff;
		width: 30px;
		height: 21px;
		float: left;
		margin-top: 39px;
		cursor: pointer;
	}
	.menu-toggle:before {
		display: block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 25px;
		line-height: 0;
		font-family: 'Genericons';
		vertical-align: top;
		content: '\f419';
	}
	.hgroup-right {
		clear: both;
		float: none;
	}
	.nav-menu {
		display: none;
	}
	.toggled-on .nav-menu {
		display: block;
	}
	#access {
		float: none;
	}
	#access li {
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-right: 0;
	}
	#access a {
		float: none;
		padding: 10px 0;
		height: inherit;
	}
	/* Dropdown */
	#access ul li ul,
	#access ul li:hover ul ul,
	#access ul ul li:hover ul ul,
	#access ul ul ul li:hover ul ul,
	#access ul ul ul ul li:hover ul ul {
		display: block;
	}
	#access ul li ul {
		position: inherit;
		top: 0;
		width: inherit;
		border: 0 none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#access ul li ul li a,
	#access ul li.current-menu-item ul li a,
	#access ul li ul li.current-menu-item a,
	#access ul li.current_page_ancestor ul li a,
	#access ul li.current-menu-ancestor ul li a,
	#access ul li.current_page_item ul li a {
		padding: 10px 15px 10px 0;
	}
	#access ul li ul li a:hover,
	#access ul li ul li:hover > a,
	#access ul li.current-menu-item ul li a:hover {
		background-color: inherit;
	}
	#access ul li ul li ul {
		right: 0;
		left:auto;
		padding-right: 6px;
		padding-left:0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.featured-title,
	.featured-content {
		display: none;
	}
	.slogan-wrap {
		padding: 15px 0;
	}
	.slogan-wrap .slogan {
		font-size: 17px;
		line-height: 24px;
	}
	.slogan-wrap .slogan span {
		font-size: 14px;
		line-height: 21px;
		padding-top: 3px;
	}
	.page-title-wrap {
		padding: 10px 0;
	}
	.breadcrumb {
		margin-top: 0px;
		float: none;
		text-align: right;
	}
	#main {
		padding-top: 50px;
	}
	/* Column */
	.column {
		margin-right: 0;
		margin-left:auto;
	}
	.one-half,
	.one-third,
	.one-fourth,
	.widget_service .one-half,
	.widget_service .one-third,
	.widget_service .one-fourth,
	.widget_recent_work .one-fourth {
		margin: 0;
		padding-bottom: 20px;
		width: 100%;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-right: 0;
		margin-left:auto;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin: 0;
		padding-bottom: 10px;
		width: 280px;
	}
	#content .post {
		padding-bottom: 40px;
	}
	#content .sticky {
		padding: 10px;
		margin-bottom: 40px;
	}
	footer.entry-meta .tag-links {
		float: none;
		width: 100%;
	}
	#wp_page_numbers,
	.wp-pagenavi,
	#content ul.default-wp-page,
	.pagination {
		margin-bottom: 40px;
	}
	#wp_page_numbers ul li.page_info,
	.wp-pagenavi .pages {
		display: none;
	}
	.widget {
		margin-bottom: 40px;
	}
	.widget_custom-tagcloud {
		margin-bottom: 32px;
	}
	.widget_article {
		margin-bottom: 20px;
	}
	.widget_service {
		margin-bottom: 0;
	}
	.widget_recent_work,
	.widget_testimonial {
		margin-bottom: 10px;
	}
	.widget_recent_work .one-fourth {
		padding-bottom: 15px;
	}
	.widget_testimonial .testimonial-image {
		float: none;
		margin: 0 auto 10px;
	}
	.widget_testimonial .testimonial-content {
		text-align: center;
	}
	.widget_ourclients {
		margin-bottom: 0;
	}
	.widget_ourclients ul li {
		max-width: 120px;
	}
	.widget_promotional_bar {
		padding: 15px;
	}
	.widget_promotional_bar .promotional-text,
	.widget_promotional_bar .call-to-action {
		float: none;
		width: 100%;
	}
	.widget_promotional_bar .call-to-action {
		margin-top: 10px;
		padding-right: 0;
		padding-left: 0;
	}
	#colophon .widget-area {
		padding-top: 40px;
	}
	#colophon .widget {
		margin-bottom: 30px;
	}
	#colophon .widget_article {
		margin-bottom: 10px;
	}
	#colophon .info-bar .info ul li {
		font-weight: normal;
	}
	#colophon .info-bar .info ul li:before {
		font-size: 22px;
		width: 22px;
		height: 22px;
		margin-top: 7px;
		line-height: 23px;
	}
	#site-generator {
		padding: 20px 0;
	}
	#site-generator .social-profiles,
	#site-generator .copyright {
		float: none;
		width: 100%;
	}
	#site-generator .social-profiles ul {
		text-align: center;
		float: none;
	}
	#site-generator .social-profiles ul li {
		display: inline-block;
		float: none;
	}
	#site-generator .copyright {
		padding-top: 10px;
		text-align: center;
	}
	.featured-slider{display:none}
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container,
	.narrow-layout .wrapper {
		width: 460px;
	}
	.narrow-layout .container {
		width: 440px;
	}
	.narrow-layout #colophon {
		margin-bottom: 20px;
	}
	#site-logo,
	#site-title a img {
		max-width: 400px;
	}
	#content .sticky {
		padding: 15px;
	}
	/* Column */
	.column {
		margin-right: -3.57%;
		margin-left:auto;
	}
	.one-half,
	.one-third,
	.one-fourth {
		margin: 0 3.44% 0 0 ;
		width: 46.56%;
	}
	.widget_service .column,
	.widget_recent_work .column {
		margin-right: 0;
		margin-left:auto;
	}
	/* Custom Gallery Page */
	.custom-gallery #main .column {
		margin-right: -14px;
		margin-left:auto;
	}
	.custom-gallery #main .one-half,
	.custom-gallery #main .one-third,
	.custom-gallery #main .one-fourth {
		margin-right: 14px;
		margin-left:auto;
		width: 203px;
	}
	.featured-slider{display:none}
}