/*
	Theme Name: FC Blog
	Theme URI: http://friendshipcircle.org
	Description: Friendship Circle Blog 2017 Theme
	Version: 10.1
	Author: Friendship Circle
	Author URI: http://friendshipcircle.org
	Tags: Friendship Circle

*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:11px/1.4 "Roboto",Arial,sans-serif;
	color:#444;
	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}

a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}




/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}

.siteHeader{
    overflow: hidden;
}

/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

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

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}




/*------------------------------------*\
    FONTS
\*------------------------------------*/

@font-face {
  font-family: 'RobotoThin';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(//ssl.gstatic.com/fonts/roboto/v9/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(//ssl.gstatic.com/fonts/roboto/v9/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(//ssl.gstatic.com/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(//ssl.gstatic.com/fonts/roboto/v9/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(//ssl.gstatic.com/fonts/roboto/v9/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(//ssl.gstatic.com/fonts/roboto/v9/12mE4jfMSBTmg-81EiS-YRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(//ssl.gstatic.com/fonts/roboto/v9/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url(//ssl.gstatic.com/fonts/robotoslab/v2/MEz38VLIFL-t46JUtkIEgCeJLMOzE6CCkidNEpZOseY.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(//ssl.gstatic.com/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJR_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(//ssl.gstatic.com/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
/*------------------------------------*\
    END FONTS
\*------------------------------------*/


/*------------------------------------*\
   GLOBAL HEAD
\*------------------------------------*/
.globalHeader {
	font:300 20px/1.4 "Roboto",Arial,sans-serif;
	color:#808080;
	background:#ececea;
	width:100%;
	padding:10px 0;
	text-align:center;
	z-index: 99999;
	position: relative;
}
.globalHeader a{
	margin:8px;
}
.globalHeader img{
	position:relative;
	top:0px;
	margin:0 	5px;
}
.globalDropdown{
    width: 100%;
    max-width: 260px;
    background: #d8d8d8;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 99990;
	top:-1000px;
}


.globalDropdown a{
	display:block;
	width:100%;
	max-width:260px;
	color: #444;
    text-decoration: none;
	    font: 300 20px/1.4 "Roboto",Arial,sans-serif;
		
	padding: 10px 20px;
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
.globalDropdownWrapper{
	position:relative;
}

  .searchField{
	right:1000px;
  }

.siteHeader{
position:relative;
width:100%;
background:#fff;
border-bottom:1px solid #ececea;
color:#808080;
font:300 20px/1.4 "Roboto",Arial,sans-serif;
    z-index: 9999;
}
.menuButton{
display:inline-block;
padding:15px;
border-right:1px solid #ececea;
}
.menuButton span{
display:inline-block;
margin:0 10px;
}
.menuButton .arrow{
position:relative;
	top:-7px;
}
.rightButtons{
display: inline-block;
right: 0px;
position: absolute;
padding: 15px;
color:#808080;
font:300 20px/1.4 "Roboto",Arial,sans-serif;
}
.rightButtons a{
margin-left:24px;
}

@media screen and (max-width: 500px){
.wide,.menuButton .wide{
display:none;
}
}

/*------------------------------------*\
    END GLOBAL HEAD
\*------------------------------------*/




/*------------------------------------*\
    Ebooks Section Start
\*------------------------------------*/


.ebookLogo{
display:inline-block;
margin: 20px 0;
text-align:center;
width:100%;
}

.ebookTop{
width: 94%;
margin: auto;
}


.ebookPage .entry-header{
display:none;
}

.ebookTitle{
font-size: 35px;
line-height: 44px;
color: #aaa;
font-family: "Roboto Regular",Arial,sans-serif;
text-align: left;
font-weight: normal;
margin: 0;
display: inline-block;
vertical-align: top;
margin-top: 7px;
}



.woocommerce  .woocommerce-breadcrumb{
display:inline-block;	
margin-right: 142px !important;
}

.embed{
display: inline-block;
width: 72px;
margin: 0px 0 0 10px;
background: #22bade;
padding: 1px;
height: 23px;
overflow: hidden;
top: 8px;
position: relative;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}


.ebookShare .count{
font-size:50px;
}

#page .card:hover .ebookShare .shareCount {
display: inline-block;
}


.ebookShare .sharea .shareCount {
padding: 16px 2%;
text-align: center;
display: inline-block;
width: 15%;
vertical-align: top;
}
.ebookShare .sharea .shareButtons {
display: inline-block;
width: 75%;
padding: 0 2%;

}


.ebookShare .box .count,.ebookShare .box .count:hover{
color:#999 !important;
}
.ebookShare .shareCount  .box .share,.ebookShare .shareCount  .box .share:hover{
color:#999 !important;
}



.entry-content .woocommerce .col2-set .col-2, .entry-content 	.woocommerce-page .col2-set .col-2 {
display:none;
}

.entry-content .woocommerce .col2-set .col-1, .entry-content .woocommerce-page .col2-set .col-1 {
float: none;
width: 100%;
}

#billing_company_field{
display:none;
}

.entry-content  .woocommerce h3{
margin:30px 0 10px 0;
}

.product-quantity{
display:none;
}
.entry-content .woocommerce table.shop_table{
margin-top:10px;
}

.woocommerce-cart .page .entry-header .entry-title {
text-align: left;
margin: 0px 0px 20px 20px;
font-size: 60px;
font-size: 4rem;
line-height: 35px;
line-height: 2.5rem;
}
.woocommerce .cart-collaterals .cart_totals h2{
margin:0px;
color: #aaa;
display:none;
}

.entry-content  .woocommerce table.shop_table,  .entry-content .woocommerce-page table.shop_table {
margin: 10px 0px 0px 0px;
}

.cart_totals {
padding-right:25px;
}

.cart_totals  td{
text-align: right;
}

.cart_totals .cart-subtotal{
display:none;
}

.cart_totals .cart-subtotal th,.cart_totals  .total th{
text-align: right;
}

#customer_login  .input-text{
padding:2%;
width:96%;
}

