// Everything about widgets


.widget {

    margin-bottom: 30px;
}

.widget select {
    
    width: 100%;
    height: 43px;
    padding:5px 10px;
}

.widget:last-child {

    margin-bottom: 0px;
}

.widget:first-child {

	margin-bottom: 30px;
}

footer .widget {

    margin-bottom: 30px;
}

header .widget,
.primary-insta-widget-area .widget {

	margin:0;
}

footer.secondary-widget-area .widget {

	border:none;
	padding:0;
}

.secondary-widget-area .widget {

    padding:30px;
}

.widget .widget_title {

    border-bottom:2px solid $border_color;
    margin-bottom:30px;
}

.widget .widget_title h3 {

	display: inline-block;
    position: relative;
    font-style: normal;
}

.widget .widget_title::after {

	content:'';
    display: block;
    position: relative;
    width: 50px;
    height: 2px;
    background: $primary_color;
    bottom: -2px;
}

.widget.widget_search button[type="submit"] {

    font-size: 20px;
}

/*
====================================================
=
= Auhtor widget @ secondary widget area
=
==========================================
*/


.fb-author-widget .widget-container {

    text-align:center;
}

.fb-author-widget .lazy-thumb {

    padding-bottom:100%;
}

.fb-author-widget .author-thumb {

    @include border_radius(100%);
}

.fb-author-widget .author-thumb img {

    width:284px;
    height:284px;
    @include border_radius(100%);
    margin:0 auto;
    object-fit: cover;
    object-position: center center;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-position: center center;
    -webkit-object-position: center center;
    -moz-object-position: center center;
    -o-object-position: center center;
}

.fb-author-widget .author-title {
    
    margin-bottom: 15px;
}

.fb-author-widget .author-title h3 {

    font-size:24px;
}

.fb-author-widget .author-bio {

    margin-top:20px;
    margin-bottom:20px;
}

.fb-author-widget .author-bio p {

    overflow: hidden;
    max-height: 4.7em;
    text-overflow: ellipsis;
}

.fb-author-widget .author-permalink span {

    display:inline-block;
    padding:0 5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; 
}

.fb-author-widget .author-permalink a {

    padding: 15px 40px;
    line-height: 1;
}



/*
====================================================
=
= Social widget @ secondary widget area
=
==========================================
*/


.fb-social-widget-1 .social-icons ul li:first-child a {

    padding-left:0;
}

.fb-social-widget-1 .social-icons ul li:last-child a {

    padding-right:0;
}



/*
====================================================
=
= Post widget @ secondary widget area
=
==========================================
*/


.fb-post-widget article {

    margin-bottom:20px;
    padding-bottom:20px;
}

.fb-post-widget article:last-child {

    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
}

.fb-post-widget .fb-row {

    margin:0;
    align-items: center;
}

.fb-post-widget .fb-row .fb-col {

    padding-left: 0;
    padding-right:0;
}

.fb-post-widget .fb-row .fb-col:last-child {

    padding-left:20px;
}

.fb-post-widget .lazy-thumb {

    padding-bottom:100%;
}

.fb-post-widget .the-title a {

    display:block;
    line-height:1.4;
    padding-bottom:5px;
}

.fb-post-widget .entry-metas ul li.posted-date a {

    background:none;
    padding:0;
}

.fb-post-widget .entry-metas ul li.posted-date a:hover {

    background:none;
}

.fb-post-widget .fb-row .fb-col:first-child {

    flex:99px;
    max-width:99px;
}

.fb-post-widget .fb-row .fb-col:last-child {

    flex:calc( 100% - 99px );
    max-width:calc( 100% - 99px );
}

.fb-post-widget .post-thumb {

    @include border_radius(100%);
} 

.fb-post-widget .post-thumb img {

    @include border_radius(100%);
}



// Popular post style 1


.fb-popular-posts .post-thumb {

    @include border_radius(5px);
}

.fb-popular-posts .post-thumb img {

    @include border_radius(5px);
}

.fb-popular-posts .count {

    display:inline-block;
    position:absolute;
    left: 5px;
    top: 5px;
    z-index: 5;
    color:$white;
    font-style:normal;
    font-size:16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    @include border_radius(100%);
}