/*
Theme Name: Probes Unlimited Theme
CurrentTheme URI: https://github.com/BoomVisibility/parent-theme
Author: the Boom Visibility team
Author URI: http://boomvisibility.com/
Description: The 2012 theme for WordPress customized by Boom.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlText
Domain: probes-unlimited

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Reset
-------------------------------------------------------------- */
/* =Colors
$primary: #2B3877;
$secondary: #C32A3A;
$tertiary: #2e2e2e;
$black: #222;
$color__link: #686868;
$color__link--hover: #2B3877;

Break Points

1025 pixels - Desktop
767 pixels - tablets
480 pixels - mobile

Organization

1. Content Styles
 - Typography
 - Links
 - Headings
 - Lists
 - Buttons
 - Tables

2. Header formatting

3. Containers Grids and Layouts
 - Columns
 - Dividers

4. Sidebar formatting

5. footer formatting

6. Home page
 - Slider styles
 - Custom blocks

7. Page Formatting
 - Blog pages
 - Pagination
 - Default Page
 - Other templates

8. Misc

-------------------------------------------------------------- */

@import url("css/core.css");
@import url("css/menu.css");


/* 1=Content Styles
-------------------------------------------------------------- */
/* typography */

body {
	font-size: 18px;
	font-family: 'Mulish', Helvetica, arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #2e2e2e;
	background-color: #fff; }

p {
	font-size: 16px;
	line-height: 1.85;
	margin: 1em 0; }
p:empty { display: none; }

.date{
	font-size: 14px;
	margin: 0 0 8px 0; }

/* Links */

a {
	color: #2B3877;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }
a:hover { color: #2B3877; }
.entry-title a { text-decoration: none; }

/* Headings */

h2, h3, h4, h5, h6 {font-weight: 500; line-height: 1.2;font-family: 'Rubik', Helvetica, arial, sans-serif;}

h1 {
	font-size: 45px;
	font-family: 'Rubik', Helvetica, arial, sans-serif;
	line-height: 1.2;
	font-weight: 300; }

h2 {
	font-size: 35px;
	margin-bottom: 20px; }

h2.subhead {
	font-size: 30px;
	font-weight: 300;
}
h2.blog-title {margin-bottom: 5px;}

h3 {font-size: 30px;}
#primary .gform_wrapper h3 {font-weight: 500;}
h4 {font-size: 22px;line-height: 1.2;}
span.regular {font-weight: 400;}
.entry-content h2, .entry-content h3 {color: #2B3877;margin: 1em 0;}
.entry-content h4 {margin: 1em 0;}

@media (max-width: 767px) {
	body h1 { font-size: 40px; }
	body h2 { font-size: 30px; }
}

@media (max-width: 480px) {
	body .wrapper h1 { font-size: 32px; }
	body .wrapper h2, body .entry h2 { font-size: 24px; }
	body img.alignright, img.alignleft, div.wp-caption.alignright, div.wp-caption.alignleft {
	float: none;
	margin: 3px auto 10px auto;
	display: block; }
}

@media (min-width: 767px){
	p {font-size: 18px;}
}

/* List Settings */

ul { list-style: none; }
.entry-content ul, .comment-content ul, .mu_register ul { list-style: disc; margin-left: 36px;}
.entry-content ol, .comment-content ol { list-style: decimal;margin-left: 36px;}
.entry-content ul li, .entry-content ol li {line-height: 1.5;font-size: 15px;}
.entry-content ul.careers li {font-size: 22px;}
.entry-content ol li {margin-bottom: 10px;}
.entry-content ul ol {margin-top: 10px;}
.entry-content blockquote, .comment-content blockquote {
	margin-bottom: 24px;
	padding: 24px;
	font-style: italic; }
.knowledge ul {margin-bottom: 20px;}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content pre code, .comment-content pre code { display: block; }

@media (min-width: 767px){
	.entry-content ul li, .entry-content ol li {font-size: 17px;}
}

/* Buttons */
input[type="submit"].arrow-button, input[type="button"].arrow-button, input[type="reset"].arrow-button {
	height: 30px;
	width: 30px;
	border: 0;
	display: inline-block;
	background: url(images/buttons/arrow-secondary.png) no-repeat center center;
	background-size: 14px auto; }

.button, .learn-more {
	background-color: #C32A3A;
	color: #fff;
	padding: 15px 35px;
	border: 1px solid #707070;
	line-height: 1.2;
	clear: both;
	display: inline-block;
	text-decoration: none;  }

.button:hover {
	background-color: #2B3877;
	color: #fff; }

.button-bordered {
	border: 3px solid;
	padding: 15px 30px;
	font-size: 24px;
	color: #fff;
	margin: 30px 0 0 0;
	display: inline-block; }
.button-bordered:hover { color: #000; }

/* Table styles */

#content table{ width: 100%; margin-bottom: 20px; }
#content table tr td{ background:#fafafa; padding: 10px; }
#content table tr:nth-child(even) td{ background:#efefef;}
#content table tr th{
	background: #2B3877;
	color: #fff;
	font-weight: bold;
	width: 30%;
	padding: 10px; }

/* =2. Header
-------------------------------------------------------------- */
/* Global Header */

#call-to-action {text-align: center; }

#masthead .logo {
	width: 500px;
	max-width: 100%;
	height: 100px;
	margin: 0 auto;
	background-image: url(images/logo.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; }

#masthead .logo a {
	height: 100%;
	width: 100%;
	display: block; }

header.global {
	z-index: 9997;
	position: relative;
	width: 100%;
	padding: 25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; }

@media (max-width: 1025px) {
	header.global .navigation-container {
		width: 100%;
		display: block;
		text-align: center; }

	header.global .navigation-container #site-navigation{
		float: none;
		clear: both; }
}

@media (max-width: 767px) {
	#masthead { margin: 0 auto; float: none; padding: 0 5%; }
	#masthead .logo { background-position: center; }
	header.global { padding: 0; }
}

@media (min-width: 1025px){
	#masthead, #call-to-action {
		max-width: 100%;
		display: inline-block;
	 	vertical-align: middle;}
	#masthead {width: 500px;}
	#call-to-action {width: calc(100% - 510px);}
	#call-to-action {text-align: right; }
}

/* 3. Columns Grids and Layouts */

@media (max-width: 1025px) {
	.container {padding: 0 5%; }
	header .container {padding: 0;}
}

.wrapper{
	max-width: 1350px;
	margin: 0 auto;
	padding: 70px 0 110px; }

.container {
	max-width: 1350px;
	margin: 0 auto;
	height: 100%; }

.container.small {
	max-width: 1160px;
    padding: 0 2%; }

section { padding: 75px 0; }
section.extra-padding { padding: 150px 0; }

@media screen and (min-width: 767px) {
	#logo {
		text-align: left;
		float: left;
		margin: 0;
		width: 45%; }

	.site { margin: 0 auto; overflow: hidden; }
	.site-content, .page-content { width: 75%; margin: 0 auto;}
	.widget-area { float: left; width: 22.5%; }

	.contact-content { float: left; width: 50%; }
	.contact-widget-area { float: right; width: 47.5%; }
	.full-width.page-template #primary { border-right: 0; padding-right: 0px; }

	body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content, body.template-front-page .page-content, body.single-attachment .page-content {
		width: 100%; }
}


@media (max-width: 767px) {
	.widget-area {
		padding: 0 25px;
		width: 100%; }

	body #secondary {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		max-width: 300px;
		text-align: center; }
}