.woocommerce .site-content{
width:100%;
max-width:1280px;
}

.bookDets{
padding:1px 20px;
background:#ddd;
border-radius:5px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
.bookDets p .name{
color:#999;
}
.ebook .bookDets p{
margin:10px 0px;
margin-bottom:10px;
}

.bookDets p .price{
color:#666 !important;
font-family: 'Droid Sans', sans-serif;
font-size: 16px !important;
font-weight: normal;
line-height: 16px;
}


.woocommerce .cart .quantity {
display:none;
}

.description_tab, .reviews_tab{
background: transparent !important;
border: none  !important;
box-shadow: none  !important;
}

li:before,li:after{
box-shadow: none  !important;
border:none  !important;
}

.ebooks .card{
max-width:300px;
display:inline-block;
margin-right:20px;
margin-left:20px;
vertical-align: top;
}

.ebooks .card .featImage  img{
width:100%;

}

.ebooks .card .featImage {
max-width: 800px;
max-height: 480px;
}

.ebooks .listArea{
margin:auto;	
text-align:center;
}


.ebook .ebookCover,.ebook .ebookDetails{
display:inline-block;
width:45%;
margin:2%;
vertical-align: top;
}

.ebook .ebookCover img{
width:100%;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.ebook{
margin:auto;	
text-align:center;
color: #666;
}

.ebook .ebookDetails{
text-align: left;
}

.ebook h1,.ebook h2{
font-size: 35px;
line-height: 40px;
color: #666;
font-family: "Roboto Regular",Arial,sans-serif;
text-align: left;
font-weight: normal;
}


.ebook .ebookAuthor{
font-size: 16px;
line-height: 16px;
color: #999;
margin-top:5px;
}

.ebookPages{
margin:20px 0;
}

.ebookExcerpt{
padding:20px;
background:#bbb;
border-radius:5px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.ebook h2, .ebook .price{
font-size: 25px !important;
line-height: 25px;
color: #bbb;
margin-top:20px;
}

.ebook p{
margin-bottom:20px;
}

.cartButton{
color:#fff;
background:#4380e0;
padding:10px 20px;
font-size: 16px;
line-height: 16px;
text-decoration:none;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
border-radius:5px;
}

.buy{
margin:20px 0px;
}

.cartButton:hover{
color:#fff;
background:#bbb;
}


.ebookTxt{
margin:20px 0px;
color: #666;
font-size: 18px;
line-height: 1.5;
}
.bookDets{
color: #222;
font-size: 18px;
line-height: 1.5;
}

.ebookDetails h1{
color: #444;
    font-size: 38px;
    font-weight: 100;
    margin: 10px 0;
	}
	
	
.woocommerce-checkout .sidebar{
display:none;
}

.woocommerce-checkout h1{
color: #444;
font-size: 38px;
font-weight: 100;
margin: 10px 0;
}

.ebookShare{
display:none;
}
.accountArea{
    text-align: right;
    width: 300px;
    position: absolute;
    right: 0px;
    top: 0px;
	font-size: 16px;
    line-height: 20px;
	}
.accountArea h1{	
	font-size: 25px;
    line-height: 30px;
    color: #666;
    font-family: "Roboto Regular",Arial,sans-serif;
    text-align: right;
    font-weight: normal;
	    margin: 0.67em 0 0 0;
	}
	.accountArea h1,.accountArea a{	
    color: #999;
	}

@media screen and (max-width: 800px) {
	.ebooks .card{
	max-width:200px;
	margin-right:10px;
	margin-left:10px;
	}
	
.accountArea{
    width: 300px;
    position: relative;
    right: auto;
    top: auto;
	margin:10px auto;
	}
	
	.accountArea,.accountArea h1,.accountArea a{	
	text-align: center;
	}
	
	.ebook .ebookCover,.ebook .ebookDetails{
	display:inline-block;
	width:80%;
	margin:0 20px;
	vertical-align: top;
	}
}

	

/*------------------------------------*\
    Ebooks Section End
\*------------------------------------*/





/*------------------------------------*\
    START MENU
\*------------------------------------*/



.head .logo{
position:absolute;
top:20px;
left:50%;
margin-left:-131.5px;
}



  
  .menu{
	padding:0;
	width: 100%;
    margin: 0;
  }
  .arrow {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
 
  .menuContent{
      position: relative;
	  }
  .menu-fc-container{
      position: absolute;
    top: 0px;
    width: 338px;
    z-index: 990;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    background: #fff;
    left:1000px;
	}
	
.menuButton {
	cursor:pointer;
}


.menuContent .shortShadeDown{
    top: 64px;
    opacity: 0.1;
    pointer-events: none;
}

.shortShadeDown, .shortShadeUp{
	width: 100%;
    height: 70px;
    position: absolute;
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0) 50%);
    z-index: 999;
    opacity: 0.2;
	
    pointer-events: none;
}
.shortShadeUp{
    margin-top: -50px;
    height: 50px;
    opacity: 0.05;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.75) 10%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0) 50%);
}

