/*
* Styles specific for Internet Explorer 8
*/

/* Clearing
--------------------------------------------------- */
.ie8 .row,
.ie8 .clearfix,
.ie8 .panel-grid {
	zoom: 1;
}

/* Typography
--------------------------------------------------- */

/* fallback for IE8 - it doesn't recognize multiple styles and weights that use the same font-family name */
@font-face {
	font-family: 'OpenSansBold';
	font-style: normal;
	font-weight: 700;
	src: url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot);
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype');
}
@font-face {
	font-family: 'OpenSansItalic';
	font-style: italic;
	font-weight: 400;
	src: url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot);
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot) format('embedded-opentype');
}
@font-face {
	font-family: 'OpenSansBoldItalic';
	font-style: italic;
	font-weight: 700;
	src: url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot);
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot) format('embedded-opentype');
}
@font-face {
	font-family: 'RobotoCondensedBold';
	font-style: normal;
	font-weight: 700;
	src: url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nJTpJ4fOLLwmHp8vl0kIMg4.eot);
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/b9QBgL0iMZfDSpmcXcE8nJTpJ4fOLLwmHp8vl0kIMg4.eot) format('embedded-opentype');
}

.ie8 h1,
.page-title .colored-text {
	font-family: RobotoCondensedBold, Tahoma, Geneva, sans-serif;
}
.ie8 strong,
.ie8 b {
	font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}
.ie8 em,
.ie8 i,
.ie8 address,
.ie8 var,
.ie8 blockquote,
.ie8 blockquote p {
	font-family: OpenSansItalic, Arial, Helvetica, sans-serif;
}
.ie8 strong em,
.ie8 em strong {
	font-family: OpenSansBoldItalic, Arial, Helvetica, sans-serif;
}

/* Buttons
--------------------------------------------------- */
.ie8 .button,
.ie8 input[type="submit"],
.ie8 input[type="reset"],
.ie8 input[type="button"] {
	background-image: none;
	padding-right: 15px;
}

/* Images
--------------------------------------------------- */
.ie8 #sidebar img[class*="wp-image"] {
	width: auto;
}

/* Primary Navigation
--------------------------------------------------- */
.ie8 #primary-nav .sf-arrows ul .sf-with-ul .fa:before {
	content: "\203A";
}
.ie8 body.sticky-menu-active #header { border-bottom: 1px solid #eaeaea; }
.ie8 body.sticky-menu-active #logo {
	bottom: 5px;
	background-color: transparent;
	border: none;
	filter: alpha(opacity=70);
	background: url(../images/icons/scroll-top-arrow-ie8.png) no-repeat center center;
}
.ie8 body.sticky-menu-active #logo:hover {
	filter: alpha(opacity=100);
}
.ie8 body.sticky-menu-active #logo .fa {
	display: none;
}

/* Social Icons
--------------------------------------------------- */
.ie8 .social-icons li {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
}
.ie8 .social-icons li:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);
}

/* FlexSlider
--------------------------------------------------- */
.ie8 .flexslider,
.ie8 .flexslider .slides,
.ie8 .flex-control-nav li {
	zoom: 1;
}
.ie8 #page-content .flex-caption p {
	margin-bottom: 0;
}
.ie8 .flex-caption {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c000000,endColorstr=#8c000000); 
	zoom: 1;
}
.ie8 .flex-direction-nav a {
	background-color: #000;
	filter: alpha(opacity=65);
}
.ie8 .flex-direction-nav .flex-prev:hover,
.ie8 .flex-direction-nav .flex-next:hover {
	filter: alpha(opacity=100);
}
.ie8 .flex-direction-nav .flex-disabled,
.ie8 .flex-direction-nav .flex-disabled:hover {
	filter: alpha(opacity=40);
}
.ie8 .flexslider .flex-direction-nav a {
	background-color: #c16225;
	filter: alpha(opacity=40);
}
.ie8 .flexslider .flex-direction-nav .flex-prev:hover,
.ie8 .flexslider .flex-direction-nav .flex-next:hover {
	filter: alpha(opacity=70);
}
.ie8 .flexslider .border {
	display: none;
}

