/*
Theme Name: Spacious
Theme URI: http://themegrill.com/themes/spacious
Author: ThemeGrill
Author URI: http://themegrill.com
Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 6 page templates, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in http://themegrill.com/support-forum/ and check the demo at http://demo.themegrill.com/spacious/. Available Translations: Russian, Norsk (Bokmål), Czech, French, Spanish, Lithuanian, Dutch, Traditional Chinese (Taiwan), Slovak, Catalan and Hungarian.
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, dark, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options
Text Domain: spacious

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

body{
        direction: rtl;
	font-family: tahoma ;
	letter-spacing: 0px;
	}

body {
    padding-bottom: 5px;
    padding-top: 5px;
}


#main {
    padding : 20px 0 10px ;

}

.widget_call_to_action {
    //margin-bottom: 60px;	
    margin-bottom: 10px;
} 

.widget_service_block {
    padding-top: 20px;
}

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

#header-logo-image {
	float: right;
	//padding: 0 0 0 20px;
	max-width: 100%;
	padding: 0 0 0 0;

}


#header-text-nav-container {
	//border-bottom: 10px solid #EAEAEA;

}



#header-left-section {
	float: right;
	margin-right: 15px;
}


#header-right-section {
	float: left;
	margin-left: 0px;

}


#header-right-sidebar {
	overflow: hidden;
	//float : left ;
	width: 100%;
}


/* Headings */
h1, h2, h3, h4, h5, h6 { 
	font-family: inherit ;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p { 
	font-family: inherit;
}
pre, code, kbd, var, samp, tt {
	font-family: inherit ;
}

/* =IMAGES
----------------------------------------------- */
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
	//margin-bottom: 18px;
	margin-bottom: 1px;
	//background : white ;

}


/* =NAVIGATION 
----------------------------------------------- */

.main-navigation {
	float: none;
	padding-top: 5px;
}

.main-navigation li {
	float: right;
	position: relative;
	//padding: 0 0 0 25px;
	padding: 0 35px 0 0;
	font-family: inherit;

}

.main-navigation a {
	float: right;
	padding: 16px 0 0;	
}



/* =SMALL MENU 
----------------------------------------------- */

.site-header .menu-toggle {

    background: none repeat scroll 0 0 #3a3a3a;
    text-align: center ;

}

.site-header .menu-toggle:before {
  content: '\2261';
  margin-left: 10px;
}




/* =SECONDARY MENUS 
----------------------------------------------- */
.small-menu li {
	font-family: inherit; 
}







/* =FEATURED SLIDER 
----------------------------------------------- */

#featured-slider .entry-container {
	right: 5%;
}

#featured-slider .slider-read-more-button {
	float: right;
	font-family: inherit ;

}




/* =CONTENT 
----------------------------------------------- */

.widget_featured_post .meta {
	font-family: inherit ;
}


/* =TESTIMONIAL WIDGET 
----------------------------------------------- */

.widget_testimonial .testimonial-author {
	text-align: right;	
	clear: both;
	font-family: inherit ;
	font-size: 12px;
}

/* =CALL TO ACTION WIDGET 
----------------------------------------------- */

.call-to-action-content-wrapper {
	border-width: 1px 3px 1px 1px;
	border-style: dashed solid dashed dashed ;
	border-color: #EAEAEA #0FBE7C #EAEAEA #EAEAEA ;
	padding: 20px 3.85878489% 20px 3.69458128%;
   background-color: #F8F8F8;
}

.call-to-action-button {
	float: left;
	background-color: #0FBE7C;
   border-radius: 3px 3px 3px 3px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	font-family: inherit ;
	padding: 5px 3.28407225%;
	margin-top: 4px;
}

.call-to-action-content {
	float: right;
}


/* =READ MORE LINK 
----------------------------------------------- */
.read-more, .more-link {
	font-family: inherit ;
}