.cover{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 800;
    top: 0;
    left: 0;
    display: none;
    background: transparent;

}
  .header  .menu li{
	  list-style-type: none;
  }
  .header .menu a{
	  color:#333;
	  text-decoration:none;
	  font-family: "Roboto";
    font-weight: 300;
	font-size:18px;
	    padding: 10px 20px;
    background: transparent;
    display: block;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
  }
  .header  .menu a:hover{
	  background: #e6e6e6;
  }
  
  
  
/*------------------------------------*\
    END MENU
\*------------------------------------*/

  
/*------------------------------------*\
    START TRENDING
\*------------------------------------*/



body .wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-6{
    overflow: visible;
    height: auto;	
}
body .wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg .wtpsw-post-list-content{
    position: relative;	
	background:transparent;
}
body .wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg .wtpsw-post-list-content h4 a{	
	    color: #444;
    font-size: 24px;
    font-weight: 100;
}
body .wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg{
	background:transparent;
}
body .wtpsw-medium-6{
width:100%;
}

.homePostItem .wtpsw-post-image-bg img{
margin:0;
}

/*------------------------------------*\
    END TRENDING
\*------------------------------------*/



.authorPage h1{
	width: 100%;
    text-align: center;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 38px;
    color: #aaa;
}
.authorPage h2{
	width: 100%;
    text-align: center;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 28px;
    color: #aaa;
}
 .authorPage .authorInfo h2{
	 text-align: left;
}

