/*
Theme Name: The Social Anthropology theme
Description: Use this theme for Social Anthropology website.
Author: Severynsky
Author URI: http://www.nest.1gb.ua;
Version: 1.0
Tags: Thematic
.
Thematic is © Severynsky http://www.nest.1gb.ua;
.
*/
/* ==========================================================================
Wordpress customization
========================================================================== */

.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter,
img.alignright,
img.alignleft {
display: inline-block;
width: 100% \9;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
body{
font-family: Roboto;
color: #595959;
margin: 10px 0 0px 0;
min-width: 700px;
font-size: 16px;
}
::selection {
background: orange; /* WebKit/Blink Browsers */
color: #FFF;
}
::-moz-selection {
background: orange; /* Gecko Browsers */
}
h1, h2, h3, h4, h5{
letter-spacing: 0.5px;
color: #595959;
}
a, a:hover{
text-decoration: none;
color: #595959;
}
/* header seaction */

.logoWrapper{
margin-top: 20px;
}
.logoWrapper .mainLogo{
float: left;
}
.logoWrapper .otherLogo{
float: right;
}
.border{
margin-top: 15px;
/*border-bottom: 1px solid #595959;*/
border-bottom: 2px solid #2997ab;
}
.tagline{
height: 34px;
}
.tagline h1{
font-size: 26px;
font-weight: 400;
text-align: center;
color: #2c3e50;
text-transform: uppercase;
letter-spacing: 1px;
}
.tagline h1{
margin-top: -2px;
}
.tagline h2{
margin-top: -55px;
}
.tagline h1 span{
/*font-weight: 300;*/
/*color: #9b99a0;*/
}
.tagline h2{
font-size: 16px;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
}
div.fb-link a img{
width: 80px;
height: auto;
border-radius: 5px;
padding: 2px;
border: 1px solid #cbcbcb;
position: relative;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
float: left;
margin-right: 10px;
}
div.fb-link a img:hover, .yt-link a:hover img{
border-color: orange
}

.yt-link img {
border: 1px solid #cbcbcb;
border-radius: 5px;
}

/* ==========================================================================
Main Navigation
========================================================================== */

/*.main-navigation {
text-align: left;
float: right;
clear: right;
margin: 45px 0 0 0;
margin: 2.8125rem 0 0 0;
}*/

/*.main-navigation h1 {
font-size: 32px;
font-size: 2rem;
line-height: 1.25;
}*/

.menu-menu-1-container{
display: table;
margin: 0 auto;
}
.nav-menu {
font-style: normal;
font-weight: 300;
font-size: 18px;
font-size: 22px;
line-height: 1.5;
text-transform: lowercase;
}

.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

.main-navigation li {
float: left;
position: relative;
margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */
margin: 0 1.1rem 0 1.1rem;
}
.main-navigation li.lang-item {
float: right;
}
.main-navigation ul ul li {
margin: 0;
}

.main-navigation li.menu-item-has-children > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 9px;
font-size: 0.5em;
content: " \f0d7";
}

.main-navigation ul a {
padding: 0; /* Padding around each top level menu option (if needed) */
}

.main-navigation ul ul a {
padding: 0 5px; /* Padding around each dropdown menu option */
padding: 0 0.3125rem;
}

.main-small-navigation a, .main-navigation a {
display: block;
text-decoration: none;
color: #737277; /* Nav bar link color */
}

.main-navigation ul ul {
display: none;
position: absolute;
left: 0;
z-index: 99999;
line-height: 1.7;
background-color: rgba(255,255,255,0.8);
/*-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);*/
/*border-left: 1px solid orange;*/
/*border-right: 1px solid orange;*/
border-top: 1px solid rgba(255,255,255,0.8);
margin-top: -1px;
}

.main-navigation ul ul ul {
left: 100%;
top: 0;
}