/* =FORMS
----------------------------------------------- */
input.s {
	font-family: inherit ;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea {
	font-family: inherit ;

}

.spacious-button:hover,
input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover,
button:hover {
	font-family: inherit ;

}

.spacious-button,
input[type="reset"], 
input[type="button"], 
input[type="submit"],
button {
	font-family: inherit ;

}



/* =POST CONTENT 
----------------------------------------------- */
.post .entry-meta {
	font-family: inherit ;
}


.entry-content ul,
.entry-content ol {	
	//padding: 0 35px 0 35px; 
	padding: 0 35px 0 15px; 
}



/* =FOOTER SOCKET AREA 
----------------------------------------------- */


.footer-socket-wrapper .copyright {
	float: right;
}


.footer-widgets-area .tg-one-fourth .widget-title {
	text-align: right;
}
.footer-widgets-area .tg-one-fourth p {
	text-align: right;
}





.header-post-title-container .post-title-wrapper {
	float: right;
}


/* =SEARCH WIDGET 
----------------------------------------------- */

.search-icon:before {
	padding: 0 7px;
	vertical-align: middle;
}

.search-wrap button {
	border-radius: 0;
	//line-height: 32px;
	line-height: 30px;
	margin-bottom: 0;
	//margin-left: -6px;
	margin-right: -6px;
	padding: 0;
}


#masthead input.s {
    width: 150px;
    margin-left = 0px ;
}

#masthead .search-wrap span {
    right : auto ;

}


#masthead .search-wrap {
	position: relative;
	padding-left : 30 px ;
	float : left ;
}



/* =PRIMARY AND SECONDARY CONTENT AREA 
----------------------------------------------- */
#primary {
	float: left;
	width: 72%; 
	margin: 0 0 0 24px;
}

#secondary {
	float: right;
	//width: 310px;
	width: 340px;
}



#secondary  ul {
	//padding 0 0 0 35px
}

.left-sidebar #secondary {
	float: right;
	//margin: 0 28px 0 0;
	//margin: 0 14px 0 0;
	margin: 0 0 0 0;

}



.wide-978 #primary, .narrow-978 #primary {
	width: 65.5763547%;
}
.wide-978 #secondary, .narrow-978 #secondary  {
	width: 30.4827586%;
}


#page {
    max-width: 1410px;
}

.inner-wrap {

    max-width: 94%;
}


ul, ol {

    //margin-bottom :30px;
    //padding: 0 0 0 35px;
    //padding: 0 0 0 0;

}




#header-right-section .widget {
    //padding-left : 30px ;
    padding-left : 0 ;
}


/* =RESPONSIVE STRUCTURE
----------------------------------------------- */


