When We Cease To Speak
A graphic recording by
Jana Traboulsi
When We Cease To Speak
A graphic recording by
Jana Traboulsi
* * *
This piece is part of "Transgenerations," a series of talks and texts by women writers on their search for the discarded traces of the past and their experimentation with forms of retrieval and narration. Inspired by their archival scholarship and work in memoir, biography, and fiction, it showcases modes of writing minor histories that reimagine the past and challenge dominant narratives. The series is curated by Sara Mourad and Rima Rantisi and supported by the Faculty of Arts and Sciences at the American University of Beirut.
"When we Cease to Speak" is a lecture by Adania Shibli, delivered in Beirut in March 2024 at the American University of Beirut as part of the series "Transgenerations."
/* Menu active class */
nav ul.sf-menu>li.menu-item{
transition: 0.3s all;
}
nav ul.sf-menu>li.menu-item>a {
border-bottom: 1px solid #3b2eed;
padding: 10px 15px !Important;
transition: 0.3s all;
height: 64px;
}
nav ul.sf-menu>li.menu-item.current-menu-item>a, nav ul.sf-menu>li.menu-item:hover>a {
border: 1px solid #3b2eed;
border-bottom: 0;
}
nav ul.sf-menu>li.menu-item:first-child>a::before {
content: '';
position: absolute;
left: -15px;
bottom: -1px;
height: 1px;
width: 15px;
background: #3b2eed;
}
nav ul.sf-menu>li.menu-item:nth-last-child(2)>a::before {
content: '';
position: absolute;
right: -15px;
bottom: -1px;
height: 1px;
width: 15px;
background: #3b2eed;
}
.custom-h4 {
border-bottom: 1px solid #3b2eed;
}
span.custom-h4-span {
display: inline-flex;
border: 1px solid #3b2eed;
padding: 2px 6px;
position: relative;
background: #fff!important;
font-size: 15px;
font-weight: 500;
}
span.custom-h4-span:before {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -2px;
background: #fff!important;
}
/* Sidebar */
.sidebar {
width: 300px !IMPORTANT;
background-color: #513894;
min-height: 100vh;
height: 100%;
position: fixed;
top: 0;
left: -300px;
z-index: 2;
transition: 0.3s all;
overflow: auto;
}
.sidebar ul{
margin: 0;
}
.sidebar.show {
left: 0;
}
.sidebar_logo {
padding: 10px;
margin-bottom: 30px;
transition: 0.3s all;
margin-top: 90px;
}
.sidebar_logo>a {
display: inline-block;
}
.sidebar ul>li{
margin-bottom: 15px;
}
.sidebar ul>li>a {
position: relative;
font-size: 13px;
font-weight: 700;
height: auto;
letter-spacing: 0px;
line-height: 1.2;
margin: 0;
padding: 8px 0;
color: #fff !important;
display: inline-block;
text-transform: uppercase;
-webkit-transition: padding .2s ease;
-moz-transition: padding .2s ease;
transition: padding .2s ease;
}
.sidebar-wrap{
padding: 0 10px;
}
.sidebar-wrap>h6{
margin: 0 0 15px;
font-size: 18px;
font-weight: 700 !important;
color: #ee4902;
}
.sidebar ul>li>a>img {
margin-right: 13px;
min-width: 24px;
max-width: 24px;
}
.sidebar ul>li>a:hover>img {
filter: brightness(100);
}
button.expand_content {
background: transparent;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
position: relative;
padding-left: 30px;
}
.expand_content>span {
width: 18px;
height: 2px;
background-color: #3b2eed;
border-radius: 10px;
position: absolute;
left: 0;
right: 0;
}
.expand_content>span:first-child {
top: 1px;
}
.expand_content>span:nth-child(2) {
top: 6px;
}
.expand_content>span:nth-child(3) {
top: 11px;
}
header#top {
z-index: 1;
}
.sidebar.show>span{
background: #fff;
top: 50px;
right: 20px;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sidebar.show>span>img{
width: 15px !important;
margin: 0 !important;
}
.close-sidebar{
position: absolute;
top: -38px;
left: auto;
right: 0;
margin-left: auto;
background: #fff;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.close-sidebar>img{
width: 18px !important;;
margin-bottom: 0 !important;
}
body.material #header-outer[data-header-resize="0"]:not([data-format=left-header]):not(.scrolled-down):not(.fixed-menu){
border-bottom: none !important;
}
.homeposts .author_img img{
border-radius: 50%;
width: 75px !important;
height: 75px;
}
.homeposts .postdata h4.posttitle {
color: #3b2eed;
font-size: 17px;
line-height: 1.1;
margin-bottom: 5px;
text-transform:uppercase;
}
.homeposts .postdata h5.postauthorname {
color: #3b2eed;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
text-transform:uppercase;
}
.featured_box_homepage .featured_inner_box:not(:last-child){
margin-bottom: 40px;
}
.featured_box_homepage {
position: relative;
display: flex;
align-items: center;
}
.featured_box_homepage h4.customv-h4 span.customv-h4-span {
transform: rotate(270deg);
display: inline-flex;
border: 1px solid #3b2eed;
border-bottom: 1px solid #fff;
padding: 2px 6px;
position: absolute;
left: 3px;
background: #fff !important;
font-size: 15px;
font-weight: 500;
width: 120px;
align-items: center;
justify-content: center;
}
.featureinrwrap{
padding-left: 130px;
}
.featureinrwrap::before {
content: '';
position: absolute;
background: #3b2eed;
width: 1px;
height: 100%;
left: 78px;
top: 0;
z-index: -1;
}
span.custom-h4-span2 {
display: inline-flex;
border: 1px solid #3b2eed;
padding: 2px 6px;
position: relative;
background: #3b2eed !important;
font-size: 15px;
font-weight: 500;
color: #fff;
}
.custom2-h4 {
border-bottom: 1px solid #3b2eed;
}
.custom3-h4{
border-bottom: 1px solid #3b2eed;
}
.custom-h4-span3{
display: inline-flex;
border: 1px solid #3b2eed;
padding: 2px 6px;
position: relative;
background: #eee !important;
font-size: 15px;
font-weight: 500;
}
span.custom-h4-span3::before {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -2px;
background: #eee !important;
}
p.postexcerpt {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size:12px;
line-height:14px;
font-family:tajawal;
padding-top:10px
}
.main>.container>img{
max-width: 100%;
}
.main-wrap-inner {
background: #f0f0ee;
display: flex;
align-items: flex-start;
width: 100%;
padding: 0 140px 0 30px;
gap: 40px;
position: relative;
}
.main-left-sidebar{
width: 30%;
}
.left-top-banner-section{
border: 1px solid #564be7;
margin-top: -50%;
background: #f0f0ee;
}
.main-right-sidebar{
width: 70%;
}
.main-right-sidebar>div{
background: #f0f0ee;
}
.sp_cat_name {
color: #3b2eed;
text-transform: uppercase;
padding: 5px 10px;
border-bottom: 1px solid #3b2eed;
margin: 0;
font-size: 15px;
}
h2.posttitle {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
padding: 5px 10px 0;
color: #3b2eed;
text-transform: uppercase;
margin: 0;
background: #ffffff;
}
.left-top-banner-section p{
margin: 0;
padding: 10px;
}
.bottom-accordian .accordian{
width: 100%;
margin: 0;
}
.left-top-banner-section h4{
border-bottom: 2px solid #3b2eed;
}
.left-top-banner-section p{
border-bottom: 1px solid #3b2eed;
display: flex;
gap: 8px;
font-family: Tajawal;
}
.left-top-banner-section p span:first-child {
color: #000000;
font-size: 13px;
line-height: 1.2;
text-transform: uppercase;
width: 35%;
display: inline-block;
}
.left-top-banner-section p span:last-child {
color: #3b2eed;
font-weight: 500;
font-size: 18px;
line-height: 0.95;
font-family: Tajawal;
width: 65%;
}
.left-top-banner-section p.authname{
background: #ffffff;
}
.left-top-banner-section p.tagsby {
font-size: 14px;
}
.left-top-banner-section p.shareby a:not(:last-child){
margin-right:10px;
}
.left-top-banner-section p.shareby{
border-bottom: 0;
}
.bottom-accordian{
margin-top: 150px;
}
.bottom-accordian .accordion{
width: 100%;
margin: 0;
border: 1px solid #3b2eed;
}
.bottom-accordian .accordion .accordion-item {
margin: 0;
box-shadow: none;
border-radius: 0;
background: #f0f0ee;
}
.bottom-accordian .accordion .accordion-item .accordion-item-header {
min-height: auto;
font-family: Tajawal;
font-size: 15px;
font-weight: 700;
padding: 5px 10px;
color: #3b2eed;
text-transform: uppercase !important;
}
.bottom-accordian .accordion .accordion-item .accordion-item-header:not(.active) {
border-bottom: 1px solid #3b2eed;
}
.bottom-accordian .accordion .accordion-item .accordion-item-header::after{
min-height: auto;
font-family: Tajawal;
font-size: 22px;
font-weight: 700;
color: #3b2eed;
}
.bottom-accordian .accordion-item-body-content{
border-image: none;
border-top: 0;
}
.bottom-accordian .authorpostlist_img img, .bottom-accordian .authorpostlist_img img{
width: 100%;
}
.bottom-accordian .authorpostlist, .bottom-accordian .authorpersonalimg{
display: flex;
align-items: center;
gap: 15px;
}
.bottom-accordian .authorpostlist_img img, .bottom-accordian .authorpostlist_img img, .bottom-accordian .authorpostlist_img img {
width: 80px;
height: 100%;
object-fit: cover;
}
.bottom-accordian .authorpersonalimg img{
width: 140px;
height: 100%;
object-fit: cover;
}
.bottom-accordian .authorpostlist_img p:first-child{
margin-bottom: 7px;
}
.bottom-accordian .authorpostlist_img p{
font-family: Tajawal;
font-size: 15px;
line-height: 1.2;
}
.bottom-accordian .accordion .accordion-item:last-child .accordion-item-header {
border-bottom: 0;
}
.bottom-accordian .accordion .accordion-item:not(:last-child) .accordion-item-header.active + .accordion-item-body {
border-bottom: 1px solid #3b2eed;
}
.bottom-accordian .accordion-item-body-content{
padding: 5px 10px 10px;
}
.single .row.heading-title.hentry{
display: none;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheet
div {
display: block;
}
.accordion-item {
background-color: #fff;
color: #111;
margin: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
style attribute {
--scroll-bar-w: 13px;
user-select: auto;
cursor: auto;
}
html body {
--wp--style--global--content-size: 1600px;
--wp--style--global--wide-size: 1900px;
}
body {
font-family: 'Montserrat', sans-serif;
background-color: #34495e;
color: #fff;
}
body, .toggle h3 a, body .ui-widget, table, select, .bar_graph li span strong, #slide-out-widget-area .tagcloud a, body .container .woocommerce-message a.button, #search-results .result .title span, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .row .col.section-title .nectar-love span, body .nectar-love span, body .nectar-social .nectar-love .nectar-love-count, body .carousel-heading h2, .sharing-default-minimal .nectar-social .social-text, body .sharing-default-minimal .nectar-love, .widget ul.nectar_widget[class*="nectar_blog_posts_"] > li .post-date, .single [data-post-hs="default_minimal"] #single-below-header span, .single .heading-title[data-header-style="default_minimal"] #single-below-header span, #header-outer .nectar-image-link-widget .image-link-content span, #slide-out-widget-area.fullscreen .nectar-image-link-widget .image-link-content span, #slide-out-widget-area.fullscreen-alt .nectar-image-link-widget .image-link-content span, .nectar-header-text-content, #slide-out-widget-area .nectar-ext-menu-item .menu-item-desc, .woocommerce-checkout-review-order-table .product-info .product-quantity, #ajax-content-wrap .nectar-shop-header-bottom .widget_layered_nav_filters ul li a, #ajax-content-wrap .nectar-sticky-tabs .wpb_tabs_nav li .menu-content > a {
font-family: Tajawal;
font-size: 17px;
line-height: 22px;
}
body, body h1, body h2, body h3, body h4, body h5, body h6, .woocommerce div.product .woocommerce-tabs .full-width-content ul.tabs li a, .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb i, body:not(.original) .comment-list .comment-author, body:not(.original) .comment-list .pingback .comment-body > a, .post-area.standard-minimal .post .more-link span, #sidebar .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-date {
color: #000000;
}
body {
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans',Helvetica,sans-serif;
font-weight: 400;
line-height: 26px;
}
body {
max-width: 100%;
overflow: hidden;
background: #fff;
font-family: 'Open Sans',Helvetica,sans-serif;
color: #676767;
position: relative;
}
body {
margin: 0;
--wp--style--global--content-size: 1300px;
--wp--style--global--wide-size: 1300px;
}
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--spacing--20: 0.44rem;
--wp--preset--spacing--30: 0.67rem;
--wp--preset--spacing--40: 1rem;
--wp--preset--spacing--50: 1.5rem;
--wp--preset--spacing--60: 2.25rem;
--wp--preset--spacing--70: 3.38rem;
--wp--preset--spacing--80: 5.06rem;
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
style attribute {
--before_secondary_header_height: 57px;
}
:root {
--m-a-box-bp: 600px;
--m-a-box-bp-l: 599px;
}
:root {
--before_secondary_header_height: 0;
}
:root {
--nectar-border-radius: 0;
}
:root {
--container-width: 1600px;
}
:root {
--wp--style--root--padding-left: 90px;
--wp--style--root--padding-right: 90px;
--container-padding: 90px;
--nectar-resp-container-padding: 90px;
}
:root {
--nectar-starting-dark-header-color: #000000;
}
:root {
--nectar-starting-header-color: #ffffff;
}
:root {
--nectar-border-thickness: 1px;
}
:root {
--nectar-bg-color: #ffffff;
}
:root {
--nectar-accent-color: #3b2eed;
--nectar-extra-color-1: #02d492;
--nectar-extra-color-2: #000000;
--nectar-extra-color-3: #333333;
}
:root {
--mobile-container-width: 88%;
}
:root {
--scroll-bar-w: -2px;
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
injected stylesheet
:root {
--rulerNumbers: #000;
--ruler-num-fontsize: 10px;
--ruler-num-padding-line-start: 0.75ch;
--ruler-unit: 1px;
--ruler-x: 1;
--ruler-y: 1;
--ruler1-bdw: 1px;
--rulerBaseLine: #000;
--ruler1-h: 8px;
--ruler1-space: 5;
--ruler2-bdw: 1px;
--rulerTopLine: #000;
--ruler2-h: 20px;
--ruler2-space: 50;
--lineColor: #f89406;
--lineWidth: 1px;
}
.accordion-item-header.active::after {
content: "\2212";
}
.accordion-item-header::after {
content: "\002B";
font-size: 2rem;
position: absolute;
right: 1rem;
}
.sharediv{
gap: 8px !important;
height: 39.91px;
align-items: center;
}
.sharediv>span:first-child{
color: #000000;
font-size: 13px;
line-height: 1.2;
width: 34%;
gap: 8px;
}
.bottom-accordian .authorpersonalimg .authorPic {
max-height: 140px;
}
.authorpersonalimg .socialmedia{
position: relative;
top: 0;
/* width: calc(100% - 165px);
display: flex;
justify-content: center; */
}
.bottom-accordian .authorpostlist, .bottom-accordian .authorpersonalimg {
align-items: flex-end !important;
}
.ftainrwrap{
display: flex;
width: 100%;
gap: 15px;
}
.ftainrwrap .fta_inner_box {
width: 33.33%;
}
.ftainrwrap .fta_inner_box .posttitle a{
font-size: 17px;
line-height: 1.1;
}
.blog-recent[data-style=default] .col .post-header h3 {
margin-bottom: 3px;
letter-spacing: -.2px;
font-size: 17px;
line-height: 1.1;
}
.post-header .meta-author{
color: #3b2eed !important;
}
.post-header .meta-author a{
color: #3b2eed !important;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase;
}
.blog-recent .excerpt{
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 1.1;
font-family: tajawal;
padding-top: 10px;
}
p.postexcerpt {
font-size: 14px;
line-height: 1.1;
}
.nectar-post-grid .nectar-post-grid-link{
left: 50%;
background-size: contain;
background-position: center;
width: 100%;
height: 100%;
background-repeat: no-repeat;
margin: 0 auto;
transform: translateX(-50%);
}
.main>.container>img{
min-height: 330px;
max-height: 330px;
}
.fta_inner_box .postauthorname{
color: #3b2eed;
}
.ftapostdata h4.posttitle {
margin-bottom: 0;
}
.ftapostdata .postauthorname{
line-height: 1;
}
.ftapostdata .ftapostexcerpt{
padding-top: 10px;
}
@media screen and (max-width: 1300px) and (min-width: 1000px) {
.featureinrwrap::before {
left: 76px;
}
.featureinrwrap {
padding-left: 100px;
}
}
@media screen and (min-width: 1201px) {
.col_last nav{
position: relative;
}
.col_last nav::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #3b2eed;
bottom: 0;
z-index: 0;
}
#header-outer #top nav >ul.sf-menu > li > a{
margin-bottom: 0 !important;
}
#header-outer #top nav > ul.sf-menu > li:hover > a, #header-outer #top nav > ul.sf-menu > li.current_page_item> a{
border-bottom: 1px solid #fff !important;
}
}
@media only screen and (max-width: 1199px){
.main-wrap-inner{
padding: 0 20px;
gap: 10px;
}
.main-left-sidebar{
width: 40%;
}
.main-right-sidebar{
width: 60%;
}
}
@media only screen and (max-width: 999px){
.featureinrwrap {
padding-left: 0;
}
.featured_box_homepage {
display: block;
position: static;
}
.featureinrwrap::before {
display: none;
}
.featured_box_homepage h4.customv-h4 span.customv-h4-span {
display: inline-flex;
border: 1px solid #3b2eed;
padding: 2px 6px;
position: relative;
background: #fff !important;
font-size: 15px;
width: auto;
transform: rotate(0);
}
.customv-h4{
border-bottom: 1px solid #3b2eed;
margin-bottom: 30px !important;
}
span.customv-h4-span::before {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -2px;
background: #fff !important;
}
.main-right-sidebar .container.main-content {
max-width: 100%;
}
}
@media only screen and (max-width: 767px){
.main-left-sidebar, .main-right-sidebar {
width: 100%;
}
.main-wrap-inner {
flex-wrap: wrap;
gap: 20px;
}
.bottom-accordian{
margin-top: 20px;
}
.left-top-banner-section{
margin-top: 40px;
}
}
@media only screen and (max-width: 690px){
#header-outer .col {
margin-bottom: 0;
}
}
.sharediv {
display: flex;
gap: 20px;
padding: 10px;
}