.main-navigation ul ul a {
color: #595959; /* Nav bar dropdown link color */
width: 6em; /* Nav bar dropdown width */
padding: 6px 8px;
font-size: 18px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
color: orange; /* Nav bar link color on hover */
/*color: #2997ab;*/
font-weight: 300;
}

.main-navigation ul ul :hover > a {
color: #333; /* Nav bar dropdown level 2 link color on level 3 hover */
background-color: #fff; /* Nav bar dropdown link background color on hover */
}

.main-navigation ul ul a:hover {
color: #2997ab; /* Nav bar dropdown link color on hover */
}

.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation ul ul li:first-child{
padding-top: 10px;
}
.main-navigation ul ul li:last-child{
/*border-bottom: 1px solid orange;*/
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
border-bottom: 1px solid #fff;
/*font-weight: 400;*/
color: #2997ab;
color: orange;
border-bottom: 1px solid orange;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #2997ab; /* Nav bar link color for current menu item or ancestor */
color: orange;
}

.main-navigation ul .divider {
border-bottom: 1px solid #aaa;
height: 0;
line-height: 0.0625;
overflow: hidden;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
color: #aaa; /* Nav bar dropdown header color */
background-color: rgba(255,255,255,0.9); /* Nav bar dropdown header background color */
}

/* Small menu toggle for mobile devices */
.menu-toggle {
cursor: pointer;
}

.main-small-navigation .nav-menu {
display: none;
}


/* ==========================================================================
navidation styling section
========================================================================== */

/*.navigation{
margin-top: 20px;
}
.navigation ul{
list-style-type: none;
}
.navigation ul li{
float: left;
margin-right: 22px;
font-size: 22px;
font-weight: 300;
cursor: pointer;
transition: 0.1s;
padding: 2px;
letter-spacing: 1px;
text-align: center;
border-bottom: 2px solid #FFF;
}

.navigation ul li:hover{
border-bottom: 2px solid orange;
transition: 0.4s;
}
.menu-menu-1-container ul li{
position: relative;
float: left;
}
.menu-menu-1-container ul li:hover > ul{
position: absolute;
top: 100%;
opacity: 1;
}
.menu-menu-1-container ul li ul:hover{
position: absolute;
top: 100%;
opacity: 1;
}
.menu-menu-1-container ul ul{
position: absolute;
top: -99999999px;
left: 0;
opacity: 0;
text-align: left;
margin-left: -44px;
}
.menu-menu-1-container ul ul li{
display: block;
background-color: rgba(255,255,255,0.8);
left: 0;
margin-top: 2px;
}*/



/* main section styling */
.mainSection section{
display: block;
clear: both;
min-height: 400px;
}
.mainSection .title{
margin: 0 auto;
padding-top: 15px;
height: 40px;
width: 50%;
}
.name-header{
display: table;
margin: 15px auto 0 auto;
margin-bottom: 10px;
}
.mainSection h2.sectionTagline{
margin: 15px 0;
text-align: center;
color: orange;
/*background-color: #e67e22;*/
font-size: 30px;
line-height: 35px;
font-weight: 300;
width: 100%;
display: inline;
padding: 0 10px;
}

/* article styling */
article.newsItem:hover{
box-shadow: 1px 0 5px rgba(120,120,120,0.2);
background-repeat: repeat-x;
background-position: bottom;
/*background-image: url(images/pattern1.png);*/
}
article.newsItem{
padding-bottom: 15px;
padding-top: 10px;
border-bottom: 1px solid #e2e2e2;
/*transition: 0.05s;*/
margin-bottom: 10px;
}
article.newsItem:last-child{
border-bottom: 1px solid #fff;
}
.newsItem img{
width: 120px;
height: 120px;
min-height: auto;
/*min-width: 100%;*/
margin-top: 20px;
border: 1px solid #e2e2e2;
padding: 3px;
}
.newsItem h2{
font-size: 24px;
width: 355px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: left;
font-weight: 400;
transtion: 0.3s;
line-height: 30px;
}