/* ------- Layout Grid Columns ------- */
.half{ width:48%; }
.one_third{ width:30.6666%; }
.two_thirds{ width:65.3333%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16%; }
.two_fifth{ width:36%; }
.three_fifth{ width:60%; }
.four_fifth{ width:80%; }
.one_sixth{ width:15%; }
.five_sixth{ width:83%; }
.half,.one_third,.two_thirds,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ line-height: 1.5;position:relative; box-sizing: border-box; margin-right: 4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
@media (max-width: 1025px){
	body .half, body .one_third, body .two_thirds{ width: 100%;margin: 0 auto;}
	body .one_fourth, body .one_fifth{ width: 48%; }
}

@media (max-width: 767px){
	.one_fourth, .three_fourth, .one_fifth{ width: 100%;margin: 0 auto;}
}

.one_fourth img, .two_third img, .one_third img, .half img  { max-width: 100%; text-align: center; }
.half .entry-content{ margin-bottom: 25px; }

/* Dividers & Elements */

.divider {
	margin: 25px auto;
	display: block;
	height: 5px;
	background-color: #666; }

.red-divider {margin: 50px 0;
	width: 200px;
	display: block;
	height: 9px;
	background-color: #C32A3A;; }

/* 4. Sidebar */

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	word-wrap: break-word; }

.widget-area .widget h3 {
	margin-bottom: 24px;
	font-weight: normal;
	font-size: 30px; }

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: 15px;
	line-height: 1.7; }

