@import url('./assets/css/additional.css');
.global_wrapper {
	min-width: 980px;
}

a {color: #2792b1;}

body {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
	height: 0px;
}

.slider_bg {
	height: 375px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.width {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.header {

}

.logo_wrapper {
	width: 220px;
	float: left;
	overflow: hidden;
}

.logo {
	text-transform: uppercase;
	color: black;
	line-height: 24px;
	text-decoration: none;
	display: block;
	height: 84px;
	padding: 20px 0px 0px 94px;
	background: url("assets/images/logo.svg") 0px 5px no-repeat;
	background-size: 85px;
}

.logo span {
	display:block;
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
	color: #707070;
}

/* TOP MENU BEGIN */

.top_menu .menu {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 760px;
}

.top_menu .menu li ul.sub-menu {
	display: none;
}

.top_menu .menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

.top_menu .menu li:hover {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.top_menu .menu li a {
	color: #707070;
	text-decoration: none;
	display: block;
	line-height: 0px;
	text-align: center;
	padding: 49px 10.6px 49px 10.6px;
}

.top_menu .menu li a:hover {
	color: black;
}


/* Menu 1 */
.top_menu .menu li:nth-child(1) {
	border-top: 6px solid #2792b1;
	background: url("assets/images/arrow_blue.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(1).current-menu-item, .top_menu .menu li:nth-child(1).current-menu-parent, .top_menu .menu li:nth-child(1).current-page-ancestor {
	background: url("assets/images/arrow_blue.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(1):hover {
	background: url("assets/images/arrow_blue.png") center 0px no-repeat;
}

/* Menu 2 */
.top_menu .menu li:nth-child(2) {
	border-top: 6px solid #5acedc;
	background: url("assets/images/arrow_cyan.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(2).current-menu-item, .top_menu .menu li:nth-child(2).current-menu-parent, .top_menu .menu li:nth-child(2).current-page-ancestor  {
	background: url("img/arrow_cyan.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(2):hover {
	background: url("assets/images/arrow_cyan.png") center 0px no-repeat;
}

/* Menu 3 */
.top_menu .menu li:nth-child(3) {
	border-top: 6px solid #64ab4e;
	background: url("assets/images/arrow_green.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(3).current-menu-item, .top_menu .menu li:nth-child(3).current-menu-parent, .top_menu .menu li:nth-child(3).current-page-ancestor  {
	background: url("assets/images/arrow_green.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(3):hover {
	background: url("assets/images/arrow_green.png") center 0px no-repeat;
}

/* Menu 4 */
.top_menu .menu li:nth-child(4) {
	border-top: 6px solid #f0e268;
	background: url("assets/images/arrow_yellow.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(4).current-menu-item, .top_menu .menu li:nth-child(4).current-menu-parent, .top_menu .menu li:nth-child(4).current-page-ancestor  {
	background: url("assets/images/arrow_yellow.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(4):hover {
	background: url("assets/images/arrow_yellow.png") center 0px no-repeat;
}

/* Menu 5 */
.top_menu .menu li:nth-child(5) {
	border-top: 6px solid #ffa738;
	background: url("assets/images/arrow_orange.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(5).current-menu-item, .top_menu .menu li:nth-child(5).current-menu-parent, .top_menu .menu li:nth-child(5).current-page-ancestor {
	background: url("assets/images/arrow_orange.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(5):hover {
	background: url("assets/images/arrow_orange.png") center 0px no-repeat;
}

/* Menu 6 */
.top_menu .menu li:nth-child(6) {
	border-top: 6px solid #7d5b95;
	background: url("assets/images/arrow_violet.png") center -9px no-repeat;
}
.top_menu .menu li:nth-child(6).current-menu-item, .top_menu .menu li:nth-child(6).current-menu-parent, .top_menu .menu li:nth-child(6).current-page-ancestor {
	background: url("assets/images/arrow_violet.png") center 0px no-repeat;
}
.top_menu .menu li:nth-child(6):hover {
	background: url("assets/images/arrow_violet.png") center 0px no-repeat;
}

/* TOP MENU END */


/* CONTENT BEGIN */

.content {
	margin-top: 18px;
}

.content h1 {

	font-size: 36px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px;
}

.content h1 strong {
}

.content p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

/* CONTENT END */



/* FOOTER BEGIN */

.footer {

	font-size: 14px;
	text-align: center;
	line-height: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #b8b8b8;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

/* FOOTER END */




/* SIMPLE SUBMENU START */

.custom_menu div {
	position: relative;
	line-height: normal;
	height: 40px;
}

.custom_menu div ul {
	list-style: none;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	position: relative;
	line-height: normal;
	text-align: center;
	height: 40px;
}


.custom_menu div ul li {
	display: inline;
	position: relative;
	height: 40px;
}

.custom_menu div ul li a {

	font-size: 16px;
	text-decoration: none;
	color: white;
	display: inline-block;
	line-height: 0px;
	padding: 20px 15px 0px 15px;
	height: 20px;
}

.custom_menu div ul li a span {
	position: absolute;
	width: 17px;
	height: 9px;
	display: block;
	top: 22px;
	left: 50%;
	margin-left: -9px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	z-index: 1;
}

.custom_menu div ul li.current-menu-parent a span, .custom_menu div ul li.current-page-ancestor a span, .custom_menu div ul li.current-menu-item a span {
	top: 31px;
}

.custom_menu div ul li.current-menu-item a span {
	top: 31px;
}

.custom_menu div ul li a:hover span {
	top: 31px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.custom_menu div ul li a:hover {
	text-decoration: underline;
}


.custom_menu.first div {
	background: #2792b1;
}
.custom_menu.first div ul li a span {
	background: url("assets/images/arrow_blue.png") 0px 0px no-repeat;
}

.custom_menu.second div {
	background: #6fbfc9;
}
.custom_menu.second div ul li a span {
	background: url("assets/images/arrow_blue.png") 0px 0px no-repeat;
}

.custom_menu.third div {
	background: #64ab4e;
}
.custom_menu.third div ul li a span {
	background: url("assets/images/arrow_green.png") 0px 0px no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.custom_menu.fourth div {
	background: #f0e268;
}

.custom_menu.fourth div ul li a {
	color: #5e4d00;
}
.custom_menu.fourth div ul li a span {
	background: url("assets/images/arrow_yellow.png") 0px 0px no-repeat;
}


.custom_menu.fifth div {
	background: #db8922;
}

.custom_menu.fifth div ul li a span {
	background: url("assets/images/arrow_integration.png") 0px 0px no-repeat;
}

.custom_menu.fifth div ul li ul.sub-menu {
	display: none;
}

.custom_menu.sixth div {
	background: #7d5b95;
}

.custom_menu.sixth div ul li a span {
	background: url("assets/images/arrow_violet.png") 0px 0px no-repeat;
}

.custom_menu.seventh div {
	background: #f0e268;;
}

.custom_menu.seventh div ul li a span {
	background: url("assets/images/arrow_yellow.png") 0px 0px no-repeat;
}

.custom_menu.seventh div ul li a {
	color: #5e4d00;
}



/* SIMPLE SUBMENU END */




/* SUBMENU ADV BEGIN */

.submenu_button {
	background: #6fbfc9;
	line-height: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.submenu_button:hover div span {
	text-decoration: underline;
}

.submenu_button div {
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	z-index: 2;
}

.submenu_button div span {
	color: white;
	font-size: 16px;
	padding-left: 30px;
	background: url("assets/images/sumenu_icon.png") no-repeat left 3px;
	position: relative;
}

.submenu_button img {
	z-index: 1;
	position: absolute;
	display: block;
	top: 40px;
	left: 50%;
	margin-left: -9px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.submenu_button.clicked img {
	top: 21px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


.submenu div span.br {
	display: block;
	clear: both;
	height: 15px;
}

.submenu div span.br:last-child {
	background: url('assets/images/arrow_submenu_up.png') center 6px no-repeat;
}


.submenu div {
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.5s ease-out;
	-moz-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
	background: #f5f5f5;
}

.submenu div.clicked {
	max-height: 1000px;
	-webkit-transition: max-height 0.5s ease-in;
	-moz-transition: max-height 0.5s ease-in;
	transition: max-height 0.5s ease-in;
}

.submenu div div ul {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.submenu div div ul li {
	width: 326px;
	display:block;
	float: left;
	padding-bottom: 8px;
	padding-top: 8px;
}

.submenu div div ul li a {
	background: url("assets/images/icons/category.png") no-repeat left 5px;
	padding-left: 23px;
}

.submenu div div ul li span {
	display: inline-block;

	font-size: 16px;
	text-decoration: none;
	color: #767676;
	border-bottom: dotted 1px #767676;
	line-height: 14px;
}

.submenu div div ul li span:hover {
	border-bottom: none;
}

/* SUBMENU ADV END */

/* BLOG BEGIN */


.blog_line .blog_entry {
	padding: 30px 0px 20px 0px;
}

.blog_line .blog_entry:nth-child(2n) {
	background: #f7f7f7;
}

.blog_line .blog_entry span {
	display: block;

}


.blog_line .blog_entry span div.long span {
	display: inline;

}

.blog_line .blog_entry span .img {
	width: 240px;
	height: 180px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	background: url("assets/images/placeholder.gif");
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.blog_line .blog_entry span .img img.wide {
	height: 180px;
	width: auto;
	right: -100%;
	left: -100%;
	margin: auto;
	position: absolute;

}

.blog_line .blog_entry span .img img.tall {
	width: 240px !important;
	height: auto !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
	position: absolute !important;
}

.blog_line .blog_entry span .title {
	font-size: 26px;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	max-height: 64px;
}

.blog_line .blog_entry span .title:hover {
	text-decoration: underline;
}

.blog_line .blog_entry span div.title:hover {
	text-decoration: none;
}

.blog_line .blog_entry span .date {
	color: #707070;
	font-size: 16px;

	margin-bottom: 5px;
	display: block;
}

.blog_line .blog_entry span .short {
	max-height: 50px;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;

}

.blog_line .blog_entry span .long {
	font-size: 16px;
	line-height: 24px;

}

.blog_line .blog_entry span .short p {
	margin: 0px;
}

.blog_line .blog_entry span .long p {
	margin: 0px;
	margin-bottom: 20px;
}

.blog_line .blog_entry span .long p img.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.blog_line .blog_entry span .long img.alignleft {
	float: left;
	margin-right: 20px;
}

.blog_line .blog_entry span .long img.alignright {
	float: right;
	margin-left: 20px;
}

.blog_line .blog_entry span .long p img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blog_line .blog_entry span .read_more {
	display: block;
	margin-top: 10px;
	text-decoration: none;
	font-size: 16px;
}

.blog_line .blog_entry span .read_more:hover {
	text-decoration: underline;
}

iframe {border: 0px;}

/* BLOG END */


/* FILES BEGIN */


.blog_files .blog_entry {
	padding: 15px 0px 5px 0px;
}

.blog_files .blog_entry:nth-child(2n) {
	background: #f7f7f7;
}

.blog_files .blog_entry span {
	display: block;
}


.blog_files .blog_entry span .img {
	width: 112px;
	height: 84px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	background: url("assets/images/placeholder.gif") center center;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.blog_files .blog_entry span .img img.wide {
	height: 84px;
	width: auto;
	right: -100%;
	left: -100%;
	margin: auto;
	position: absolute;
}

.blog_files .blog_entry span .img img.tall {
	width: 240px !important;
	height: auto !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
	position: absolute !important;
}

.blog_files .blog_entry span .title {
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 7px;
	display: block;
	padding-top: 5px;
	line-height: 24px;
	overflow: hidden;
	height: 46px;
}

.blog_files .blog_entry span .title:hover {
	text-decoration: underline;
}

.blog_files .blog_entry span div.title:hover {
	text-decoration: none;
}

.blog_files .blog_entry span .date {
	color: #b7b7b7;
	font-size: 15px;

	padding-top: 5px;
	margin-left: 10px;
	display: block;
	float: right;
	margin-bottom: 10px;
}

.blog_files .blog_entry span .short {
	max-height: 50px;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	color: #8c8c8c;

}

.blog_files .blog_entry span .short p a {
	display: inline-block;
	padding-left: 15px;
	margin-left: 10px;
	background: url("assets/images/icons/file.png") 0px 5px no-repeat;
	text-decoration: none;
}

.blog_files .blog_entry span .short p a:hover {
	text-decoration: underline;
}

.blog_files .blog_entry span .long {
	font-size: 16px;
	line-height: 26px;
	color: #8c8c8c;

}

.blog_files .blog_entry span .short p {
	margin: 0px;
}

.blog_files .blog_entry span .long p {
	margin: 0px;
	margin-bottom: 15px;
}

.blog_files .blog_entry span .read_more {
	display: block;
	margin-top: 10px;
	text-decoration: none;
	font-size: 16px;
}

.blog_files .blog_entry span .read_more:hover {
	text-decoration: underline;
}


/* FILES END */



.blog_line.archive {
	margin-top: 10px;
}

.blog_line .blog_entry.archive {
	padding: 20px 0px 20px 0px;
}


.blog_line .blog_entry span .title_archive {
	font-size: 16px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.blog_line .blog_entry span .title_archive:hover {
	text-decoration: underline;
}

.blog_line .blog_entry span .date_archive {
	color: #5abddc;
	font-size: 16px;
	margin-right: 25px;
	display: block;
	float: left;
}

/* PAGINATION BEGIN */

.pagination {
	text-align: center;
	margin-top: 25px;
}

.pagination a {
	display: inline-block;
	line-height: 0px;
	background: #5abddc;
	padding: 25px 0px 25px 0px;
	color: white;
	text-decoration: none;
	font-size: 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 50px;
}

.pagination a:hover {
	background: #73d1ee;
}

.pagination span {
	display: inline-block;
	line-height: 0px;
	background: #449fba;
	padding: 25px 0px 25px 0px;
	color: white;
	text-decoration: none;
	font-size: 16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 50px;
}

/* PAGINATION END */

.tribe-events-event-image {
	float: left;
	margin-right: 25px!important;
	margin-top: 7px!important;
}

.tribe-events-event-image img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tribe-events-tooltip .tribe-events-event-thumb img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gallery {
	width: 964px;
}

.gallery-item {
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 20px!important;
	height: 195px;
}

.gallery-item .gallery-icon {
	position: relative;
	display: block;
}


.gallery-item .gallery-icon a {
	display: block;
}

.gallery-item .gallery-icon a img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0px !important;

}

.gallery-item .gallery-icon span {
	background: url("assets/images/photo.png") no-repeat center center ;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.gallery-item .wp-caption-text, .gallery-item .gallery-caption {
	display: block;
	font-size: 16px !important;
	line-height: 22px !important;
	color:#7f51a0;
	text-align: center;
	height: 49px;
	overflow: hidden;
	padding:0px 5% 0px 5%;
}


#pf-ft {
	visibility: hidden !important;
}


.pdfprnt-bottom-left a.pdf {
	padding-left: 16px;
	background: url("assets/images/icons/pdf.png") no-repeat left center ;

}

.pdfprnt-bottom-left a.print {
	padding-left: 22px;
	background: url("assets/images/icons/print.png") no-repeat left center ;
}

.pdfprnt-bottom-left a {
	text-decoration: none;
	font-size: 14px;
}

.pdfprnt-bottom-left a:hover {
	text-decoration: underline;
}


/* Bold */

.blog_line .blog_entry span .long p strong, .blog_line .blog_entry span .long ul li strong {
	/*font-weight: normal;*/
}


/* List */

.blog_line .blog_entry span .long ul {
	list-style: none;
	padding:0;
	margin:0;
	margin-bottom: 30px;
}

.blog_line .blog_entry span .long ul li {
	padding-left: 30px;
	list-style: none;
	margin-bottom: 15px;
	line-height: 24px;
}

.blog_line .blog_entry span .long ul li:before {
    content: "■ ";
    color: #2792b1; /* or whatever color you prefer */
   	margin-right: 10px;
}

/* List Numbers */

.blog_line .blog_entry span .long ol {
	padding:0;
	margin:0;
	margin-left: 50px;
	margin-bottom: 30px;
}

.blog_line .blog_entry span .long ol li {
	margin-bottom: 5px;
}




.blog_line .blog_entry span .long table {
	margin:0px;
	padding: 0px;
	border-collapse: collapse;
	width: 100% !important;
	height: auto !important;
	margin-bottom: 30px;
}

.blog_line .blog_entry span .long table tr {
	margin:0px;
	padding: 0px;
}



.blog_line .blog_entry span .long table tr:nth-child(odd) {
	background: #f2f2f2;
}

.blog_line .blog_entry span .long table tr:first-child {
	background: #e9e9e9;
}

.blog_line .blog_entry span .long table tr:first-child td {
	font-size: 14px;
}

.blog_line .blog_entry span .long table tr td {
	margin:0px;
	padding: 0px;
	width: auto !important;
	height: auto !important;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Headlines */

h1 {
	font-size: 42px;
	font-weight: normal;
	line-height: 46px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h2 {
	font-size: 36px;
	font-weight: normal;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 34px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h4 {
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 15px;
}

h6 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 15px;
}

/* Search */

/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
form.bop-nav-search.menu-item.menu-item-type-search.menu-item-object-.menu-item-1404 {
    float: right;
}
.navbar .nav {
    width: 100%;
}
.bop-nav-search .search-form {
    position: relative;
    margin: 0;
}
/*Stop the display of the Search button*/
#searchsubmit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.bop-nav-search .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* Style the search input textbox */
.bop-nav-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}

/* Expand the search box when you click it */
.bop-nav-search .search-field:active,
.bop-nav-search .search-field:focus {
    color: #5a5a5a;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 70px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}

/* Add a magnifying glass background */
.bop-nav-search .search-form:before {
    font-family: 'genericons';
    content: '\f400';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: normal;
    top: 5px; /* tune this vertical alignment inside the search field, as needed */
    left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}

/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .bop-nav-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
}