.date-stamp{
font-size: 14px;
color: #FFF;
/*background-color: #e67e22;*/
/*background-color: #2997ab;*/
float: right;
margin-top: 23px;
/*width: 140px;*/
height: 24px;
font-weight: 100;
}
.date-stamp:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 13px;
margin-right: -4px;
content: "\f073";
color: #ffd2ae;
}
.date-stamp span{
padding: 4px;
line-height: 25px;
color: orange;
font-weight: 300;
}
.article-data{
height: 30px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
transition: 0.1s;
padding: 0 5px 0 5px;
}
/*.article-data:hover{
box-shadow: 1px 1px 5px rgba(120,120,120,0.4);
}*/
.article-data{
position: relative;
}
.article-data a{
transition: 0.1s;
}
.article-data a:hover{
color: orange;
}
.article-data .article-author,
.article-data .article-category{
font-size: 15px;
}
.article-data .article-author span,
.article-data .article-category span{
font-weight: 400;
line-height: 28px;
}
.article-data .article-author{
float: left;
font-weight: 300;
}
.article-data .article-category{
float: right;
font-weight: 300;
}
.article-data .article-author:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 14px;
margin-right: 3px;
content: "\f007 ";
color: #d2d2d2;
}
.article-data .article-category:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 14px;
margin-right: 3px;
content: "\f114 ";
color: #d2d2d2;
}
.article-excerpt{
border-left: 2px solid #e67e22;
padding-left: 8px;
font-weight: 300;
margin-top: 10px;
}

/* social buttons styling */
.buttons{
/*position: relative;*/
margin-top: 60px;
}
.social-btn{
margin: 20px 0 20px 0;
height: 40px;
}
.social-btn ul{
list-style-type: none;
padding: 0;
float: right;
margin-top: 10px;
}
.social-btn ul li{
float: left;
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 6px;
transition: .3s;
margin-top: 5px;
}
.fb-btn{
background-image: url(images/soc-btn.png);
background-position: -1px 31px;
background-color: #2ecc71;
border: 1px solid #2ecc71;
}
.tw-btn{
background-image: url(images/soc-btn.png);
background-position: 95px 31px;
background-color: #2ecc71;
border: 1px solid #2ecc71;
}
.email-btn{
background-image: url(images/soc-btn.png);
background-position: 31px 31px;
background-color: #2ecc71;
border: 1px solid #2ecc71;
}
.print-btn{
background-image: url(images/soc-btn.png);
background-position: 63px 31px;
background-color: #2ecc71;
border: 1px solid #2ecc71;
}
.fb-btn:hover{
background-image: url(images/soc-btn.png);
background-position: -1px 0px;
background-color: #FFF;
border: 1px solid #2ecc71;
}
.tw-btn:hover{
background-image: url(images/soc-btn.png);
background-position: 95px 0px;
background-color: #FFF;
border: 1px solid #2ecc71;
}
.email-btn:hover{
background-image: url(images/soc-btn.png);
background-position: 31px 0px;
background-color: #FFF;
border: 1px solid #2ecc71;
}
.print-btn:hover{
background-image: url(images/soc-btn.png);
background-position: 63px 0px;
background-color: #FFF;
border: 1px solid #2ecc71;
}

/* read more styling*/
.read-more{
background-color: #3498db;
text-align: center;
font-size: 16px;
font-weight: 200;
letter-spacing: 1px;
line-height: 30px;
color: #FFF;
z-index: 999;
border: 1px solid #FFF;
display: inline;
padding: 8px 12px;
position: absolute;
bottom: 0;
right: 10px;
transition: .3s;
border: 1px solid #3498db;
}
.read-more:hover{
border: 1px solid #3498db;
background-color: #FFF;
color: #3498db;
font-weight: 300;
text-decoration: none;
}