.widget-area .widget p { margin-bottom: 24px; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; }
.widget-area .textwidget li { margin-left: 36px; }
.widget-area #s { width: 53.66666666666%;
  /* define a width to avoid dropping a wider submit button */ }
.widget-area .widget ul ul { margin-left: 12px; }

/* =5. Footer Section
-------------------------------------------------------------- */
/* Prefooter */

#prefooter{ background-color: #e3e3e3; padding: 65px 0;text-align: center;}

#prefooter h2{
	font-weight: 300;
	font-size: 40px;
	padding-bottom: 20px;
	color: #2B3877;}
#prefooter p {padding: 0 0 20px 0;}

/* Footer */

footer.global {
	background: #2B3877;
	color: #fff;
	width: 100%;
	clear: both;
	padding: 50px 0px;
	box-sizing: border-box; }
footer .one_fourth{width: 100%;text-align: center; padding: 2%;}

footer h3 {padding-bottom: 15px; font-size: 15px; text-transform: uppercase; }

footer p{
	font-size: 12px;
	margin-top: 0;
	line-height: 30px; }

footer div.social-container {
	margin-top: 20px;
	clear: both; }

footer a{color: #fff;}
footer a:hover{color: rgba(255,255,255,0.7);}
footer ul.social {padding: 25px 0;}
footer ul.social a {
		padding: 16px 18px;
	  background-position: center;
		background-repeat: no-repeat;
		}

footer ul.social li{
		display: inline-block;
		position: relative;
		}

footer ul.social li.facebook a{background-image: url(images/icons/facebook.png);}
footer ul.social li.twitter a{background-image: url(images/icons/twitter.png);}
footer ul.social li.google a {background-image: url(images/icons/google-plus.png);}
footer ul.social li.linked-in a {background-image: url(images/icons/linked-in.png);}
footer ul.social li.youtube a {background-image: url(images/icons/youtube.png);}
footer .copyright{border-top: 1px solid #fff; margin-top: 50px;padding: 30px 0;}
footer .copyright p{font-size: 15px; letter-spacing: 3px;}
@media (min-width: 767px) {
	footer .one_fourth {width: 47%;border-bottom: 0px;text-align: left;}
	footer .one_fourth.second {margin-right: 0%;}
}

@media (min-width: 1025px) {
	footer .address {margin-left: 143px;margin-top: -25px;}
	footer .one_fourth {width: 20%;margin-top: 20px;padding-bottom: 0;}
	footer .one_fourth.first {width: 33%;}
	footer .one_fourth.second {width: 15%;margin-right: 4%;}
	footer .one_fourth.first {margin-top: 0px;}
}

@media(max-width: 767px) {
	footer .one_fourth {margin: 2%;}
}

/* =6. Home Page Styles
-------------------------------------------------------------- */
/* Slideshow */

.slideshow {
	position: relative;
	color: #fff;
	padding: 0; }

.slideshow h1{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 300;
	padding: 10px; }

.slideshow img{ width: 100%; display: block; }
.slideshow .bx-wrapper .bx-viewport { border: 0; box-shadow: none; }
.slideshow a { color: #fff; }

.slideshow .slide {
	background-size: cover;
	background-position: top center;
	height: 0px;
	width: 100%;
	text-align: center;
	display: table;
	padding: 5%; }

.slideshow .slide p {
	max-width: 1160px;
	margin: 0 auto 50px auto;
	padding: 0 2%;
	line-height: 1.6; }

@media (min-width: 1025px) {
	.slideshow .slide {padding-bottom: 26.3%;}
	.slideshow h1 {font-size: 80px;font-size: 4.25vw;max-width: 1200px;
    margin: 0 auto;}
	.slideshow .slide p {font-size: 30px;font-size: 1.35vw;}
	.slider-content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;}
}

/* Custom Blocks */

#products .one_third{
	background: #2B3877;
	max-width: 360px;
	margin-bottom: 4%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }
#products .one_third:hover {
	background: #C32A3A;
}
#products img {border: 1px solid #95989A;}
#products h3 {font-size: 23px;font-weight: 500;line-height: 35px;margin: 0;}
#products h3,#products p {color: #fff;text-align: left;}
.product-text {padding: 20px 15px 0 25px;height: 150px;position: relative;}
#products p {text-decoration: underline;position: absolute; bottom: 5px;font-size: 16px;}
#products a {color: #fff;}
#mission h1{
	display: inline-block;
	border-bottom: 4px solid #2B3877;
	color: #2B3877; }