.authorBio{
	color: #666;
	font-size: 16px;
}


  .searchResults .homePostItem{
  margin:2% 1%;
  }
	.searchTitle{
	width:100%;
	text-align:center;
	font-family: "Roboto";
	font-weight: 300;
	font-size:38px;
	color:#aaa;
	}

	.pagination{
	text-align: center;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 28px;
	margin-top: 100px;
	}
	.pagination a,.pagination span{
		margin:15px;
	}
	.pagination span{
		margin:15px;
		opacity:0.5;
	}
  
main{
margin:0% 0 10%;
}
#disqus_thread{
    width: 90%;
    margin: auto;
}	

article{
width:100%; 
max-width:1280px;
    color: #666;
    font-size: 16px;
}
.featImage,.featImage img{
width:100%;
max-width:1280px;
}
.authorContent{
display:inline-block;
vertical-align:top;
width:13%;
    color: #666;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
margin-top:3%;
text-align:right;
}
.postContent{
display:inline-block;
vertical-align:top;
width:60%;
margin:3%;
}
.allContent{
width:100%;
max-width:1280px;
}
.popularContent{
display:inline-block;
vertical-align:top;
width:21%;
margin-top:3%;
float:right;
margin-left:-50%;
text-align:center;
}
.postCat,.popularContent h2{
    letter-spacing: 4px;
    color: #999;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
	margin:0px;
}
.postContent h1{
    color: #444;
    font-size: 38px;
    font-weight: 100;
    margin: 10px 0;
}
.postContent h2{
    color: #444;
    font-size: 30px;
    font-weight: 200;
    margin: 10px 0;
}

.postContent h3{
    color: #444;
    font-size: 25px;
    font-weight: 200;
    margin: 10px 0;
}
.postContent{
    color: #666;    
	font-size: 18px;
    line-height: 1.5;
}

.productItem{
margin:10% 0;
}

.productLink{
    background: #f79c31;
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 4%;
    margin: 4% 0px 12% 0px;
    display: block;
}

.authorArea{
margin:2% 0 5%;
}

.authorName h3{
    letter-spacing: 4px;
    color: #999;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
	margin:0px;
}
.authorName h2{
    color: #333;
    font-size: 38px;
    font-weight: 100;
	margin:0px;
}
	.authorInfo{
		width: 74%;
		display: inline-block;
	}
	.authorArea .authorImage{
	    width: 23%;
		margin-right:2%;
		vertical-align:top;
		display:inline-block;
	}
	
	.authorContent .authorImage{
		margin-bottom:10px;
	}
	
	.authorImage img, .authorContent .authorImage img{
	    width: 100%;
		height:auto;
		max-width:1000px;
	}
	.authorLink a{
		color:#4380e0;
	}
	.authorLink {
		margin:10px 0;
	}
	
	.productItem a{
		display:block;
	}
	.productItem img{
		margin-bottom:20px;
	}

.copyright{
	width:100%;
	text-align:center;
	margin:70px 0;
	font-size:18px;
}

.footer{
border-top:1px solid #ccc;
padding:70px 0 0 0;
text-align:center;
margin-top:70px;
}

.footerSections{
text-align:center;
border-bottom:1px solid #ccc;
padding:70px 0;
}

.footerItem{
display:inline-block;
text-align:left;
vertical-align:top;

}
.first.footerItem{

}

.second.footerItem{
margin:0 20%;
}

.third.footerItem{

}