/* aside section styling */
.aside h2{
/*color: #e67e22;*/
color: #4285a8;
font-size: 26px;
font-weight: 300;
/*border-bottom: 2px solid #e67e22;*/
border-bottom: 1px solid #4285a8;
padding-bottom: 10px;
}
.aside h2 a{
color: #4285a8;
}
.search{
border-bottom: 1px solid #4285a8;
margin: 15px 0;
padding-bottom: 5px;
}
.search input{
margin-top: 0px;
border-radius: 3px;
border: 1px solid #dbdbdb;
height: 30px;
font-weight: 200;
letter-spacing: 1px;
text-align: center;
position: relative;
left: 5px;
outline: none;
width: 200px;
}
.search input:last-child{
/*margin-top: 20px;*/
top: 9px;
position: relative;
border: 0;
left: 10px;
margin-top: 0px;
height: 30px;
width: 30px;
}
.search label{
color: #4285a8;
font-size: 26px;
letter-spacing: 1px;
font-weight: 300;
margin-top: 2px;
position: relative;
top: 5px;
}
.cat-widget ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.cat-widget ul li{
margin: 5px 0 3px 5px;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 5px;
position: relative;
height: 50px;
transition: 0.1s;
}
.cat-widget ul li:hover{
box-shadow: 1px 0 5px rgba(120,120,120,0.3);
}
.cat-widget ul li a.post-title{
/*float: right;*/
position: absolute;
top: 0px;
left: 70px;
width: 250px;
font-size: 16px;
font-weight: 300;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: 0.1s;
}
.cat-widget ul li a.post-title:hover{
color: orange;
}
.cat-widget ul li p{
position: absolute;
top: 25px;
right: 5px;
/*width: 120px;*/
margin-left: 60px;
font-size: 14px;
font-weight: 300;
}
.cat-widget ul li p:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 13px;
font-weight: 100;
margin-right: 4px;
content:  "\f073";
color: #b2b2b2;
}