#mission p {font-size: 22px; }

@media (max-width: 1025px){
	#products .container.small {text-align: center;}
	#products .one_third, #products .one_third.last {width: 47%; margin-right: 4%;float: none; display: inline-block;vertical-align: top;}
	#products .one_third.last:nth-child(odd) {width: 47%; margin-right: 4% !important;}
	#products .one_third:nth-child(even) {margin-right: 0;}
}
@media (max-width: 767px) {
	#products h3 {font-size: 25px;}
}
@media (max-width: 480px){
	#products .one_third, #products .one_third.last {width: 100%; margin: 10px auto;}
	#products .one_third.last:nth-child(odd) {width: 100%; margin-right: 0 !important;}
	#products .container.small {max-width: 360px;}
}
@media (min-width: 1025px){
	#products .one_third:nth-child(3n-3){margin-right: 0px;}
}

/* =7. Additional Page styles
-------------------------------------------------------------- */
/* Blog Page styles */



/* Pagination */

.navigation li { display: inline; margin-right: 5px;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
	color: #fff;
	text-decoration:none; }

.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
	background-color: #2B3877;
	border-radius: 3px;
	cursor: pointer;
	padding: 7px 12px;}
.navigation li a:hover, .navigation li.active a { background-color: #C32A3A; }

/* Default Page styles */

header.entry-header {background: url(images/slide-background.jpg) center no-repeat;background-size: cover; padding: 60px 60px 40px 60px;}
header.entry-header .page-title {color: #fff; font-weight: 300;display: inline-block;}
.title-cta {padding: 20px 0;}

@media (min-width: 1025px) {
	header.entry-header .page-title {font-size: 80px;max-width: calc(100% - 320px);}
	.title-cta {float: right;}
}

@media (max-width: 480px){
	header.entry-header {
    padding: 18px 9px;
    text-align: center;}
	body header.entry-header h1 {font-size: 30px}
}

/* =8. Misc
-------------------------------------------------------------- */
.search-form {position: relative;display: inline-block;}
.search-form input[type="submit"] {
	background: url('images/icons/search-icon.png') no-repeat;
	border: 0px;
	text-indent: -9999px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.search-form input[type="text"] {
	font-size: 15px;
    padding: 10px;
    width: 200px;
    border-radius: 2px;
}

header .search-form input[type="text"]{
	width: 390px;
	max-width: 100%;
	font-size: 18px;
	line-height: 1.3;
}
span.list:last-of-type {display: none;}
.lang {padding: 0 0 15px 0;}
.lang li, .lang li img {
    display: inline-block;
    vertical-align: middle;
}

.lang li {
	position: relative;
	margin-left: 28px;
	font-size: 12px;}

.lang li:hover a:before {
	position: absolute;
	font-size: 16px;
	content: '>';
	font-family: 'Rubik', Helvetica, arial, sans-serif;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 767px){
	header .search-form {display: none;}
}

@media (max-width: 480px){
	.lang li {margin-left: 18px;font-size: 11px;}
	.lang li img {max-width: 15px;}
}

/* Forms */
.gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer input.button {background: #2b3877; color: #fff;}

/* Boxes */
.box{padding: 20px; border: 2px solid #2B3877;display: flex; flex-wrap: wrap; justify-content: center;align-items: center;}
.entry-content .box h3{margin: 0px;font-size: clamp(16px, 2.5vw, 25px);}