f/*
Theme Name: Starter WP ohmyweb!
Theme URI: http://www.ohmyweb.fr/
Description: Default style
Version: 1.0
Author: ohmyweb
Author URI: http://www.ohmyweb.fr
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Alignements WordPress */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.gallery a.thumbnail img {
	max-height: 168px;
	width: auto;
}


/* Default */
.acf-map {
	width: 100%;
	height: 400px;
}


/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label {display:none;}

body {font-family: 'Rubik', sans-serif; font-size: 1rem; color: #404040; font-weight: 400; letter-spacing: .05rem}
header#header {position: fixed; z-index: 10;-moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; display: flex}
header#header > div {max-width: 100%; width: 100%}

@media (min-width: 1380.1px) {
header#header {height: 125px;}
}

header#header.fixed {background-color: rgba(35,56,109,.95)}
section > div {padding-top: 4rem; padding-bottom: 4rem}
section.simple > div {padding-top: 5rem; padding-bottom: 0}
section.midhero > div {padding-top: 2.5rem; padding-bottom: 2.5rem;}
section > div#seo-breadcrumbs {padding-top: 0; padding-bottom: 0; width: 100%; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s;}
section.simple + section > div#seo-breadcrumbs {background-color:#eee; position: fixed; top: 125px; z-index: 2}
section.simple + section > div#seo-breadcrumbs .breadcrumb {background-color: #eee;}

/*
section > div#seo-breadcrumbs.fixed + div {padding-top: 175px !important;}
section > div#seo-breadcrumbs.fixed + div.pt-1, section > div#seo-breadcrumbs.fixed + div.pt-0, section > div#seo-breadcrumbs.fixed + div.py-0 {padding-top: 55px !important;}
*/

h1, h2, h3, h4, h5, h6 {/**text-transform: uppercase;**/ font-weight: 500; font-family: 'Space Grotesk', sans-serif;}
h1 {font-size: 3rem; font-weight: 500;}

.home h1 {
	 background: -webkit-linear-gradient(45deg, #28cf9f, #b496f0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.simple h1 {font-size: 2rem; font-weight: 100; margin: 0;}
h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom: 2.5rem;}
p {margin-bottom: 1.5rem;}
section#heading.hero h2 {text-transform: none; margin-top: 4rem; margin-bottom: 4rem;}
h2.title {margin-bottom: 3.5rem;}
.py-2 h2.title {margin-top: 3rem;}
h3.bigwhite, h3.bigreen {font-size: 1.7rem !important; font-weight: 300 !important}
h3.bigreen {color: #25d09d;}
h3.bigwhite {color: white;}
a {color: #25d09d}
.col-3 h1, .col-3 h2, .col-3 h3, .col-3 h4, .col-3 h5, .col-3 h6 {font-weight: 700}
.col-3 h1, .col-3 h2, .col-3 h3, .col-3 h4, .col-3 h5, .col-3 h6, .col-3 p {font-size: 1rem; margin-bottom: 1rem}
#freewall {margin-bottom: -1px;}
section#heading {padding-top: 150px;}
.single-post section#heading {background-image: url(/wp-content/themes/antvoice/assets/images/antvoice-approche-intentions-slider.jpg); background-size: cover; background-position: 50% 50%; color: white;}
.single-post section#heading.simple {background-image: none; color: #000;}
section#heading:after {content: ""; display: block; background-color: rgba(35,56,109,.4); z-index: 1}
section#heading.hero::after { height: 100Vh;min-height: 800px; }
.home section#heading.hero::after {display: none}
section#heading > div {z-index: 2}
section#heading.hero {height: 100Vh; min-height: 800px; padding-top: 0; text-align: center;}
section#heading.midhero {min-height: 50Vh}

@media (min-width: 992px) {
	section#heading.hero .container {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%}
	.home section#heading.hero .container {max-width: 800px; transform: translate(0, -60%); left: 0; width: 100%; padding-left: 2rem;}
}
.home section#heading.hero .container .cta-wrapper {text-align: left; padding-left: 5%}

@media (min-width: 768px) and (max-width:1500px) {
	.home section#heading.hero {background-position: -200px}
}

.bg-imagehero {background-size: cover; background-repeat: no-repeat; background-position: 50% 50%}
.black, .black a {color: #404040;}
.white, .white a {color: #fff;}
.white a, .black a {text-decoration: underline;}
div.image.picto img {width: 80px; height: auto; margin: 0 auto 2rem}
div.image img {display: block; margin: auto;}
div.text {font-size: 1.3rem; line-height: normal; margin-bottom: 4rem;}
.home div.text {color: #23386d}
.cta-wrapper {margin-top: 4rem;}
.logo-container {position: absolute; top: 1.5rem; left: 1rem; z-index: 2000}
.client_logo {margin-bottom: 1rem;}
div.rounded img {border-radius: 100%; width: 80px; height: 80px;}
div.rounded + strong {padding: .8rem 0; display: block;}
.client_logo img {width: 150px;}
img.logo {width: 120px; margin-left: 2rem}
.dynamic_testimonials cite {display: block;font-size: .9rem;font-weight: 100;line-height: 1.2rem;position: relative; z-index: 1}
.dynamic_testimonials cite:after {content: "\f10e"; color: #e9e9e9; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; z-index: -1; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 5rem; }

.dynamic_posts a.btn-primary {margin:5rem auto}

.simple .wrapp-details {border-bottom: solid 1px #ccc; padding-bottom: 2rem; margin-bottom: 2rem; margin-top: .5rem;}
.wrapp-details span {display: inline-block; color: #8b8888}
.wrapp-details span.date:after {content: "|"; margin: 0 1rem;}
.wrapp-details .categories span {margin-right: .5rem;}
.wrapp-details .categories span:last-child:after {content: none}
.wrapp-details .categories span:after {content: ","}

.sidebare {height: 100%; background-color: #eee;}
.sideblock {padding: 2.5rem 1rem; border-bottom: solid 1px #ccc; text-align: center}
.sideblock .sideblock_title {display: block; font-size: 1.1rem; text-transform: uppercase; font-weight: 300;}
.sideblock p {margin: .7rem 0; font-size: .8rem;}
.sideblock a.btn-simple {display: inline-block; font-size: .8rem; color: white; text-decoration: none; padding: .3rem 1rem; background-color: #25d09d}

.btn.focus, .btn:focus {box-shadow: none;}
.btn-primary {background-color: #cd8cff; border-radius: 50px; text-decoration: none !important; border: none; color: #23386d; padding: 1rem 3rem; text-transform: uppercase; color: white; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; margin: 2rem 0; font-weight: 500;}
.black .btn-primary, .white .btn-primary {color: #23386d}
.black.btn-primary {color: #23386d!important;}
.white.btn-primary {color: white!important;}
.btn-primary::after {content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 600; position: relative; right: -8px; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s;}
.btn-primary:hover::after {right: -15px}
.btn-primary:hover {color: #fff; background-color: #cd8cff}
.black .btn-primary:hover {color: #fff;}
.bg-image {background-size: cover; background-position: bottom; background-repeat: no-repeat}

.quote {text-align: center; font-weight: 300; font-size: 3rem; line-height: normal; position: relative}
.quote:after {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; color: #eee; font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f10d"; z-index: 0; font-size: 8rem;}
.quote p {position: relative; z-index: 1}

.content-gallery img {margin-bottom: 1.5rem;}
.flexible-item img {max-width: 100%; height: auto;}

.image {margin-bottom: 2rem}
.image.shadow {box-shadow: none !important;}
.image.shadow img {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}

span.title {text-transform: uppercase; font-weight: 700; letter-spacing: .1rem; font-size: .9rem; display: block; margin-bottom: 1rem; color: white}
.footerlinks ul {margin: 0; padding: 0;}
.footerlinks ul li {margin: .5rem 0; padding: 0 0 0 1rem; position: relative}
.footerlinks ul li a {display: block;} .footerlinks ul li a:hover {color: white; text-decoration: none}
.footerlinks ul li a:before {content: "/"; position: absolute; left: 0; transform: translateY(-50%); top: 50%; color: #25d09d; transition: all ease-out .3s}
.footerlinks ul li a:hover:before {left: -.3rem; color: white}
.txt {color: white; font-size: .8rem; padding: 2rem 0}
.logo-footer {max-width: 220px}

ul.social {margin-top: 1rem; padding: 0;}
ul.social a {color: white; font-size: 2rem;}
ul.social a:hover {color: #eee;}
ul.social li {display: inline; margin-right: 1rem}

.cta-btn {text-align: center}
/**
.card-intro-ressource, .ressource-card {position: relative; display: block; background-size: cover;}
.ressource-card .btn {position: absolute; z-index: 3; bottom: 2rem; transform: translateX(-50%); left: 50%; margin: 0; font-size: .7rem; padding: .5rem 2rem; color: white}
.card-intro-ressource:after, .ressource-card:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.5); content: ""; z-index: 1; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s;}
.card-intro-ressource:hover:after, .ressource-card:hover:after {background-color: rgba(0,0,0,.3);}
.card-intro-ressource h2, .ressource-card h2 {text-transform: none; padding: 1rem; z-index: 2; color: white; font-size: 1.3rem; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; text-align: center;}
.ressource-card h2 {font-size: 1.1rem; width: 100%;}
**/

.card-intro-ressource {border: solid 1px #ccc; display: block}
.card-intro-ressource h2 {padding: 1.5rem; font-size: 1rem; text-align: center; text-transform: uppercase; margin: 0; font-weight: 500}
.card-intro-ressource {color: #000}
.card-intro-ressource:hover {text-decoration: none; color: #25d09d;}
.ressource-card {height: 100%; padding-bottom: 5rem; border: solid 1px #ccc; background: white; color: #000;}
.ressource-card:hover {border-color: #23386d}
.ressource-card h2 {text-align: center; text-transform: none; font-size: 1rem; font-weight: 500; margin: 1rem;}
.ressource-card .content {text-align: center; font-size: .8rem; color: #414141; padding: 0 1rem}
.ressource-card .content p {margin: 0}

/* Press + blog */
.press-card {background-color: #202020; padding: 2rem; height: 22rem; position: relative;text-align: center; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s;}
.press-card:hover {background-color: #393939}
.press-card strong {color: #23386d; font-size: 1rem; font-weight: 500; line-height: normal; display: block;}
.press-card strong span {color: #969696; display: block; font-size: .7rem; font-weight: 300; margin-bottom: .5rem;}
.press-card div {color: white; font-size: .8rem; font-weight: 400; margin-top: 2rem;}
.press-card .btn, .press-card-blog .btn, .ressource-card .btn {position: absolute; text-decoration: none; font-size: 1rem; transform: translateX(-50%); left: 50%; bottom: 2rem; background-color: #cd8cff;  color:#23386d; border-radius: 20px; transition: all ease-in .3s}
.press-card .btn:hover, .press-card-blog .btn:hover, .ressource-card .btn:hover {background-color: #cd8cff; color: #fff}

/* Pagination */
.page-item.active .page-link {background-color: #23386d; border-color: #23386d}
.page-link, .page-link:hover {color: #404040}

/* Blog */
.press-card-blog {background: white; height: 100%; position: relative;text-align: center; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s;background-position: 50% 50%;border: solid 1px #ccc; }
.press-card-blog:hover {border-color: #25d09d}
.press-card-blog a > div {padding: 2rem 2rem 5rem; position: relative; height: 55%;}
.press-card-blog > a {color: #000; display: block; text-decoration: none;}
.press-card-blog > a:hover {text-decoration: none;}
.press-card-blog > a > span {margin-bottom: 1rem; display: block; font-size: .7rem;}
.press-card-blog h2 {color: #23386d; font-size: 1rem; font-weight: 500; line-height: normal; display: block; margin-bottom: 1rem; text-transform: none;}
.press-card-blog .categories {font-size: .7rem; text-align: center; margin-bottom: 1rem;}
.press-card-blog .categories + div {padding-bottom: 1rem; font-size: .9rem}
.press-card-blog .categories span {display: inline-block; border: solid 1px #eee; border-radius: 3px; margin: .3rem; padding: .3rem;}
.all-blog-categories {padding-top: 3rem; padding-bottom: 3rem;}
.all-blog-categories ul {margin: 0; padding: 0; text-align: center}
.all-blog-categories ul li {display: inline-block; background-color: #eee; padding: 1rem; margin: .5rem; border-radius: 3px; -moz-transition: all ease-in .3s; -webkit-transition: all ease-in .3s; transition: all ease-in .3s;}
.all-blog-categories ul li:hover {background-color: #DADADA}
.all-blog-categories ul li a {color: #000;}
.all-blog-categories ul li span {display: block; font-size: .8rem; color: #616161;}
.all-blog-categories ul li.active span {color:#f3fdc5;}
.all-blog-categories ul li span:before {content: "("}
.all-blog-categories ul li span:after {content: ")"}
.all-blog-categories ul li a:hover {text-decoration: none}
.all-blog-categories ul li.active a {color: white;}
.all-blog-categories ul li.active {background-color: #23386d}
.socialshare {margin: 1rem 0 0; font-size: 0}
.socialshare.bottom {position: inherit; margin: 0 1rem 2rem}
.socialshare.bottom a {display: inline-block; vertical-align: middle}
.socialshare.bottom a:hover {width: 45px}
.socialshare.bottom span {font-size: .9rem; display: block;}
@media (max-width: 767.98px) {
.socialshare a {display: inline-block; vertical-align: middle}
}
@media (min-width: 768px) {
	.socialshare {position: fixed; left: 0; z-index: 9}
	.socialshare a {display: block;}
}
.socialshare a {font-size: .9rem; color: white !important; height: 45px; width: 45px; text-align: center; line-height: 45px; transition: all ease-in .1s; -moz-transition: all ease-in .1s; -webkit-transition: all ease-in .1s;}
.socialshare a:hover {opacity: .8; width: 48px;}
.socialshare a.facebook {background-color: #4267b2}
.socialshare a.twitter {background-color: #1da1f2}
.socialshare a.linkedin {background-color: #0077b5}


/* Filtre */
.filter-items {background-color: #0f1012; padding: 1.5rem; text-align: center; cursor: pointer;}
.filter-label {color: white; font-weight: 300; display: inline-block; vertical-align: middle; margin: 0 .5rem; font-size: .8rem; padding: .5rem;}
.filter-label.active {color: #25d09d; border: solid 1px #25d09d; border-radius: 5px;}

/* Colonnes */
.wrapper-3col h3, .wrapper-4col h3 {font-size: 1.3rem;}
.wrapper-3col .col-4 h3 {margin-bottom: 0}
.dropdown-menu {border-radius: 0; padding: 1rem; border-radius: 15px}
ul#menu-header .dropdown-menu a {color: #000;}

/* Navigation */
.home.fixed-navbar ul#menu-header a, ul#menu-header a {color: white; font-size: 1}
.home ul#menu-header a, .home.fixed-navbar ul#menu-header .dropdown-menu a {color: black}

@media (max-width:1380px) {
.home ul#menu-header a {color: white}
.home ul#menu-header .dropdown-menu a,	.home.fixed-navbar ul#menu-header .dropdown-menu a {color: #000}
}
.breadcrumb {background-color: white;-webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; transition: all ease-in .3s; border-radius: 0;}
.breadcrumb a {color: #404040; text-transform: uppercase; font-weight: 400; font-size: .8rem; letter-spacing: .1rem;}
.breadcrumb .active a {font-weight: 700;}


/* Glossaire */
.single-glossary section#heading {background-image: url(/wp-content/themes/antvoice/assets/images/antvoice-glossaire-slide.jpg); background-position: 50% 50%; background-size: cover; color: white}
.letter-container {border-top: solid 1px #eee}
.letter-container strong {font-size: 3rem; display: block; width: 100%; text-align: center; margin: 2rem 0;}
h3.card-glossaire {font-size: 1.1rem;}
h3.card-glossaire a:hover {text-decoration: none; color: #404040;}


/* Accordeon */
.accordion .card-header, .accordion .card-header:hover {background-color: #fff;}
.card-body {color: #aaa;}
.accordion .card .card-header .btn-accordion {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    color: #343a40;
    font-weight: 500;
	text-transform: uppercase;
    padding: .5rem 0;
    background-color: transparent;
    border: 0;
	cursor: pointer;
}
.accordion .card .card-header .btn-accordion:hover, .accordion .card .card-header .btn-accordion[aria-expanded="true"] {color: #25d09d}
.accordion .card:last-child .card-header {border-bottom: 0}
.accordion .card {border-radius: 0; border: none;}
.accordion .card .card-header .btn-accordion:after,
.accordion .card .card-header .btn-accordion:before {
 content:"";
 display:inline-block;
 position:absolute;
 top:50%;
 right:.5rem;
 height:2px;
 width:20px;
 background-color:#adb5bd;
 -webkit-transition:all .5s cubic-bezier(.4,0,.2,1);
 transition:all .5s cubic-bezier(.4,0,.2,1)
}
.accordion .card .card-header .btn-accordion::before, .accordion .card .card-header .btn-accordion::after {
 -webkit-transform:translate(-50%,-50%) rotate(45deg);
 transform:translate(-50%,-50%) rotate(45deg);
}

.content .accordion .card .card-header .btn-accordion::after {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
}

.accordion .card .card-header .btn-accordion:hover::after, .accordion .card .card-header .btn-accordion:hover::before, .accordion .card .card-header .btn-accordion[aria-expanded="true"]::before, .accordion .card .card-header .btn-accordion[aria-expanded="true"]::after {
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    transform: translate(-50%,-50%) rotate(180deg);
}

.accordion .card .card-header .btn-accordion[aria-expanded="false"]::after {
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
}

.accordion .card .card-header .btn-accordion[aria-expanded="false"]::before {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
}

.accordion .card .card-header .btn-accordion[aria-expanded="false"]:hover::after {
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
}

.accordion .card .card-header .btn-accordion[aria-expanded="false"]:hover::before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
}


/* Footer */
footer#footer {background-color: #23386d; padding: 3rem 0}
/**.page-id-1057 footer#footer, .page-id-472 footer#footer {position: relative; top: -1px}**/
footer#footer ul.social {margin-bottom: 0;}
footer .contact {font-size: .9rem;}
footer .contact span:first-child {margin-right: 1rem;}
footer .contact span:before {font-family: "Font Awesome 5 Free"; font-weight: 600; color: white; margin-right: .5rem;}
footer .contact span:first-child:before{content: "\f2a0";}
footer .contact span:nth-child(2):before{content: "\f0e0";}
footer .newsletter strong {color: white; text-transform: uppercase; display: block; padding: 1rem 0}

/**Grid 5**/
.col-lg-1-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


@media (max-width: 991.98px) {
/**Grid 5**/
	.col-lg-1-5 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.quote {font-size: 2rem;}
	.wrapper-3col h3, .wrapper-4col h3 {font-size: 1rem;}
	.press-card-blog a > div {padding: 1.5rem .5rem 5rem}
	body {font-size: .9rem;}
	section > div {padding-top: 4rem; padding-bottom: 4rem;}
	h1, h2, h3, h4, h5, h6, p, ul, ol {margin-bottom: 1.5rem;}
	.h2, h2 {font-size: 1.7rem;}
	h1 {font-size: 1.5rem}
	h2.title {margin-bottom: 2rem;}
	.logo {position: fixed;}
	section#heading.hero {height: auto; min-height: inherit; position: relative}
	section#heading.hero:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0; min-height: inherit; height: auto}
	section#heading.hero .container {position: relative; z-index: 2; left: auto; transform: none; padding-top: 130px;}
	.press-card-blog {padding: .5rem;}
	.btn-primary {padding: 1rem; font-size: .8rem;}
	.press-card .btn, .press-card-blog .btn, .ressource-card .btn {font-size: .7rem; padding: .5rem;}
	div.text {font-size: .8rem}
	div.image.picto img {width: 60px}
	}

@media (max-width: 767.98px) {
	body {font-size: .8rem;}
	/*.h2, h2 {font-size: 1rem;}*/
	h1 {font-size: 1.3rem}
	.home #header + section#heading.hero {background-position: -20rem}
	.home h1 div br {display: none}
	.home .flexible-item iframe {width: 100%}
}


@media (max-width: 1380px) {
	img.logo {width: 80px}
	.logo-container {top: 1rem}
	.navbar-toggler {color: white; position: absolute; top: 10px; right: 10px; z-index: 9}
	.navbar-toggler:before {font-family: "Font Awesome 5 Free"; font-weight: 600; color: white}
	.navbar-toggler[aria-expanded="true"]:before {content: "\f00d";}
	.navbar-toggler[aria-expanded="false"]:before {content: "\f0c9";}
	ul#menu-header {float: none; padding-top: 4rem}
	.dropdown-menu a:hover {color: #25d09d !important;}
	header#header {background-color: rgb(35, 56, 109)}
	.navbar {min-height: 51px;}
	section.simple + section > div#seo-breadcrumbs {position: absolute}
}
@media (min-width: 1555px){
	ul#menu-header a {font-size: 1.2rem;}
	.navbar-custom .navbar-nav .nav-link {padding-right: 1rem; padding-left: 2rem;}
}
@media (min-width: 1381px) and (max-width:1554px) {
	.navbar-custom .navbar-nav .nav-link {padding-right: .5rem; padding-left: .5rem;}
}

@media (min-width: 1381px){
	.navbar-toggler {display: none}
	ul#menu-header .dropdown-menu a {white-space: nowrap;}
    .navbar-custom {
		float: right;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-custom .navbar-toggler {
        display: none;
    }
	.navbar-nav .dropdown-menu {position: absolute; margin: 0;}
	.navbar-nav li:hover .dropdown-menu {display: block}
}