.cat-widget ul li a img{
/*float: left;*/
vertical-align: middle;
padding: 1px;
border: 1px solid #e2e2e2;
margin-top: 2px;
width: 44px;
height: auto;
}
.cat-widget ul li:after{
clear: both;
}
ul.category-posts-internal .cat-post-item {
min-height: 75px;
padding-left: 75px !important;
}
ul.category-posts-internal .cat-post-item > div {
height: 100%;
}
ul.category-posts-internal .cat-post-item .cat-post-title {
white-space: normal;
height: 100%;
}
.last-posts{
background-color: #4285a8;
padding: 2px 5px 5px 5px;
margin: 15px 0 10px 0;
opacity: 0.5;
transition: 0.14s;
}
.last-posts:hover{
opacity: 1;
}
.last-posts h2{
color: #fff;
border-bottom: 1px solid #fff;
margin-top: 15px;
}
.last-posts ul{
list-style-type: none;
padding: 3px;
}
.last-posts ul li{
padding: 13px 0 5px 10px;
position: relative;
height: 36px;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.last-posts ul li:hover{
border-bottom: 1px solid #fff;
}
.last-posts ul li a{
color: #fff;
font-size: 16px;
font-weight: 200;
display:inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 210px;
/*height: 30px;*/
}
.last-posts ul li span{
font-weight: 300;
color: #e2e2e2;
position: absolute;
right: 0;
}
.cat-list ul{
list-style-type: none;
padding: 0 0 0 20px;
}
.cat-list ul li{
height: 30px;
transition: 0.05s;
padding: 3px 0 7px 9px;
border: 1px solid rgba(255,255,255, 0);
}
.cat-list ul li a:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 17px;
font-weight: 100;
margin-right: 8px;
content:  "\f097";
color: #595959;
}
.cat-list ul li a{
font-weight: 300;
font-size: 16px;
}
.cat-list ul li:hover{
/*background-color: #4285a8;*/
transition: 0.1s;
border: 1px solid #4285a8;
padding-bottom: 2px;
box-shadow: 1px 1px 10px rgba(50,50,50, 0.3);
}
.cat-list ul li:hover a:before{
color: #4285a8;
}
.cat-list ul li:hover a,
.cat-list ul li:hover{
/*color: #fff;*/
}
.video_widget ul{
list-style-type: none;
padding-left: 25px;
}
.video_widget ul li{
border: 1px solid #fff;
}
.video_widget ul li a{
font-weight: 300;
font-size: 16px;
color: #5b5c63;
color: #595959;
padding-left: 5px
}
.video_widget ul li:hover{
border-right: 3px solid #4285a8;
transition: all 0.1s ease-in-out;
border: 1px solid #4285a8;
box-shadow: 1px 1px 10px rgba(50,50,50, 0.3);
}
.video_widget ul li:nth-child(1) a:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 22px;
font-weight: 100;
margin-right: 8px;
color: #4285a8;
content: "\f008";
}
.mediateka h2{
height: 40px;
width: 100%;
background-color: #e67e22;
position: relative;
width: 100%;
border-bottom: 1px solid #fff;
}
.mediateka h2 a:after{
font-family: 'FontAwesome';
speak: none;
vertical-align: middle;
font-size: 17px;
font-weight: 100;
margin-left: 8px;
color: #fff;
content: "\f108";
/*content: "\f108  \f001  \f115  \f03e  \f0c1  \f03e";*/
}
.mediateka h2 a{
color: #FFF;
font-size: 26px;
font-weight: 300;
line-height: 38px;
padding-left: 5px;
}
.mediateka ul{
list-style-type: none;
margin-bottom: 35px;
padding: 0 0 0 20px;
}
.mediateka ul li{
padding: 5px 0 10px 10px;
/*transition: 0.05s;*/
height: 36px;
border: 1px solid rgba(255,255,255,0);
transition: all 0.1s ease-in-out;
}
.mediateka ul li a:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 17px;
font-weight: 100;
margin-right: 8px;
color: #d2d2d2;
}
.mediateka ul li:nth-child(1) a:before{
content: "\f001";
}
.mediateka ul li:nth-child(2) a:before{
content: "\f115";
}
.mediateka ul li:nth-child(6) a:before{
content: "\f03e";
}
.mediateka ul li:nth-child(3) a:before{
content: "\f0f6";
}
.mediateka ul li:nth-child(4) a:before{
content: "\f0c1";
}
.mediateka ul li:nth-child(7) a:before{
content: "\f022";
}
.mediateka ul li:nth-child(5) a:before{
content: "\f03e";
}

.mediateka ul a{
font-weight: 300;
font-size: 16px;
float: left;
/*color: #5b5c63;*/
color: #595959;
}
.mediateka ul p{
float: right;
color: #979c9d;
font-weight: 300;
font-size: 14px;
line-height: 24px;
}
.mediateka ul li:hover{
border-right: 3px solid orange;
transition: all 0.1s ease-in-out;
border: 1px solid orange;
box-shadow: 1px 1px 10px rgba(50,50,50, 0.3);
}
.mediateka ul li:hover a:before{
color: orange;
}
.mediaTeka h2{
height: 40px;
width: 100%;
background-color: #e67e22;
position: relative;

}
.mediaTeka h2 a{
color: #FFF;
font-size: 26px;
font-weight: 300;
line-height: 38px;
padding-left: 5px;
}
.mediaTekaBg{
background-image: url(../images/mediatekaitems.png);
width: 129px;
height: 25px;
position: absolute;
top: 7px;
right: 10px;
}

.confAndSems-item{
height: 47px;
width: 100%;
background-color: #f8f8f8;
padding: 1px;
position: relative;
margin: 10px 0;
transition: .15s;
}
.confAndSems-item:hover{
box-shadow: 1px 1px 10px rgba(50,50,50, 0.3);
}
.squareImg{
width: 45px;
height: 45px;
}
.confAndSems-item h3{
font-size: 20px;
font-weight: 200;
display: inline;
position: absolute;
bottom: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 83%;
padding-left: 10px;
}
.utility-text{
position: absolute;
bottom: 8px;
height: 14px;
right: 5px;
}
.utility-text p:first-child{
border-right:2px solid #e67e22;
margin-right: 8px;
color: #e67e22;
font-weight: 300;
letter-spacing: 0.5px;
}
.utility-text p{
float: left;
padding-right: 10px;
font-size: 13px;
}