.footerItem h3{
letter-spacing: 4px;
color:#999;
font-size:18px;
font-weight:100;
}
.footerItem li{
list-style:none;
font-size:18px;
font-size:24px;
font-weight:300;

}
.footerItem ul{
margin:0px;
padding:0px;
}

.footer img{
width:75%;
max-width:765px;
}


@media screen and (max-width: 1280px){
.second.footerItem {
    margin: 0 10%;
}

.homePostSection{
width:90%;
margin:auto;
}

}
@media screen and (max-width: 1000px){
.second.footerItem {
    margin: 0 5%;
}
}
@media screen and (max-width: 900px){
.second.footerItem {
    margin: 40px 0;
}
.footerItem,.second.footerItem{
	width: 330px;
    margin: 0px auto 40px;
	display:block;	
}
	.productItem {
		margin: 4% 0;
    width: 32%;
    display: inline-block;
	}

	

.authorContent{
display:none;
}
.authorArea {
    margin: 2% 0 5%;
    width: 100%;
    padding: 5%;
	text-align:center;
}
.authorBio{
text-align:left;
}

.authorArea .authorImage {
    width: 100%;
    margin-right: 0%;
	display:block;
}
.authorArea .authorImage img{
    width: 50%;
}
.authorInfo{
margin-top:2%;
width:100%;
}
.popularContent{
    width: 100%;
    padding: 5%;
}
.postContent{
    width: 100%;
    margin: auto;
    padding: 4%;	
}
}
@media screen and (max-width: 400px){
.footerItem li{
font-size:20px;
}
.footerItem, .second.footerItem {
    width: 264px;
}
.footerSections {
    padding: 30px 0;
}
.footer {
    padding: 40px 0 0 0;
    margin-top: 40px;
}
}
@media screen and (max-width: 300px){
.footerItem li,.footerItem h3{
font-size:16px;
}
.footerItem, .second.footerItem {
    width: 220px;
	margin: 0px auto 20px;
	display:block
}
.footerSections {
    padding: 10px 0;
}
.footer {
    padding: 30px 0 0 0;
    margin-top: 30px;
}
.copyright{
margin:30px 0;
}
}




/*------------------------------------*\
    HOME PAGE
\*------------------------------------*/

.blue,.yellow,.green,.red{
background-repeat: no-repeat;
background-position:center;
}

.blue{
background-color: #57a2f4;
background-image: url('img/icon-soul.png');
}
.yellow{
background-color: #ffbb33;
background-image: url('img/icon-products.png');
}
.green{
background-color: #7ebe68;
background-image: url('img/icon-ebook.png');
}
.red{
background-color: #ff4444;
background-image: url('img/icon-bikes.png');

}


.serviceSection{
width:100%;
margin-top:50px;
border-top: 1px solid #ccc;
padding: 70px 0 0 0;
text-align: center;
margin-top: 70px;

}


.serviceItem{
display:inline-block;
vertical-align:top;
width:46%;
margin-bottom:7.5%;
padding-bottom:25%;
position:relative;
}
.serviceGutter{
width:7.5%;
height:10px;
display:inline-block;
vertical-align:top;
}

.serviceItem .text{
width:100%;
position:absolute;
top:50%;
margin-top:-25px;
font-size:40px;
color:#fff;
font-weight:100;
}


