/*
Theme Name: Claydell Media

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support
*/


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

body {
	direction: rtl;
	unicode-bidi: embed;
}
caption, th, td {
	text-align: right;
}

/* =Structure
----------------------------------------------- */

.site-content {
	float: right;
	margin: 0 0 0 -26.76422764%;
}
#content {
	margin: 0 0 0 26.76422764%;
}
#secondary {
	float: right;
	width: 18.9024%;
}
.site-footer {
	padding: 1.5714285714em 4% 1.5714285714em;
}
.page-template-front-page-php .site-footer {
    padding: 1.5714285714em 4% 1.5714285714em;
}


/* =Global
----------------------------------------------- */

/* Text elements */
ul, ol {
	margin: 0 1.5714285714em 1.5714285714em 0;
}
ul ul, ol ol, ul ol, ol ul {
	margin-right: 1.5714285714em;
	margin-left: auto;
}
blockquote {
	border-right: 5px solid #267172;
	border-left: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: -webkit-gradient(linear, right top, right bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6));
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: -webkit-gradient(linear, right top, right bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc));
}
textarea {
	padding-right: 5px;
	padding-left: 0;
}

/* =Header
----------------------------------------------- */

#masthead hgroup {
	margin: 0 4% 1.1428571428em 0;
}
.site-title {
	float: right;
}
.site-description {
	float: left;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
	margin: 0 10.16260162% 0 0;
}
.main-navigation ul {
	padding-right: 0;
	padding-left: 0;
}
.main-navigation li {
	float: right;
}
.main-navigation ul ul {
	float: right;
	right: 0;
	left: auto;
}
.main-navigation ul ul ul {
	right: 100%;
	left: auto;
}


/* =Featured Content
----------------------------------------------- */

.featured-posts-wrapper {
	margin: -0.8571428571em 4% 4.7142857142em 0;
}
.featured-posts .featured {
	float: right;
}
.featured-content {
	float: right;
}
.featured-content-info {
	float: left;
	margin: 0 0 0 2.79069767%;
}

/* =Content
----------------------------------------------- */

.hentry {
	margin: 0 3.1428571428em 14.28571428% 0;
}
.full-width .hentry,
.image-attachment .hentry,
.no-sidebar .hentry,
.error404 .not-found {
	margin: 0 4% 3.1428571428em;
}
.entry-content td {
	padding: 0.5em 0 0.5em 0.7142857142em;
}
.page-header {
	margin: 0 14.28571428% 3.1428571428em 0;
}
.no-sidebar .page-header {
	margin: 0 4% 3.1428571428em 0;
}


/* =Navigation
----------------------------------------------- */

#content .site-navigation {
	margin: 0 14.28571428% 1.5714285714em 0;
}
.no-sidebar #content .site-navigation {
	margin: 0 4% 1.5714285714em 0;
}
#content .nav-previous {
	float: right;
}
#content .nav-next {
	float: left;
	text-align: left;
}


/* =Comments
----------------------------------------------- */

#comments {
	margin: 0 14.28571428% 1.5714285714em 0;
}
.full-width #comments,
.image-attachment #comments,
.no-sidebar #comments {
	margin: 0 4% 1.5714285714em 0;
}
.children {
	margin: 0 14.24242424% 0 0;
}
.full-width .children,
.image-attachment .children,
.no-sidebar .children {
	margin: 0 10.98398169% 0 0;
}
.comment .avatar {
	float: right;
	margin: 3px -16.66666666% 0 0;
}
.full-width .comment .avatar,
.image-attachment .comment .avatar,
.no-sidebar .comment .avatar {
	margin: 3px -12.58581235% 0 0;
}
.reply {
	left: 0;
	right: auto;
}


/* =Social Media feed link icons
----------------------------------------------- */

//.social-media li {
	float: right;
	margin: 0 0 0.933333333em 5.91397849%;
}
.social-media li:last-child {
	margin-left: 0;
	margin-right: auto;
}
.social-media li {
	background-color: #fafafa;
	float: right;
	margin: 0 0 0.933333333em 2.8%;
}


/* =Widgets
----------------------------------------------- */

