/*
Theme Name: France Bois Foret
Description: Theme enfant de Sydney pour France Bois Forêt
Author: Emiagic
Author URI: https://www.emiagic.com/
Template: sydney
Version: 1.0.0
*/

/* === Colors === */

/*
Green (header) => #008f70
Green (text) => #abd372
Green (footer) => #00715a
Lightgrey (background) => #e7e7e8
Darkgrey (text) => #231f20
*/

/* === Theme === */

/* Font face */
@font-face {
	font-family: Roboto;
	src: local(Roboto), url(./font/Roboto.ttf);
}

/* Defaults */
body{ font-size: 16px; background: #fff; color: #231f20; font-family: Roboto !important; overflow: hidden; overflow-y: auto; }
.site *{ line-height: 1.25em !important; }

/* Preloader */
.preloader .pre-bounce1, .preloader .pre-bounce2{ background-color: #008f70 !important; }

/* Titles */
.site h1, .site h2, .site h3, .site h4, .site h5, .site h6 {
	font-family: Roboto !important; display: block !important; margin: 0 !important;
	font-weight: bold; line-height: normal !important;
}
.site h1{ color: #008f70; font-size: 2.5em; }
.site h2{ color: #008f70; font-size: 2.25em; }
.site h3{ color: #008f70; font-size: 2em; }
.site h4{ color: #008f70; font-size: 1.75em; }
.site h5{ color: #008f70; font-size: 1.5em; }
.site h6{ color: #008f70; font-size: 1.25em; }

/* Links */
.site a{ font-family: Roboto !important; color: #008f70; }
.site a:hover{ text-decoration: underline; }

/* Paragraphs */
.site p{ margin: 0; text-align: justify; }
.site p:not(:last-child){ margin-bottom: 1.5em; }

/* Buttons and submit buttons */
button, input[type="button"], input[type="reset"], input[type="submit"], a.elementor-button, .elementor-button{
    font-family: Roboto; background-color: transparent; border: 2px solid #008f70;
	color: #008f70; font-weight: normal; text-transform: uppercase;
	padding: .9em 1em; font-size: .9em; border-radius: 0;
}
a.elementor-button, .elementor-button{
    color: #008f70;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.elementor-button:hover, .elementor-button:hover{
	text-decoration: underline;
	color: #008f70;
}
a.elementor-button:visited, .elementor-button:visited{
	text-decoration: underline;
	color: #008f70;
}

/* Form fields */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
    font-family: Roboto !important; font-weight: normal !important; padding: .75em 1em !important;
	height: auto; border: 1px solid #dbdbdb; outline: none; font-size: 1em; border-radius: 0 !important;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{
    border: 1px solid #008f70;
}

/* Move to top button displayed when page is scrolled enough */
.go-top{ background-color: #008f70 !important; }
.go-top:hover{ color: #008f70 !important; background-color: #fff !important; }
.go-top:hover svg{ fill: #008f70 !important; }

/* === Social nav === */

.social-nav>*{ display: inline-block; vertical-align: middle; }
.social-nav ul{ list-style: none; padding: 0; margin: 0; }
.social-nav ul>li{ display: inline-block; vertical-align: middle; margin-left: 1.5em; }
.social-nav ul>li:first-child{ margin-left: 0; }
.social-nav a{
	display: inline-block; width: 1em; height: 1em; overflow: hidden; white-space: nowrap;
	color: transparent !important; transition: all .25s;
}
.social-nav a:hover{ transform: scale(1.15); }
.social-nav .fbf-social-fb a{ background: url(./img/fb.png) no-repeat center center / contain; }
.social-nav .fbf-social-twtt a{ background: url(./img/twtt.png) no-repeat center center / contain; }
.social-nav .fbf-social-lin a{ background: url(./img/lin.png) no-repeat center center / contain; }
.social-nav .fbf-social-yt a{ background: url(./img/yt.png) no-repeat center center / contain; }
.social-nav .fbf-social-inst a{ background: url(./img/inst.png) no-repeat center center / contain; }
.social-nav .fbf-social-pod a{ background: url(./img/pod.png) no-repeat center center / contain; }

/* === Header === */

.header-clone{ display: none; }

.site-header{ padding: 0 !important; background: #fff !important; position: static !important; }

.site-header .header-top{ text-align: center; padding: 1em; }
.site-header .header-bot{ text-align: center; background: #008f70; padding: 2em 0 1.5em 0; position: relative; }

.site-header .site-logo{ max-height: 6em; }
.site-header #mainnav{ display: inline-block !important; float: none !important; width: auto !important; margin: auto !important; }
.site-header #mainnav a{
	font-family: Roboto !important; text-transform: uppercase !important; font-weight: bold !important; color: #fff !important;
}
.site-header #mainnav ul li ul:after{ background-color: #00715a !important; }
.site-header #mainnav .sub-menu li a{
	background: #fff; color: #008f70 !important; text-transform: none !important; text-align: left !important;
	font-weight: normal !important; white-space: nowrap;
}
.site-header #mainnav .sub-menu li:hover>a{ background: #fff !important; font-weight: bold !important; }
/*.site-header #mainnav:not(.mainnav.toggled) li:hover>ul{ padding-top: 10px; }*/
/*.site-header #mainnav .menu-item-has-children:after{
	content: '˅'; float: right; width: 1em; height: 1em; margin-left: .25em; margin-top: -.125em; color: #fff;
}*/
.site-header #mainnav ul>li>ul>li a{ display: block; width: 300px !important; float: none !important; }

.site-header .header-search-item{ padding-left: 5px !important; }
.site-header .header-search{
	display: inline-block; width: 1em; height: 1em; padding-top: .25em; cursor: pointer;
	background: url(./img/search.white.png) no-repeat center center / contain;
}

.site-header .social-nav{ position: absolute; right: 2em; top: 40%; top: calc(50% - .625em); }

#mainnav-mobi{ left: 0 !important; top: 50px !important; background-color: #00715a !important; }
#mainnav-mobi .sub-menu{ background-color: #008f70 !important; }
#mainnav-mobi .menu-item{ border: none !important; }
#mainnav-mobi .btn-submenu{ top: -3px !important; }

@media (max-width: 1600px){
	.site-header .social-nav{ display: none; }
}

@media (max-width: 1024px){
	.site-header .site-logo{ max-height: 4em; }
	.site-header .btn-menu{ float: left; margin-top: -.625em; }
	.site-header .social-nav{ display: block; }
}

/* === Footer === */

.site-footer{ background: none !important; padding: 0 !important; }
.site-footer .top-footer{ background: #008f70; color: #fff; font-weight: bold; padding: 2.5em 0; }
.site-footer .bot-footer{ background: #00715a; text-align: center; color: #abd372; font-weight: bold; padding: .5em; min-height: 3em; }
.site-footer .bot-footer a{ color: #abd372; }
.site-footer .footer-columns{ display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
.site-footer .footer-columns>*{ display: table-cell; vertical-align: top; padding: 1.5em 1.5em 0 1.5em; }
.site-footer .footer-logo{ width: 20em; }
.site-footer .footer-logo a{ display: inline-block; padding: 1.5em; background: #fff; }
.site-footer .footer-logo a>img{ max-height: 9em; }
.site-footer .footer-legal{ width: 25em; font-size: .9em; }
.site-footer .footer-legal p:last-child{ margin: 0; }
.site-footer .footer-legal p{ background: none !important; }
.site-footer .footer-links ul{ list-style: none; margin: 0; padding: 0; }
.site-footer .footer-links a{ color: #fff; font-size: .9em; }
.site-footer .footer-nav{ margin-bottom: 3.5em; }
.site-footer .footer-nav li{ display: block; }
.site-footer .footer-nav li:not(:last-child){ margin-bottom: .75em; }
.site-footer .social-nav{ margin-bottom: 1.5em; }
.site-footer .footer-contact{ display: inline-block; padding: .75em 4em; font-weight: normal; border: 2px solid #fff; font-size: .9em; }
.site-footer .footer-news{ width: 22em; }
.site-footer .footer-news form{ padding: 0 !important; }
.site-footer .footer-news h2{ font-size: 1.2em; text-transform: uppercase; color: #abd372; }
.site-footer .footer-news .mailpoet_paragraph{ margin-top: 1.75em; }
.site-footer .footer-news .mailpoet_paragraph.last .mailpoet_submit{ background: none !important; }
.site-footer .footer-news label{ font-weight: bold; }
.site-footer .footer-news input{ width: 100% !important; }
.site-footer .footer-news input[type=submit]{ border-color: #fff !important; color: #fff !important; text-transform: none !important; }
.site-footer .footer-news .mailpoet_message>p{ background: none !important; }
.site-footer .footer-credits{ text-align: center; color: #abd372; padding: 1em; font-size: .7em; }
.site-footer .footer-credits a{ color: #abd372; }

@media (min-width: 1500px){
	.site-footer .top-footer .container{ width: 1350px; }
}

@media (max-width: 1024px){
	.site-footer .footer-columns{ display: block; }
	.site-footer .footer-columns>*{ display: block; width: 50%; float: left; padding: 1em; }
	.site-footer .footer-logo a>img{ max-height: 8em; }
}

@media (max-width: 550px){
	.site-footer .footer-columns>*{ display: block; width: 100%; float: none; padding: 1em; }
	.site-footer .footer-logo a>img{ max-height: 4em; }
}

/* === Page === */

.page-wrap{ padding: 0 !important; background: #fff; }
.page-wrap .content-wrapper{ background: none; }
.page-wrap .content-area>div{ padding-top: 4.25em !important; padding-bottom: 1.5em !important; }

/*.page-wrap .page-header{ width: 100%; height: 8em; display: table; table-layout: fixed; border-collapse: collapse; }
.page-wrap .page-header{ background: url(/wp-content/uploads/2021/07/background.title_.jpg) no-repeat center center / cover; }
.page-wrap .page-header>div{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.page-wrap .page-header h1{ display: inline-block !important; margin: auto !important; color: #fff !important; text-transform: uppercase; }

.page-wrap .widget-area{ background: #fff; }
.page-wrap .widget-area .widget{ margin-bottom: 1.5em !important; }
.page-wrap .widget-area .widget:last-child{ margin-bottom: 0 !important; }
.page-wrap .widget-area .widget .widget-title{ text-transform: uppercase; padding-bottom: 1em !important; }*/

/* === Frontpage === */

.page-wrap.frontpage .header{ background: url(/wp-content/uploads/2021/07/background.frontpage.jpg) no-repeat center center / cover; }
.page-wrap.frontpage .header .container .row{ height: 50vh; }
.page-wrap.frontpage .header-table{ display: table; width: 100%; height: 100%; table-layout: fixed; border-collapse: collapse; }
.page-wrap.frontpage .header-cell{
	display: table-cell; width: 100%; height: 100%; vertical-align: middle;
	text-align: center; color: #fff; font-weight: bold; padding-bottom: 8em;
}
.page-wrap.frontpage .header-cell>*{ display: block; width: 55%; margin: auto; text-align: left; text-shadow: 0 2px 4px #231f20; }
.page-wrap.frontpage .header-toptitle{ font-size: 1.5em; padding-left: .125em; }
.page-wrap.frontpage .header-toptitle>span{ display: inline-block; margin-right: 1.5em; }
.page-wrap.frontpage .header-toptitle>span:last-child{ margin-right: 0; margin-left: 1.5em; }
.page-wrap.frontpage .header-title h1{
	font-size: 4.625em !important; line-height: 1em !important;
	font-weight: bold !important; color: #fff !important;
}
.page-wrap.frontpage .header-search{ margin-top: 2em; }
.page-wrap.frontpage .header-search .search-form{ display: flex !important; }
.page-wrap.frontpage .header-search .search-form>label{ position: relative; margin: 0 !important; width: 34em; width: calc(100% - 10em); }
.page-wrap.frontpage .header-search .search-field{ width: 100%; padding-left: 3em !important; }
.page-wrap.frontpage .header-search .search-form>label:before{
	content: ''; display: inline-block; position: absolute; width: 1.5em; height: 1.5em; top: .75em; left: .75em;
	background: url(./img/search.png) no-repeat center center / contain;
}
.page-wrap.frontpage .header-search .search-submit{ width: auto !important; background: #008f70 !important; color: #fff !important; border : none !important; letter-spacing: 0.1em !important; }

.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box.bigger .elementor-image-box-wrapper{ min-height: 19.5em !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box:not(.bigger) .elementor-image-box-wrapper{ min-height: 9.75em !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box .elementor-image-box-wrapper{ padding: 1em !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box .elementor-image-box-wrapper{
	align-items: stretch; display: flex; align-content: center; flex-wrap: nowrap; flex-direction: column; justify-content: center;
}
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box .elementor-image-box-img{ margin-bottom: .75em !important; width: auto !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box .elementor-image-box-img img{ width: auto !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box:not(.bigger) .elementor-image-box-img img{ height: 2.5em !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box.bigger .elementor-image-box-img img{ height: 7.5em !important; }
.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box .elementor-image-box-title{ font-size: .9em !important; font-weight: bold !important; color: #fff !important; }

.page-wrap.frontpage .fbf-widget-events{ margin: 0 0 20px 0; }
.page-wrap.frontpage .fbf-widget-events .event-item{ color: #fff; }

.page-wrap.frontpage .fbf-heading>.elementor-widget-container{ position: relative; }
.page-wrap.frontpage .fbf-heading>.elementor-widget-container:before{
	content: ''; position: absolute; z-index: 1; width: calc(100% - 3em); top: calc(100% - 3em); left: 3em; border-bottom: 2px solid #231f20;
}
.page-wrap.frontpage .fbf-heading .elementor-heading-title{
	display: inline-block !important; position: relative; z-index: 2; padding: 1em .75em 1em 0; background: inherit !important;
}
.page-wrap.frontpage .fbf-heading.green>.elementor-widget-container:before{ border-bottom: 2px solid #008f70; }
.page-wrap.frontpage .fbf-heading.white>.elementor-widget-container:before{ border-bottom: 2px solid #fff; }
.page-wrap.frontpage .fbf-heading.x3>.elementor-widget-container:before{ width: calc(100% - 6em) !important; }

.page-wrap.frontpage .fbf-section>div>div:not(:first-child){ position: relative; margin-top: 2.5em; }
.page-wrap.frontpage .fbf-section>div>div:not(:first-child):before{
	content: ''; position: absolute; top: -2.5em; left: 0; width: 100%; height: 2.5em;
}
.page-wrap.frontpage .fbf-section>div>div:before{ background: #03b6a5; }
.page-wrap.frontpage .fbf-section>div>div:nth-child(2):before{ background: #7fc67c; background: linear-gradient(90deg, #7fc67c 0%, #03b6a5 100%); }

@media (max-width: 991px){
	.page-wrap.frontpage .header .container .row{ height: auto; padding: 3em 0; }
	.page-wrap.frontpage .header-cell{ padding-bottom: 0; }
	.page-wrap.frontpage .fbf-section>div>div:before{ display: none; }
	.page-wrap.frontpage .fbf-section>div>div:not(:first-child){ margin-top: 0; }
	.page-wrap.frontpage .fbf-section>div>div:first-child{ display: block; width: 100%; background: #E7E7E8; }
	.page-wrap.frontpage .fbf-section>div>div:not(:first-child){ width: 100%; }
	.page-wrap.frontpage .fbf-section>div>div:not(:first-child)>div{ padding: 1em; }
}

@media (max-width: 730px){
	.page-wrap.frontpage .header-cell>*{ width: 90%; }
	.page-wrap.frontpage .header-toptitle{ font-size: 1em !important; }
	.page-wrap.frontpage .header-title h1{ font-size: 3em !important; }
}

/*@media (max-width: 991px){
	.page-wrap.frontpage .fbf-shortcuts .elementor-column{ width: 100% !important; }
	.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box.bigger .elementor-image-box-wrapper{ min-height: 9.75em !important; }
	.page-wrap.frontpage .fbf-shortcuts .elementor-widget-image-box.bigger .elementor-image-box-img img{ height: 2.5em !important; }
}*/

/* === Articles === */

/*.page-wrap.articles .categories-list{ padding-top: 1.5em; text-align: center; }
.page-wrap.articles .categories-list-item{
	display: inline-block; vertical-align: middle; padding: .75em 2.5em; border: 1px solid #9d2063;
	border-radius: 3em; cursor: pointer; transition: all .25s; background: none; color: #9d2063;
}
.page-wrap.articles .categories-list-item:not(:first-child){ margin-left: .5em; }
.page-wrap.articles .categories-list-item:hover{ text-decoration: none; background: #9d2063; color: #fff; }
.page-wrap.articles .categories-list-item.active{ background: #9d2063; color: #fff; }

.page-wrap.articles .entry-header .meta-post a:hover{ color: #9d2063; }
.page-wrap.articles .entry-title>a{ color: inherit !important; }
.page-wrap.articles .entry-footer{ margin-top: 1em !important; }

.page-wrap.articles .pagination{ margin: 0; margin-bottom: 1.5em; text-align: center; }
.page-wrap.articles .pagination>.nav-links>*{ background: #fff; color: #222; }
.page-wrap.articles .pagination>.nav-links>.current{ background: #9d2063; color: #fff; }
.page-wrap.articles .pagination>.nav-links>a:hover{ background: #9d2063; color: #fff; text-decoration: none; }*/

/* === Article (single) === */

/*.page-wrap.single .entry-title{ text-transform: none !important; }
.page-wrap.single .content-area>div{ padding: 0 !important; }
.page-wrap.single .single-meta>*:not(:first-child){ margin-left: .5em; }
.page-wrap.single .content-area-share{ margin-top: 1em; }
.page-wrap.single .content-area-share>*{ display: inline-block; vertical-align: middle; width: auto; }
.page-wrap.single .content-area-share>*:not(:first-child){ margin-left: .5em; }
.page-wrap.single .content-area-share-title{ font-size: 1.125em; color: #9d2063; font-weight: bold; }
.page-wrap.single .post-navigation{ margin: 1.5em 0; background: #fff; }
.page-wrap.single .comments-area{ margin: 0 !important; margin-top: 1.5em !important; }
.page-wrap.single .comments-area .comment-title{ margin-bottom: 1em !important; text-transform: uppercase; }
.page-wrap.single .comments-area .comment-title>span{ text-transform: none; }
.page-wrap.single .comments-area .comment-respond .comment-reply-title{ text-transform: uppercase; }
.page-wrap.single .comments-area .comment-form{ margin-top: .5em; }*/

/* === 404 === */

.page-wrap.error404 .error404-table{ display: table; table-layout: fixed; width: 100%; height: 55vh; border-collapse: collapse; }
.page-wrap.error404 .page-content{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; }
.page-wrap.error404 .error404-image{ margin: auto; width: 25em; height: 12.5em; background: url(./img/404.png) no-repeat center center / contain; }
.page-wrap.error404 .page-content h1{ font-size: 3.5em !important; }
.page-wrap.error404 .page-content p{ font-size: 1.25em !important; text-align: center; }
.page-wrap.error404 .page-content input[type=search]{ width: 25em; }

/* === Elementor === */

.elementor-section:not(:last-child){ margin-bottom: 1.5em; }

/* === Contact Form 7 === */

/*.wpcf7{ width: 100%; max-width: 35em; }
.wpcf7 label{ width: 100%; }
.wpcf7 input, .wpcf7 textarea, .wpcf7 select{ width: 100%; margin-top: .25em; }
.wpcf7 input[type="submit"]{ margin-top: 0; }
.wpcf7 textarea{ height: 12em; resize: none; }
.wpcf7 p{ position: relative; }
.wpcf7 .ajax-loader{ position: absolute; top: 33%; top: calc(50% - 12px); right: 0; }
.wpcf7 .wpcf7-not-valid{ border: 1px solid #e51f23; }
.wpcf7 .wpcf7-not-valid-tip{ color: #e51f23; }
.wpcf7 .required{ font-weight: bold; color: #e51f23; }
.wpcf7 .form-info{ margin-bottom: 1.5em; }
.wpcf7 .rgpd-info{ margin-top: 1.75em; font-size: .9em; text-align: justify; }
.wpcf7 form .wpcf7-response-output{ margin: 0; margin-top: 1.5em; line-height: initial; padding: .75em 1em; background: #fff; }*/

/* === Smart Slider 3 === */

.n2-ss-slider .n2-bullet{ background: #231f20 !important; }
.n2-ss-slider .n2-bullet.n2-active{ background: #008f70 !important; }

/* === Smart Post Show === */

.sp-pcp-carousel{ padding: 0 !important; padding-bottom: 1em !important; }
.sp-pcp-carousel .sp-pcp-post a{ cursor: pointer; } /* TODO! remove */
.sp-pcp-carousel .sp-pcp-title>a{ font-weight: bold; color: #231f20 !important; }
.sp-pcp-carousel .sp-pcp-title>a:hover{ color: #231f20 !important; }
.sp-pcp-carousel .sp-pcp-post-content{ font-size: .9em; margin-top: .5em; color: #231f20 !important; }
.sp-pcp-carousel .sp-pcp-readmore{ margin-top: .75em !important; float: right; }
.sp-pcp-carousel .sp-pcp-readmore>a{
	border: 0 !important; text-transform: none !important; color: #008f70 !important;
	font-size: 14px !important; padding: 0 !important;
}
.sp-pcp-carousel .sp-pcp-readmore>a:hover{ background: none !important; }
.sp-pcp-carousel .swiper-pagination-bullet{ background: #231f20 !important; }
.sp-pcp-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #008f70 !important; }

/* === Widget : FBF_Events === */

.fbf-widget-events .events-list{ overflow: hidden; overflow-y: auto; }
.fbf-widget-events .event-item{ display: table; width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #fff; }
.fbf-widget-events .event-item>*{ display: table-cell; vertical-align: middle; padding: .5em; }
.fbf-widget-events .event-item-left>*{ display: block; }
.fbf-widget-events .event-item-right>*{ display: block; }
.fbf-widget-events .event-title{ font-weight: bold; font-size: 1.1em; }
.fbf-widget-events .event-item-right{ width: 15em; font-size: .9em; text-align: right; }
.fbf-widget-events .event-item:hover{ text-decoration: none; }
.fbf-widget-events .event-item:hover .event-title{ text-decoration: underline; }
.fbf-widget-events .events-scrolldown{ cursor: pointer; color: #fff; font-weight: bold; padding: .25em; font-size: 2em; text-align: center; }

/* === Widget : FBF_LetterB === */

.fbf-widget-letterb .letterb-list{ display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
.fbf-widget-letterb .letterb-item{ display: table-cell; vertical-align: top; text-align: center; padding: .5em; }
.fbf-widget-letterb .letterb-item>img{ width: 150px; margin: auto; height: auto; }
.fbf-widget-letterb .letterb-item>.letterb-title{ display: block; font-weight: bold; margin-top: 1em; color: #231f20; }

@media (max-width: 991px){
	.fbf-widget-letterb .letterb-list{ display: block; }
	.fbf-widget-letterb .letterb-item{ display: inline-block; width: 50%; }
}