@media screen and (max-width: 1308px) {
	#page {
		width: 97%;
	}
	.wide-1218 #page, .wide-978 #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}


}
@media screen and (max-width: 1078px) {
	body {
		padding: 15px 0;
	}
	#page { 
		width: 97%; 
	}
	.wide-1218 #page, .wide-978 #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}	
	#featured-slider .entry-container {
		max-width: 60%;
		top: 15%;
	}
	.call-to-action-content {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.call-to-action-button { 
		width: 93%;
	}
	.footer-socket-wrapper .copyright {
		float: none;
		max-width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.footer-socket-wrapper .small-menu {
		float: none;
		text-align: center;
	}
	.footer-socket-wrapper .small-menu li {
		float: none;
		display: inline;
	}
	.footer-socket-wrapper .small-menu a {
		float: none;
		display: inline;
		padding: 5px 5px 0;
	}
	.small-menu li.default-menu, li.default-menu { 
		display: none; 
	}	
	.tg-one-half, .tg-one-third, .tg-one-fourth {	
		float: left;
		width: 46.7684729%;
	}
	.tg-one-half-last, .tg-one-fourth-last {
		float: right;
	}
	.tg-service-left { float: left; margin: 0; }
	.tg-service-right { float: right; margin: 0; }
	.tg-column-1, .tg-column-3 {
		float: left;
		width: 46.7684729%;
	}
	.tg-column-2, .tg-column-4 {
		float: right;
		margin-right: 0;
	}
	.tg-after-two-blocks-clearfix {
		clear: both;;
	}
	.tg-after-three-blocks-clearfix {
		clear: none;
	}


}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	#featured-slider .slider-title-head {
		margin-bottom: 0;
	}
	#featured-slider .entry-content {
		display: none;
	}
	#featured-slider .entry-container {
		top: auto;
		bottom: 15%;
	}


}
@media screen and (max-width: 768px) {
	#primary, #secondary {
		float: none;
		width: 100%;
		margin: 0;
	}
	#header-left-section {
		float: none;
		max-width: 100%;
		margin-left: 0px;
	}	
	#header-logo-image {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	#header-text {
		float: none;
		text-align: center;
		padding: 0;
		margin-bottom: 10px;
	}
	#site-description {
		padding-bottom: 5px;
	}
	#header-right-section {
		float: none;
		max-width: 100%;
	}


	#header-right-section .widget {
		padding: 0 0 10px 0;
		float: none;
		text-align: center;
	}		
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		float: none;
	}
	#masthead .search-wrap span {
		left: auto;
	}

	#masthead input.s {
	    margin-right: -30px;
	}


}
@media screen and (max-width: 767px) {
	body {
		padding: 5px 0;
	}
	#page { 
		width: 97%; 
	}
	.inner-wrap {
		width: 95%;
	}	
	#featured-slider .entry-container {
		top: auto;
		bottom: 15%;
		max-width: 70%;
	}
	#featured-slider .entry-description-container {
		padding: 0.5rem 1rem;
	}
	#featured-slider .entry-content {
		display: none;
	}	
	#featured-slider .slider-title-head {
		margin-bottom: 0;
	}
	#featured-slider .entry-title span {
		font-size: 16px;
	}	
	#featured-slider .slider-read-more-button {
		font-size: 16px;
		padding: 0.5rem 1rem;
	}
	.tg-one-half, .tg-one-third, .tg-one-fourth {
		float: none;
		width: 100%;
		margin: 0;
	}
	.tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 {
		float:none;
	}
	#primary, #secondary {
		float: none;
		width: 100%;
		margin: 0;
	}
	.wide-978 #primary, .narrow-978 #primary, .wide-978 #secondary, .narrow-978 #secondary  {
		width: 100%;
	}



}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		padding: 10px 0;
	}
	#page { 
		width: 97%; 
	}
	.inner-wrap {
		width: 96%;
	}
	#header-logo-image {
		padding-left: 0;
	}
	#header-text {
		padding-left: 0;
	}
	#header-right-sidebar {
		float : none ;
	}
	#masthead .search-wrap {
		float : none ;
	}

}
@media screen and (max-width: 480px) {
	#featured-slider .entry-container {
		max-width: 90%;
	}
	#featured-slider .entry-description-container {
		padding: 5px 10px;
	}
	#featured-slider .entry-title {
		line-height: 1.5;
	}
   #featured-slider .slider-read-more-button {
		display: none;
	}
	#controllers {
		bottom: 5px;
	}
	#controllers a {
		height: 4px;
		margin: 0 3px;
		width: 12px;
	}
	#header-right-sidebar {
		float : none ;
	}
	#masthead .search-wrap {
		float : none ;
	}


}
@media only screen and (max-width: 320px) {
   #page {
   	width: 97%; 
   }
   .inner-wrap { 
   	width: 95%; 
   }
   #masthead .social-links,
   #masthead .small-info-text {
   	max-width: 100%;
   }


   #featured-slider .entry-title span {
		font-size: 12px;
	}
   #featured-slider .entry-description-container {
		padding: 2px 5px;
	}
   #header-right-sidebar {
		float : none ;
	}
   #masthead .search-wrap {
	float : none ;
	}


}