.getNews-item{
padding-left: 10px;

}
.getNews-item span{
font-size: 30px;
float: left;
padding-right: 10px;
line-height: 50px;
color: #3498db;
}
.getNews-item h4{
font-weight: 300;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.5px;
}
.leaveMail{
background-color: #3498db;
text-align: center;
font-size: 16px;
font-weight: 200;
letter-spacing: 1px;
line-height: 26px;
color: #FFF;
z-index: 999;
border: 1px solid #FFF;
display: inline;
padding: 5px 10px;
transition: .3s;
border: 1px solid #3498db;
}
.leaveMail:hover{
border: 1px solid #3498db;
background-color: #FFF;
color: #3498db;
font-weight: 300;
}

/* single page, archive etc styling*/
.page-title{
color: orange;
font-weight: 300;
}
footer{
height: 220px;
background-color: #2c3e50;
margin-top: 60px;
}
footer h2{
color: #ecf0f1;
font-weight: 200;
font-size: 18px;
text-align: center;
}
footer h2 span{
font-weight: 300;
}
footer h3, footer h4{
color: #bdc3c7;
font-weight: 200;
font-size: 15px;
text-align: center;
}
footer h4{
margin-top: 40px;
}
footer a{
width: 150px;
}
footer img{
width: 80px;
height: auto;
display: block;
margin: 0 auto;
}
footer .scrollToTopWrapper{
margin-top: 40px;
/*margin-right: 310px;*/
cursor: pointer;
}
footer .scrollToTop{
height: 34px;
width: 34px;
background-image: url(images/img/top.png);
background-position: 0 0;
transition: .3s;
border: 1px solid #2ecc71;
border-radius: 50%;
background-color: #2ecc71;
}
footer .scrollToTop:hover{
background-image: url(images/img/top.png);
background-position: 0 -34px;
}
footer .scrollToTop a{
border: none;
}
footer .NESTlogo{
display: block;
margin: 0 auto;
width: 90px;
height: 67px;
transition: 0.2s;
background-image: url(images/logobw.png);
}
footer .NESTlogo:hover{
background-image: url(images/logo1.png);
}

.clear{
clear: both;
}

/* pagination styling */
.pagination{
margin: 20px 0;
display: block;
text-align: center;
}
.pagination span{
font-size: 16px;
font-weight: 100;
margin: 0 6px;
}
div .pagination span.nums{
border: 1px solid #d2d2d2;
padding: 2px 3px;
border-radius: 5px;
}
div .pagination span.paggActive{
font-weight: 400;
}

/* article page styling */
p{
/*font-size: 16px;*/
font-size: 1.1em;
}
.articleBody > div{
min-height: 400px;
}
.articleBody p{
text-indent: 2.1em;
font-weight: 300;
margin-top: 25px;
/*font-size: 17px;*/
letter-spacing: 0.5px;
}
.articleBody p a{
text-decoration: underline;
color: orange;
padding-left: 20px;
}
.articleBody p a:before{
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
speak: none;
vertical-align: middle;
font-size: 15px;
margin-right: 5px;
padding-bottom: 2px;
content:  "\f045";
color: orange;
}
.articleImg{
float: left;
margin-right: 15px;
}
h2.singleTitle{
float: left;
width: 560px;
font-weight: 300;
}
/* ==========================================================================
Pagginationcustomization
========================================================================== */
.paggination-wrapper{
margin-top: 30px;
}
div.paggination{
display: block;
margin: 0 auto;
width: 100%;
}
.paggination li a,
.paggination li a:hover,
.paggination li.active a,
.paggination li.disabled {
color: #fff;
text-decoration:none;
}

