/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.nav-links {justify-content: center; flex-wrap: wrap; text-align: center;}
.nav-links > div {border: 1px solid #282828; border-radius: 200px; color: #282828;  display: flex!important; margin: 10px 10px 15px; max-width: 150px; transition: all 0.2s linear !important;
-moz-transition: all 0.2s linear !important;
-webkit-transition: all 0.2s linear !important;
-o-transition: all 0.2s linear !important;}
.nav-links > div > a {color: #282828; display: flex!important; align-content: center; align-items: center; font-weight: 400; flex-grow: 1; padding: 12px 24px; justify-content: center;}
.nav-links > .nav-next > a {}
.nav-links > .nav-previous > a:before {content: "\f0d9"; font-size: 1.3em; height: auto; margin-right: 8px; vertical-align: middle; width: auto; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; flex-shrink: 1; }
.nav-links > .nav-next > a:after {content: "\f0da"; font-size: 1.3em; height: auto; margin-left: 8px; vertical-align: middle; width: auto; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; flex-shrink: 1;}
.nav-links > div:hover {background: #282828;}
.nav-links > div:hover > a {color: white;}

/*.networks span::after {content: ", ";}
.networks span:last-of-type::after {content: "";}*/
.networks .network-logo {padding: 8px; display: inline-block;}
.networks span img {max-width: 80px; height: auto; display: inline-block;}

@media (max-width: 768px){
	.nav-links {display: flex!important;}
}