/* Carousel Plugin
--------------------------------------------------- */
.ie8 .carousel-nav {
	zoom: 1;
}
.ie8 .carousel-nav span {
	filter: alpha(opacity=60);
}
.ie8 .carousel-nav span:hover {
	filter: alpha(opacity=100);
}
.ie8 .carousel-nav .state-disabled,
.ie8 .carousel-nav .state-disabled:hover {
	filter: alpha(opacity=30);
}

/* Feature Boxes
--------------------------------------------------- */
.ie8 .features-picture-type img {
	width: auto;
}
.ie8 .features-picture-type article[data-img-scale="no"] p.title {
	font-family: OpenSansBold, sans-serif;
}

/* Portfolio & Related Projects
--------------------------------------------------- */
.ie8 #portfolio-wrapper .portfolio-item-preview {
	zoom: 1;
}
.ie8 .image-overlay {
	background-color: #000;
	filter: alpha(opacity=0);
}
.ie8 .item-picture:hover .image-overlay {
	filter: alpha(opacity=50);
}
.ie8 .image-overlay span {
	filter: alpha(opacity=0);
}
.ie8 .item-picture:hover .image-overlay span {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
}

/* Gallery
--------------------------------------------------- */
.ie8 .gallery-item .item-label,
.ie8 .gallery-item .wp-caption-text {
	background: transparent;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);
}
.ie8 .gallery[class*="gallery-size-"] .gallery-item img {
	width: auto;
}

/* Sidebar
--------------------------------------------------- */
.ie8 #sidebar .widget_tag_cloud.tag-blocks .tagcloud:after {
	zoom: 1;
}
.ie8 #sidebar #wp-calendar caption,
.ie8 #sidebar .widget_recent_entries .post-date,
.ie8 #sidebar .widget_rss .rss-date {
	font-family: OpenSansItalic, sans-serif;
}
.ie8 #sidebar .widget_rss li .rsswidget,
.ie8 #sidebar .widget_rss.entry-show-summary li .rsswidget {
	font-family: OpenSansBold, sans-serif;
}
.ie8 #sidebar .widget_rss.entry-simple li .rsswidget,
.ie8 #sidebar .widget_rss.entry-ext li .rsswidget {
	font-family: "Open Sans";
}
.ie8 #sidebar .widget_search .search-form > div {
	max-width: 100%;
}
.ie8 #sidebar .widget_search .search-field {
	max-width: 74%;
}
.ie8 .widget_text img {
	width: auto;
}

/* Blog
--------------------------------------------------- */
.ie8 .blog-posts .post-date .day {
	font-family: OpenSansBold, sans-serif;
}
.ie8 .blog-posts .post-meta span,
.ie8 .comment .date,
.ie8 .comment .comment-awaiting-moderation {
	font-family: OpenSansItalic, sans-serif;
}
.ie8 .blog-posts.date-style-inline .post-date,
.ie8 .blog-posts .post-meta .fa,
.ie8 #comments .no-comments .fa {
	display: none;
}
.ie8 .blog-posts.date-style-inline .date-inline {
	display: inline-block !important;
}
.ie8 .blog-posts .post-meta > span {
	background: url(../images/icons/blog-post-icons-ie8.png) no-repeat;
	padding-left: 20px;
}
.ie8 .blog-posts .post-meta .date-inline {
	background-position: 0 -265px;
}
.ie8 .blog-posts .post-meta .author-inline {
	background-position: 0 5px;
}
.ie8 .blog-posts .post-meta .category-inline {
	background-position: 0 -85px;
}
.ie8 .blog-posts .post-meta .comments-inline {
	background-position: 0 -174px;
}
.ie8 .blog-posts.medium-size .post-meta > span {
	background: none;
	padding-left: 0;
}
.ie8 .single-post .blog-posts .post-content h1.title {
	font-family: "Roboto Condensed", Tahoma, Geneva, sans-serif;
}

/* Announcements
--------------------------------------------------- */
.ie8 .announcements .preview-text span {
	font-family: OpenSansItalic, sans-serif;
}
.ie8 #sidebar .announcements img:hover {
	filter: alpha(opacity=70);
}
.ie8 #sidebar .announcements.medium-thumbnail h6 {
	font-family: OpenSansBold, sans-serif;
}
.ie8 #sidebar .announcements.medium-thumbnail img {
	width: auto;
}