.paggination li {
display: inline;
transition: .3s;
}

.paggination li a,
.paggination li a:hover,
.paggination li.active a,
.paggination li.disabled {
background-color: #fff;
color: #b2b2b2;
border: 1px solid #f2f2f2;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
transition: 0.1s;
}
.paggination li a:hover{
background-color: #fff;
border: 1px solid #3498db;
color: #3498db;
box-shadow: 1px 1px 10px rgba(50,50,50, 0.2);
}
.paggination li.active a {
background-color: #3498db;
color: #fff;
}
.paggination li.active a:hover{
color: #3498db;
background-color: #fff;
opacity: 1;
border: 1px solid #3498db;
}
/* author page */
.author-header{
margin-top: 20px;
}
#author-info{

}
#author-info #author-avatar{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
#author-info #author-avatar img{
padding: 4px;
border: 1px solid #d2d2d2;
}
.author-data h4{
font-size: 25px;
color: #4285a8;
font-weight: 300;
}
/* Social Media icons */
.social-meta{
display: block;
height: 40px;
width: 500px;
}
.social-meta{
font-size: 24px;
}
.social-meta a i:hover{
color: orange;
border-bottom: 2px solid orange;
}
.social-media-icons {
float: right;
height: auto;
}

.social-media-icons ul {
list-style: none;
margin: .5em 0 0 0;
padding: 0;
}

.social-media-icons li {
display: inline-block;
margin: 0.1em 0 0 0.6em;
font-size: 0.6rem;
text-align: left;
}

.social-media-icons a {
color: #333;
text-decoration: none;
}

.social-media-icons a:visited {
color: #333;
}

.social-media-icons a:hover, .social-media-icons a:active {
color: #2997ab;
}

/* author page */
@media  (max-width: 1199px){
.cat-widget ul li a.post-title{
width: 200px;
};
.last-posts ul li a{
width: 130px;
};
.tagline h1{
letter-spacing: 2px !important;
}
.search input{
width: 230px;
}
}
@media (max-width: 981px){
/*.newsItem div:first-child{
display: none;
}*/
.tagline h1{
margin-top: 10px;
font-size: 150%;
}
.navigation ul li{
margin-right: 15px;
font-size: 20px;
}
.newsItem{
margin: 20px 0;
background-color: #ecf0f1;
padding: 5px;
z-index: 1;
transition: 0.2s;
}
article.newsItem:hover{
box-shadow: 1px 1px 10px rgba(50,50,50, 0.3);
}
.newsItem img{
display: block;
margin: 0 auto;
margin-top: 10px;
width: 170px;
height: 170px;
}
.tagline{
margin-bottom: 20px;
margin-top: 20px;
}
.tagline h2{
margin-top: 10px;
}
.search input{
width: 78.5%;
}
.paggination-wrapper {
margin-top: 30px;
margin-bottom: 50px;
border-bottom: 1px dashed #cdcdcd;
padding: 0px 0 15px 0;
margin: 0 auto;
display: block;
}
}
.cat-widget .cat-post-item {
    height: auto;
    padding: 0 0 5px 56px !important;
    position: relative;
}
.cat-widget .cat-post-thumbnail {
    position: absolute;
    top: 4px;
    left: 5px;
    margin: 0 !important;
}
.cat-widget .cat-post-title {
    font-size: 16px !important;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.1s;
    display: block;
    text-overflow: ellipsis;
}
.cat-widget .cat-post-date {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    font-style: normal !important;
}
.cat-widget .cat-post-date::before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    speak: none;
    vertical-align: top;
    font-size: 13px;
    font-weight: 100;
    margin-right: 4px;
    content: "\f073";
    color: #b2b2b2;
}

@media (max-width: 767px) {
    body {
        min-width: inherit;
    }
}