.widget ul ul {
	margin-right: 0.7142857142em;
	margin-left: auto;
}
/* Authors Widget */
.widget_authors img {
	float: right;
	margin: 0 0 5px 5px !important;
}
/* Calendar Widget */
.widget_calendar #wp-calendar caption {
	text-align: right;
}
.widget_calendar #wp-calendar tfoot #prev {
	text-align: right;
}
.widget_calendar #wp-calendar tfoot #next {
	text-align: left;
}

/* =Front Page
-------------------------------------------------------------- */

.page-template-front-page-php #featured-block-1 {
    margin-right: 0;
}.page-template-front-page-php #featured-block-2 {
    margin-right: 2.4%;
}
.page-template-front-page-php .block {
    float: right;
    width: 48.8%;
}
.page-template-front-page-php p {
    margin-bottom: 1.57143em;
    text-align: justify;
}

/* =Responsive Structure
-------------------------------------------------------------- */

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	.site-title {
		float: none;
	}
	.site-description {
		float: none;
	}
	#masthead hgroup {
		margin: 0 4% 2.2857142856em 0;
	}
	.site-content {
		float: none;
		margin: 0;
	}
	#content {
		margin: 0;
	}
	#secondary {
		float: none;
		width: 100%;
	}
	.hentry {
		margin: 0 4% 3.1428571428em 0;
	}
	#content .site-navigation {
		margin: 0 4% 1.5714285714em 0;
	}
	.social-media,
	.widget {
		padding: 1.6666666666em 4% 0 0;
	}
	.page-header {
		margin: 0 4% 3.1428571428em 0;
	}
	.featured-content {
		float: none;
	}
	.featured-content-info {
		float: none;
		margin: 0;
	}
	#comments {
		margin: 0 4% 1.5714285714em 0;
	}
	.comment .avatar {
		margin: 3px -12.58581235% 0 0;
	}
	.social-media li {
		margin: 0 20px 0.933333333em 0;
	}
	.social-media li:first-child {
		margin-right: 0;
	}
	.social-media li:last-child {
		margin-right: 20px;
	}
	.entry-content .attachment img, .entry-content img, img.size-full {
		max-width: 98%;
		width: auto;
	}
}

@media screen and (max-width: 600px) {
	#masthead {
		margin: 0 0 3.1428571428em 0;
	}
	#masthead hgroup {
		margin: 0 0 2em 0;
	}
	.featured-posts-wrapper {
		margin: -0.8571428571em 0 4.7142857142em 0;
	}
	.hentry,
	.full-width .hentry,
	.image-attachment .hentry,
	.no-sidebar .hentry,
	.error404 .not-found {
		margin: 0 0 3.1428571428em 0;
	}
	.no-sidebar .page-header {
		margin: 0 0 3.1428571428em 0;
	}
	#comments,
	.full-width #comments,
	.image-attachment #comments,
	.no-sidebar #comments {
		margin: 0 0 1.5714285714em 0;
	}
	#content .site-navigation {
		margin: 0 0 1.5714285714em 0;
	}
	#secondary {
		width: 100%;
	}
	.page-header {
		margin: 0 0 3.1428571428em 0;
	}
	.social-media, .widget {
		padding: 1.6666666666em 0 0 0;
	}
	.site-footer {
		padding: 1.5714285714em 0 1.5714285714em 0;
	}
	.page-template-front-page-php .block {
		float: left;
		width: 100%;
	}
	.entry-content .attachment img, .entry-content img, img.size-full {
		max-width: 98%;
		width: auto;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#page {
		padding: 1.5714285714em 0.5714285714em 0;
	}
	#masthead {
		margin: 0 0 1.5714285714em 0;
	}
	#masthead hgroup {
		margin: 0 0 1.1428571428em 0;
	}
	.hentry {
		margin: 0 0 1.5714285714em 0;
	}
	.entry-content, .entry-summary {
		margin: 0.7857142857em 0 0 0;
	}
	.commentmetadata {
		margin: 0 0 0.9166666666em 0;
	}
	.page-template-front-page-php .block {
		width: 100%;
	}
}