
// Everything about widgets


.widget {

    margin-bottom: 30px;
}

.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;
}



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


.gb-author-widget .widget-container {

    text-align:center;
}

.gb-author-widget .lazy-thumb {

    padding-bottom:100%;
}

.gb-author-widget .author-thumb {

    @include border_radius(100%);
}

.gb-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;
}

.gb-author-widget .author-bio {

    margin-top:10px;
    margin-bottom:15px;
}

.gb-author-widget .author-bio p {

    overflow:hidden;
    max-height: 6em;
}

.gb-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; 
}

.gb-author-widget .author-permalink a:hover span {

    padding:0 20px;
}



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


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

    padding-left:0;
}

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

    padding-right:0;
}



/*
====================================================
=
= Instagram widget
=
==========================================
*/


.secondary-widget-area .gb-instagram-widget .widget_title {

    display:block;
}

.gb-instagram-widget ul {

    display:flex;
    flex-wrap: wrap;
    list-style: none;
}

.gb-instagram-widget ul li,
.gb-instagram-widget ul li a {

    display:block;
}

.secondary-widget-area .gb-instagram-widget ul li {

    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 2px;
    background: transparent;
}

.secondary-widget-area .gb-instagram-widget .follow-permalink a {
    
    display:block;
    padding:10px 0;
    color:$white;
    text-decoration: none;
    text-align:center;
    line-height: 1;
    margin-top: 27px;
}


// Insta widget at footer top 


.gb-instagram-widget .widget_title {

    display:none;
}

.gb-instagram-widget ul {

    justify-content: center;
}

.gb-instagram-widget ul li {

    flex: 0 0 16.666666%;
    max-width: 16.666666%;
    padding: 0;
    background: transparent;
    @include transation_delay(); 
}

.primary-insta-widget-area .follow-permalink {

    display:none;
}


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


.gb-post-widget article {

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

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

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

.gb-post-widget .gb-row {

    margin:0;
    align-items: center;
}

.gb-post-widget .gb-row .gb-col {

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

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

    padding-left:20px;
}

.gb-post-widget .lazy-thumb {

    padding-bottom:100%;
}

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

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

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

    background:none;
    padding:0;
}

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

    background:none;
}

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

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

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

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

.gb-post-widget .post-thumb {

    @include border_radius(100%);
} 

.gb-post-widget .post-thumb img {

    @include border_radius(100%);
}


// Recent post style 1





// Popular post style 1


.gb-popular-posts .post-thumb {

    @include border_radius(5px);
}

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

    @include border_radius(5px);
}

.gb-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%);
}