/* Testimonials
--------------------------------------------------- */
.ie8 blockquote.testimonial,
.ie8 blockquote.testimonial p {
	font-family: "Open Sans";
}
.ie8 blockquote.testimonial cite {
	font-family: OpenSansItalic, sans-serif;
}
.ie8 blockquote.testimonial cite strong {
	font-family: OpenSansBoldItalic, Arial, Helvetica, sans-serif;
}

/* Message Boxes
--------------------------------------------------- */
.ie8 #page-content .message-box .title {
	font-family: OpenSansBold, sans-serif;
}

/* Flickr Widget & Recent Works Widget
--------------------------------------------------- */
.ie8 .flickr-widget a:hover img,
.ie8 .recent-works a:hover img {
	filter: alpha(opacity=70);
}
.ie8 .flickr-widget img,
.ie8 .recent-works img {
	width: auto;
}

/* Tweeter Feed
--------------------------------------------------- */
.ie8 .tec-tweets .tweet_time {
	font-family: OpenSansItalic, sans-serif;
}
.ie8 .tec-tweets[data-avatar="no"] .tweet_list li {
	background: url(../images/icons/tweets-ie8.png) no-repeat 0 4px;
}

/* Other Elements
--------------------------------------------------- */
.ie8 a.link-lg span {
	background: none;
}
.ie8 a.link-lg:hover {
	background-position: right -22px;
}

.fixed-layout.ie8 #page-content a.link-lg:hover {
	background-position: right -20px;
}
.fixed-layout.ie8 #page-content a.link-lg.small-font-size:hover {
	background-position: right -22px;
}

.ie8 a.link-sm span {
	background: none;
}
.ie8 a.link-sm:hover {
	background-position: right -25px;
}
.ie8 a.link-sm.uppercase:hover {
	background-position: right -26px;
}

.ie8 .pagination a.prev span,
.ie8 .pagination a.next span {
	background: none;
}
.ie8 .pagination a.prev:hover {
	background-position: 8px -109px;
}
.ie8 .pagination a.next:hover {
	background-position: -52px -109px;
}
.ie8 .pagination span.current {
	font-family: OpenSansBold, sans-serif;
}

/* Standard Table
--------------------------------------------------- */
.ie8 #page-content table th,
.ie8 #page-content table thead td,
.ie8 table.standard-table th,
.ie8 table.standard-table thead td,
.ie8 table.standard-table .footer.no-links td {
	font-family: OpenSansBold, sans-serif;
}
.ie8 table.standard-table caption {
	font-family: OpenSansItalic, sans-serif;
}

/* Pricing Table
--------------------------------------------------- */
.ie8 .pricing-table h2.price {
	font-family: OpenSansBold;
}
.ie8 .pricing-table h2.price span {
	font-family: "Open Sans";
}
.ie8 .pricing-table .featured .header,
.ie8 .pricing-table .featured .features,
.ie8 .pricing-table .featured .footer {
	border-left: 1px solid #e5e5e5;
}
.ie8 .pricing-table .featured .price {
	background-color: #fff;
}
.ie8 .pricing-table .featured .footer {
	background-color: #eee;
}
.ie8 .pricing-table .features li[data-tooltip]:after {
	display: none;
}

/* Forms
--------------------------------------------------- */
.ie8 .comment-form label,
.ie8 .contact-form label {
	font-family: OpenSansBold, sans-serif;
}
.ie8 .comment-form label span,
.ie8 .contact-form label span {
	font-family: "Open Sans";
}
.ie8 .search-form > div:before {
	display: none;
	content: '';
}
.ie8 .search-form .search-submit,
.ie8 .search-form .search-submit:hover {
	top: 19px;
	bottom: 5px;
	background: url(../images/icons/search-ie8.png) no-repeat center center;
}

/* Contact Information
--------------------------------------------------- */
.ie8 .working-hours li span {
	font-family: OpenSansItalic, sans-serif;
}

/* Media Queries
--------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.ie8 #page-content a.link-lg:hover {
		background-position: right -20px;
	}
	.ie8 #page-content a.link-lg.small-font-size:hover {
		background-position: right -22px;
	}
}
@media only screen and (max-width: 959px) {
	.responsive.ie8 .blog-posts .post-date span {
		font-family: OpenSansItalic, sans-serif;
	}
}
@media only screen and (max-width: 767px) {
	.responsive.ie8 #footer-bottom .scroll-top {
		display: none;
	}
}
