@charset "utf-8";
/* CSS Style for amity */
 body{margin:0; padding:0; font-family: 'Chivo', sans-serif; background:url(../images/body-bg.jpg) no-repeat; background-size:cover;}
/*--Global Classes--*/
.container{width:100%; float:left;}
.row{width:100%; float:left;}
.wrapper{width:100%; max-width:965px; margin:0 auto;} 
.col_70{width:70%; float:left; box-sizing:border-box;}
.col_60{width:60%; float:left; box-sizing:border-box;}
.col_50{width:50%; float:left; box-sizing:border-box;}
.col_40{width:40%; float:left; box-sizing:border-box;}
.col_30{width:30%; float:left; box-sizing:border-box;}
.col_20{width:20%; float:left; box-sizing:border-box;}
.text-center{text-align:center;}
.text-right{text-align:right;}

/*------------CSS for Header begin-------------*/
 header{float:left; width:100%; border-top:1px solid rgba(34,32,95,0.4);}
.header-bar{}
/*--Logo Column--*/
.logo-wrap{padding:20px 0 0 0;}
.logo-wrap > a{ font-size:52px; color:#fff; font-weight:bold; text-decoration:none; color:#fff; display:block; float:left;}
.logo-wrap > a:hover{color:#f3f3f3;}
.logo-wrap > span{ font-size:21px; color:#fff; text-transform:uppercase; display:block; float:left; line-height:21px; padding:11px 0 0 7px;}

/*--Search box--*/
.search-bar{}
.search-bar > frm{display:inline; position:relative; float:left; width:100%; margin:13px 0 0 0; text-align:right;}
.search-bar > frm > input{background:url(../images/input-bg.png) repeat-x #fff; border:1px solid #5b5b75; border-radius:10px; color:#39376a; font-size:11px; padding:0 10px;}
.search-bar > frm > input:hover{background:#fff; }
.search-bar > frm > i{position:absolute; top:4px; right:10px; color:#2f2c2c; font-size:12px; cursor:pointer;}
.search-bar > frm > i:hover{color:#960000;}

/*--Login box--*/
.login-bar{}
.login-bar > frm{display:inline; position:relative; float:left; width:100%; margin:28px 0 0 0; text-align:right;}
.login-bar > frm > p{font-size:11px; color:#fff; margin:0 0 0 12px;text-align:left;}
.login-bar > frm > div > input{background:url(../images/input-bg.png) repeat-x #fff; border:1px solid #5b5b75; border-radius:10px; color:#39376a; font-size:11px; padding:0 10px; display:inline-block;}
.login-bar > frm > div > input:hover{background:#fff;}

/*--Navigation--*/
.mob-nav{display:none;}
.nav-wrapper{}
.nav-wrapper > nav{float:left; width:100%; background:url(../images/nav-bg.png) repeat-x; height:50px; margin:27px 0 0 0;}
.nav-wrapper > nav > ul{list-syle:none; margin:0; padding:0; font-weight:bold; font-size:12px;}
.nav-wrapper > nav > ul > li{list-style:none; float:left; position:relative;}
.nav-wrapper > nav > ul > li > a{color:#1a1a1a; text-decoration:none; display:block; padding:18px 35px;}
.nav-wrapper > nav > ul > li > a:after {content: "|"; font-size: 18px; position: absolute; right: 0; top: 12px; font-weight: normal; color:#1a1a1a;}
.nav-wrapper > nav > ul > li:nth-child(7) > a:after{content: " ";}
.nav-wrapper > nav > ul > li > a:hover{color:#960000;}

/*------------CSS for Content area begin-------------*/
.content-wrapper{background-color:rgba(217,218,218,0.6);}
.book-img{padding-top:75px}
.info-wrapper{float:left; width:75%; padding:65px 0 0 0;}
.info-wrapper > p{text-align:justify;  font-size:13px;}
.learn-more{float:left; width:100%; text-align:right;}
.learn-more > a{color:#22205f; text-decoration:none; font-size:12px;}
.learn-more > a > img{margin:35px 35px -17px 0;}
.learn-more > a:hover{color:#960000;}

/*--Slider style begin--*/
#slider{position: relative; overflow: hidden; margin:5px 0 0 0; padding:0 0 20px 0; float:left;}
#slider ul {position: relative; margin: 0; padding: 0; height: 600px; list-style: none;}
#slider ul li {position: relative; display: block; float: left; margin: 0; padding: 0; width: 965px; height: 600px;}
a.control_prev, a.control_next {position: absolute; top: 28%; z-index: 999; display: block; padding: 4% 3%; width: auto; height: auto; color: #59595c; text-decoration: none; font-weight: 600; font-size: 70px; opacity: 0.8; cursor: pointer;}
a.control_prev:hover, a.control_next:hover {opacity: 1; -webkit-transition: all 0.2s ease;}
a.control_prev {}
a.control_next {right: 0;}
.slider_option {position: relative; margin: 10px auto; width: 160px; font-size: 18px;}

#page-header{float:left; width:100%;}
#page-header h1{width:100%;}
#page-header h1 img{float:left;}
h1{text-transform:uppercase; margin:22px 0 0 0; padding:0; height:25px; }
h2{font-weight:300; margin:0; padding:0; line-height:0}

/* current issues */
#current-issues{background:url(../images/body-bg2.jpg) no-repeat fixed 100%; }
#archives{background:url(../images/body-bg3.jpg) no-repeat fixed 100%; }
#editorial{background:url(../images/body-bg4.jpg) no-repeat fixed 100%; }


.posts-2-cols{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	width:90%;
	list-style-type:none;
	
}

.editorialpage p{padding:15px; width:30%; float:left; text-align:justify} 

#pagecontent{ background-color: rgba(217, 218, 218, 0.6);}

.posts-2-cols p{float:left; width:90%; text-decoration:underline}
.posts-2-cols a{float:right; position:relative; top:15px; right:20px;}
.posts-2-cols span{font-size:14px; float:right; width:70%; color:#4d4e4e; text-align:right; padding-right:30%;}

ul.archive-post{list-style-type:none;}
.archive-post li {width:30%; padding:3px; float:left; border:1px solid #ecc1d4; margin:1px}
.archive-post li .imgpost {
    height: auto;
    max-width:50%;
	float:left
}
.archive-post li:hover{background:#fff;}
.archive-post li p {
    
    width:50%; display:inline; float:right
}
.archive-post li p span, .archive-post li p strong{float:left; width:100%;} .archive-post li p strong{font-size:30px; color:#4d4d4d; font-weight:normal;}
.archive-post li p a{padding:15px 0 0 0; float:left}
.archive-post li .imgpost img {
    height: auto;
    max-width: 100%;
	margin-top:7px;
}
@media screen and (max-width: 480px) {
	.col_70{width:50%;}
	.col_30{width:50%;}
	.col_40{width:100%;}
	.col_20{width:100%;}
	.col_50{width:100%;}
    .img-resp{max-width:100%; height:auto;}
	.logo-wrap > a {font-size: 36px; padding:0 0 0 10px}
	.logo-wrap > span {padding: 0 0 0 10px; font-size:11px;}
	.logo-wrap {padding: 10px 0 0;}
	.nav-wrapper > nav > ul > li > a::after {color: #1a1a1a; content: "|"; font-size: 13px; top: 5px;}
	.nav-wrapper > nav > ul > li > a {padding: 6px 15px;}
	.login-bar > form > p {text-align: center;}
	#slider ul li {height: 900px; width: 360px;}
	.login-bar > form {margin: 0px 0 0;}
	.search-bar > form {margin: 0px 0 0;}
	.info-wrapper {float: none; margin: 0 auto; padding: 0; width: 75%;}
	.learn-more > a > img {margin: -15px 35px -17px 0;}
	
}

/*new css*/

.data-wrapper{width:100%;}
.data-wrapper .link{width: 53%;
text-align: justify;
float: left;
padding-left: 20px;
}
.data-wrapper .writer{width: 38%;
float: right;
padding-top: 5px;
font-size:14px;
color: #3A3A3A;}