.top-to-bottom {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(rgba(204, 204, 204, 1)), to(rgba(204, 204, 204, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(rgba(204, 204, 204, 1), rgba(204, 204, 204, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(rgba(204, 204, 204, 1), rgba(204, 204, 204, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(rgba(204, 204, 204, 1), rgba(204, 204, 204, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, rgba(204, 204, 204, 1), rgba(204, 204, 204, 0)) 1 100%;
}
.firstContainer{
    width: 80%;
    max-width: 800px;
    background: #fff;
    padding: 4%;
    margin: -10% auto 0;
    z-index: 100;
    position: relative;
}
.categoryLink, .categoryLink a{
    letter-spacing: 4px;
    color: #999;
    font-size: 20px;
    font-weight: 100;
	text-transform: uppercase;
}
.categoryLink{
margin-top:20px;
}
.firstContainer  .categoryLink{
margin-top:0px;
}
.firstContainer h2{
    color: #222;
    font-size: 38px;
    font-weight: 100;
    margin: 10px 0;
}
.firstContainer span{
    color: #222;
    font-size: 20px;
    font-weight: 100;
	text-transform: uppercase;
}
.firstContainer p{
    color: #222;
    font-size: 18px;	
}

.homePostSection{
text-align:center;
}
.homePostItem{
width:30%;
display:inline-block;
vertical-align:top;
text-align:left;
}

.homePostItem.middleItem{
margin:0 4.5%;
}


.homePostItem h3,.homePostItem h2{
color:#999;	
font-size:24px;
font-weight:100;
}

.homePostItem h3{
margin:10px 0;
}

.homePostItem .image {
    width: 100%; 
    text-align: center;
    overflow: hidden; 
	height:210px;
}

.homePostItem img {
    position: relative; 
    left: 100%;
    margin-left: -200%;
}
.homePostItem p {
       color: #222;
    font-size: 18px;
}

.homePostItem .view-article{
display:none;
}

.homePostItem h2{
    text-transform: uppercase;
}

.titleBreak{
width:100%;
position:relative;
text-align:center;
margin-top:50px;
}
.titleBreak .line{ 
width:100%;
height:1px;
background:#ccc;
position:absolute;
top:50%;
z-index:0;
}
.titleBreak .text{
text-transform: uppercase;
display:inline-block;
position:relative;
z-index:10;
background:#fff;
padding:10px;
font-size:18px;
color: #999;
font-weight: 100;
letter-spacing: 4px;
}

.postContent a {
    color: #4380e0;
}

a.productLink:hover {
  
    color: #fff;
 }
 
 
 .viewCount span{
    color: #999;
    font-size: 20px;
    font-weight: 100;
display:inline-block;
vertical-align:middle;
 }
 
 
 
 .homePostItem .viewCount img {
    position: relative;
    margin: 0px;
    margin-right: 10px;
	left:auto;
	display:inline-block;
	vertical-align:middle;
    height: 16px;
}

.loopPostData .viewCount{
width:auto;
display:block;
float:left;
}
.loopPostData .authorLink{
width:auto;
display:block;
float:right;
font-size: 20px;
font-weight: 100;
margin:0;
}
.loopPostData{

}
.featuredFC img{
width:100%;
}
@media screen and (max-width: 1280px){

.homePostItem .image {
	height:180px;
}
.serviceSection {
    width: 90%;
	margin:70px auto 0;
}
.serviceItem {
    width: 45%;
	
}
.serviceItem .text {
    margin-top: -20px;
    font-size: 30px;
}
}
@media screen and (max-width: 1200px){

.homePostItem .image {
	height:164px;
}
}
@media screen and (max-width: 1100px){

.homePostItem .image {
	height:150px;
}
}

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

.homePostItem.middleItem {
    margin: 0;
	margin-top: 10%;
}
.homePostItem .image {
	height:auto;
}
.homePostItem {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10%;
}
.blue,.yellow,.green,.red{
background-size: 30%;
}
}
@media screen and (max-width: 700px){
.blue,.yellow,.green,.red{
background-size: 20%;
}
.serviceSection {
    width: 90%;
	margin:70px auto 0;
}
.serviceItem {
    width: 100%;
	
}
.serviceItem .text {
    margin-top: -20px;
    font-size: 30px;
}
.serviceGutter{
display:none;
}
}
@media screen and (max-width: 600px){
.firstContainer{
    width: 100%;
    max-width: 1000px;
    background: #fff;
    padding: 4%;
    margin: 0 auto 0;
    z-index: 100;
    position: relative;
}
.top-to-bottom {
    border-width: 0px;
    border:none;
}

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

.serviceItem .text {
    margin-top: -16px;
    font-size: 20px;
}
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}