/* @override 
	http://drilling.squidserver.org/wp-content/themes/drilling/style.css */
/*
/*
Theme Name:     The Drilling Theme
Theme URI:      http://theme.squidserver.org
Description:    The Well Drilling School Website Theme.
Author:         DigiSquid, LLC.
Author URI:     http://digisquid.com
Version:        1.0.2
*/
/*
Framework:      Squid Theme Framework 2.0
Changelog:		(12-20-16) Initial deployment of the new framework.
*/
/* !SASS Partials ============================================================== */
/* Squid CSS Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

/* !Transitions ============================================================== */
a {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
}

a:hover {
	transition: all 100ms ease-in-out;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
}

a.hover-fade img {
	transition: color, opacity 500ms ease-in-out;
	-webkit-transition: color, opacity 500ms ease-in-out;
	-moz-transition: color, opacity 500ms ease-in-out;
	-o-transition: color, opacity 500ms ease-in-out;
	-ms-transition: color, opacity 500ms ease-in-out;
	opacity: 0.5;
}

a.hover-fade:hover img {
	transition: color, opacity 100ms ease-in-out;
	-webkit-transition: color, opacity 100ms ease-in-out;
	-moz-transition: color, opacity 100ms ease-in-out;
	-o-transition: color, opacity 100ms ease-in-out;
	-ms-transition: color, opacity 100ms ease-in-out;
	opacity: 1;
}

/* !SASS Variables ============================================================== */
/* !SASS Mixins ============================================================== */
/* !Typography ============================================================== */
body {
	/* Base Font Size */
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	line-height: 18px;
}

/* Headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato", sans-serif;
	color: #326986;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1em;
}

/* Header 1 */
#content h1 {
	font-size: 2.25em;
}

/* Header 2 */
#content h2,
#content h2 a:link {
	font-size: 1.75em;
}

/* Blog H2 */
div#content div#blogpost h2 {
	font-size: 1em;
	margin-top: 25px;
}

/* Header 2 link colors */
#content h2 a:hover,
#content h2 a:visited {
	color: #326986;
}

/* H3 Header text */
#content h3 {
	font-size: 1.5em;
}

/* H4 Header text */
#content h4 {
	font-size: 1.25em;
}

/* H5 Header text */
#content h5 {
	font-size: 1em;
}

/* H6 Header text */
#content h6 {
	font-size: 0.95em;
}

/* Body Copy */
p,
li {
	text-align: left;
	line-height: 1.75em;
	padding-bottom: 10px;
}

/* Site Links */
a:link,
a:visited {
	color: #326986;
	text-decoration: none;
}

a:hover,
a:active {
	color: #283031;
	text-decoration: none;
}

/* Content text */
#content ul,
#content ol {
	font: inherit;
	font-size: 1em;
}

/* Resets our ULs after the main reset and menu nav chewed them up */
#content ul {
	list-style: disc;
	padding-top: 0;
}

/* Resets our OLs */
#content ol {
	list-style: decimal;
	text-align: left;
	padding-top: 0;
}

/* Resets our LIs */
#content li {
	padding-bottom: 10px;
	text-align: left;
}

/* Resets our OL OLs */
#content ol ol {
	list-style: upper-alpha;
}

/* Resets our OL OL OL OL LOL */
#content ol ol ol,
#content ol ol ol ol {
	list-style: lower-roman;
}

/* The blockquote, of course */
blockquote {
	color: #326986;
	padding: 10px 10px 10px 25px;
	background-color: #283031;
	margin: 10px 50px;
}

/* More blockquote styling */
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

/* Defines how bold bold is when its bolded all bold like. */
strong {
	font-weight: bold;
}

/* Fixes the pre tag */
pre {
	margin-bottom: 18px;
	padding: 1.5em;
}

/* Hr matey */
hr {
	height: 1px;
	border: 0;
}

/* Text in the footer */
#footerblock p,
#footerblock p a:link,
#footerblock p a:visited {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	color: #fff;
	text-decoration: none;
}

/* Floats header 2 left in the sidebar */
#sidebar h2.widgettitle {
	text-align: left;
}

/* Content text */
#sidebar li {
	font-family: inherit;
	font-size: 1em;
	font-weight: 400;
	padding-bottom: 10px;
}

/* !Framework ============================================================== */
/* Main Site Body */
body {
	color: #000;
	background: url(images/background.jpg) no-repeat 0 top;
	background-size: cover;
}

/* The main container. It holds everything. Everything! */
#container {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 100%;
	text-align: center;
}

/* !Masthead ============================================================== */
/* Wraps the masthead */
#mastheadwrap {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

/* The Masthead */
#masthead {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 1024px;
	background: url(images/cobalt-gem.png) repeat 0 top;
}

/* The Masthead Block */
#mastheadblock {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 175px;
	text-align: left;
}

/* The Left Masthead Block */
div#leftmastheadblock {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 65%;
	height: 100px;
}

/* The Logo */
img#logo {
	width: auto;
	height: 125px;
	padding-left: 20px;
}

/* The Right Masthead Block */
div#rightmastheadblock {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 33%;
	height: 100px;
	text-align: right;
	padding: 25px;
	color: #fff;
}

/* The Right Masthead Block h2, a.k.a. the phone number */
div#rightmastheadblock h2 a {
	font-size: 1.5em;
	text-align: right;
	color: #fff;
}

div#rightmastheadblock p {
	color: #8fafc4;
	text-align: right;
	line-height: 1.25em;
}

/* !Content ============================================================== */
/* Wraps the content */
#contentwrap {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1024px;
}

/* Holds every element between the header and the footer. */
#content {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1024px;
	background: #fff;
	text-align: left;
}

/* Holds the main site content */
#contentblock {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	width: 100%;
}

/* Holds the main site content on the home page */
/* Holds the main site content on the home page */
#contentblock.blog {
	width: 75%;
	padding: 50px;
}

/* Module holding the main site content */
/* !Blog ============================================================== */
div#content div#blogmodule {
	/* Module that holds the blog posts. */
}

div#content div#blogmodule h2 a:link {
	font-size: 1em;
}

div#content div#blogpost img {
	width: 100%;
	height: auto;
}

div#content div#blogcomments {
	padding: 25px;
	margin: 25px;
	border: 1px solid #cbcbcb;
}

/* !Footer ============================================================== */
#footerwrap {
	/* Wraps the footer */
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#footer {
	/* The Footer, of course */
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 1024px;
	background-color: #283031;
}

#footerblock {
	/* Holds footer content */
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: left;
}

/* Formidable Form in footer */
#footerform .frm_style_formidable-style.with_frm_style .form-field {
	margin-bottom: 5px;
}

#footerform .frm_style_formidable-style.with_frm_style label.frm_primary_label, .frm_style_formidable-style.with_frm_style.frm_login_form label {
	color: #fff;
}

#footerform .frm_style_formidable-style.with_frm_style div.frm_description {
	color: #c2c2c2;
}

#footerform input {
	padding: 10px;
}

/* Hides the h2 in the Formidable Form in the footer */
#footerform h2.widgettitle {
	display: none;
}

/* !Sidebar ============================================================== */
/* Site sidebar */
#sidebar {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 24%;
	background-color: #fafafa;
	margin-top: 0px;
	padding: 20px;
}

/* Sidebar widget */
#sidebar .sidebarwidget {
	width: 100%;
}

/* Lists in the sidebar */
#sidebar div.sidebarwidget ul {
	margin-left: 0px;
}

/* Hides dropdowns in the sidebar */
#sidebar ul.sub-menu {
	display: none;
}

/* Lists in the sidebar */
#sidebar li {
	list-style: none;
	margin-bottom: 5px;
	padding: 0px;
}

/* !Navigation ============================================================== */
/* Menu container */
/* Menu links */
.navigation a {
	display: block;
	font-family: sans-serif;
}

/* Main menu container */
.navigation div.main-menu {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0px;
	left: 0px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	background: #283031;
}

/* Main Menu Links */
.navigation div.main-menu ul li a {
	font-size: 1.25em;
	/* Main menu font size */
	line-height: 50px;
	/* Menu Height */
	color: #fff;
	/* Menu text color */
	padding: 0 10px;
	/* Menu padding (spacing) */
}

/* Main Menu Links Hover */
.navigation div.main-menu ul li a:hover {
	color: #fff;
	/* Text Hover */
	background-color: #326986;
	/* Hover Background Color */
}

/* Child Menu Links */
.navigation div.main-menu ul ul li a {
	background: #326986;
	/* Drop Down Background Color */
	line-height: 20px;
	/* Drop Down Height */
	color: #fff;
	/* Drop Down Text Color */
	width: 150px;
	/* Drop Down Width */
	padding: 20px;
	/* Drop Down Padding */
}

/* Child Menu Links Hover */
.navigation div.main-menu ul ul a:hover {
	color: #fff;
	/* Drop Down Text Hover */
	background-color: #283031;
	/* Hover Background Color */
}

/* Drop Down Current Page Text Color */
.navigation div.main-menu ul li.current-menu-item a,
.navigation div.main-menu ul li.current-menu-parent a {
	color: #fff;
}

/* Drop Down Current Child Page Text Color */
.navigation div.main-menu ul li.current_page_item > a,
.navigation div.main-menu ul li.current-menu-ancestor > a {
	color: #fff;
}

.navigation ul ul {
	display: none;
	position: absolute;
	top: 50px;
	/* Drop Down Position */
	left: 0;
	float: left;
	width: 170px;
	/* Drop Down Container Width (Shadow box)*/
	z-index: 99999;
}

.navigation ul ul li {
	min-width: 150px;
	margin: 0px;
	padding-bottom: 0px;
}

/* !Base Navigation ============================================================== */
.navigation div.main-menu ul {
	vertical-align: top;
}

.navigation div.main-menu li {
	display: inline-block;
	position: relative;
}

.ie7 .navigation .main-menu li {
	/* Fixes menu floats in IE7 */
	display: block;
	float: left;
}

.navigation div.main-menu ul ul ul {
	left: 100%;
	top: 0;
}

.navigation ul li:hover > ul {
	display: block;
}

#mobilenavigation {
	/* Hides Mobile Menu */
	display: none;
}

/* !Images ============================================================== */
img {
	/* Makes images responsive */
	max-width: 100%;
	height: auto;
}

#photoblock {
	/* Holds Featured Images */
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: auto;
	text-align: center;
}

/* Photo, align right */
img.alignright {
	margin-left: 20px;
	margin-bottom: 10px;
}

/* Photo with captions, align right */
.wp-caption.alignright {
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 5px;
}

/* Photo, align left */
img.alignleft {
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Photo with captions, align left */
.wp-caption.alignleft {
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 5px;
}

/* Text for photos with captions */
p.wp-caption-text {
	padding-bottom: 0px;
}

/* Galleries */
/* !Transitions ============================================================== */
a {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
}

a:hover {
	transition: all 100ms ease-in-out;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
}

a.hover-fade img {
	transition: color, opacity 500ms ease-in-out;
	-webkit-transition: color, opacity 500ms ease-in-out;
	-moz-transition: color, opacity 500ms ease-in-out;
	-o-transition: color, opacity 500ms ease-in-out;
	-ms-transition: color, opacity 500ms ease-in-out;
	opacity: 0.5;
}

a.hover-fade:hover img {
	transition: color, opacity 100ms ease-in-out;
	-webkit-transition: color, opacity 100ms ease-in-out;
	-moz-transition: color, opacity 100ms ease-in-out;
	-o-transition: color, opacity 100ms ease-in-out;
	-ms-transition: color, opacity 100ms ease-in-out;
	opacity: 1;
}

/* !Buttons ============================================================== */
p.button a {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #326986;
	padding: 6px 24px 6px;
	border: 1px solid #fff;
}

p.button a:hover {
	background-color: #283031;
}

p.button a:link,
p.button a:visited {
	color: #fff;
}

/* !Responsive ============================================================== */
/* !Responsive - Less than 1024 ============================================================== */
@media screen and (max-width: 1024px) {
	/* !Base Responsive Styles ============================================================== */
	/* !Responsive - Less than 960 ============================================================== */
	div#container,
	div#mastheadwrap,
	div#masthead,
	div#mastheadblock,
	div#leftmastheadblock,
	div#topblock,
	div#contentwrap,
	div#content,
	div#contentblock,
	div#contentblock.home,
	div#contentblock.blog,
	div#contentblock.sidebar,
	.navigation div.main-menu,
	div#socialblock,
	div#footerwrap,
	div#footer,
	div#footerblock {
		/* Mobilize framework */
		position: relative;
		text-align: center;
		width: 100%;
		height: auto;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		margin: auto;
	}

	img {
		/* Set mobile image max width to 100% */
		max-width: 100%;
		height: auto;
		width: auto \9;
	}

	img.alignright {
		/* Mobile photo, align right */
		margin: 20px;
		float: none;
		display: block;
	}

	img.alignleft {
		/* Mobile photo, align left */
		margin: 20px;
		float: none;
		display: block;
	}

	#mastheadblock {
		text-align: left;
	}

	div#leftmastheadblock {
		position: relative;
		text-align: center;
		width: 100%;
		height: auto;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		padding: 5px;
		margin: auto;
	}

	h2#phone {
		position: relative;
		top: 0px;
		right: 0px;
		padding-top: 15px;
		padding-right: 20px;
		z-index: 1000;
	}

	.navigation div.main-menu {
		position: relative;
		text-align: center;
		height: 50px;
	}

	div#contentblock,
	div#contentblock.home,
	div#contentblock.blog,
	div#contentblock.sidebar {
		/* Makes mobile content blocks fluid */
		width: 100%;
		padding: 25px;
		text-align: left;
	}

	div#footerblock {
		/* Makes mobile footer block fluid */
		width: 100%;
		text-align: center;
	}

	div#footerblock p {
		/* Mobile footer text */
		width: 100%;
		text-align: center;
	}

	div#sidebar,
	div#rightmastheadblock {
		/* Hides incompatible mobile elements */
		display: none;
	}
}

/* !Responsive - Less than 768 ============================================================== */
@media screen and (max-width: 768px) {
	/* !---------- Start Mobile Menu ---------- */
	.navigation {
		/* Hides Main Menu */
		display: none;
	}

	#mobilenavigation {
		/* Mobile navigation bar */
		background: url(images/mobilemenu.png) 0 0 no-repeat scroll #326986;
		cursor: pointer;
		display: inline-block;
		position: relative;
		left: 0px;
		height: 50px;
		margin: 0px;
		width: 100%;
		visibility: visible;
		z-index: 10000;
		text-align: left;
	}

	#mobilenavigation h2 {
		/* Mobile navigation text */
		color: #326986;
		font-size: 1.2em;
		line-height: 50px;
		margin: 0px;
		padding: 0px 0px 0px 50px;
		text-transform: uppercase;
	}

	#mobilenavigation h3 a {
		/* Mobile Phone Number */
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 0px;
		right: 0px;
		color: #fff;
		font-size: 1.2em;
		line-height: 50px;
		margin: 0px;
		padding: 0px 25px 0px 50px;
		text-transform: uppercase;
	}

	#menu-mobile-menu {
		/* Mobile navigation menu */
		display: none;
		margin-top: 0px;
		min-width: 150px;
		text-align: left;
		background-color: #283031;
		text-transform: uppercase;
	}

	#mobilenavigation li {
		/* Mobile navigation menu item */
		border-bottom: 1px solid #326986;
		padding: 10px;
	}

	#mobilenavigation li a {
		/* Mobile navigation menu item link */
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		font-weight: 200;
		font-size: 1.25em;
		color: #fff;
		text-decoration: none;
		padding-left: 10px;
	}

	#mobilenavigation li:active {
		/* Mobile navigation eactive menu item */
		background-color: #283031;
	}

	#mobilenavigation .sub-menu {
		/* Mobile navigation submenu */
		padding-top: 10px;
		padding-left: 20px;
	}

	#mobilenavigation .sub-menu li {
		/* Mobile navigation submenu item */
		border-top: 1px solid #283031;
		border-left: 1px solid #283031;
		border-right: 1px solid #283031;
		margin-bottom: 5px;
	}

	#mobilenavigation .sub-menu li:active {
		/* Mobile navigation active submenu item */
		background-color: #283031;
	}

	/* !---------- End Mobile Menu ---------- */
}

.ui-dialog-titlebar-close {
	display: none !important;
}

/* unify padding on all sizes */
@media screen and (min-width: 1024px) {
	#content, div#contentblock.home, div#contentblock.blog, div#contentblock.sidebar {
		padding-left: 0;
	}

	#content {
		padding: 25px;
	}
}

/* force footer to teh bottom when page has short content */
html, body {
	height: calc(100% - 34.42px);
	background: none;
}

#container {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: calc(100% + 36px);
	background: url(images/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#contentwrap, #content {
	display: flex;
	flex: 1 0 auto;
}

/* hide billing address */
#edd_cc_address {
	display: none;
}

/* button styling */
input[type="submit"] {
	background-color: #335e75;
	border: none;
	color: #fff;
	padding: 0.4em 1.2em !important;
	border-radius: 3px;
	font-size: 16px !important;
	font-weight: 400 !important;
	cursor: pointer;
}

input[type="submit"]:hover {
	background-color: #48758c;
}

/* sidebar */
#sidebar {
	margin: 70px 0;
}

/* fix certificate button */
body a.btn-blue {
	color: #fff;
}

/* adjust the iframe style */
.nivo_iframe {
	display: inline-block;
	background: #6997af;
	padding: 0.4em 1.2em;
	border-radius: 3px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.nivo_iframe:hover {
	background: #335e75;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: rgba(0, 0, 0, 0.7) !important;
}

.nivo-lightbox-close {
	opacity: 1 !important;
	background-size: 60% !important;
	width: 35px !important;
	height: 35px !important;
}

/* style the visitor login block at ld pages */
.visitor-login-block {
	background-color: #6997af;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 30px;
}

.visitor-login-block h3 {
	color: #fff;
	line-height: 1.4em;
}

.visitor-login-block a {
	display: inline-block;
	background-color: #fff;
	padding: 1px 10px 4px 10px;
	border-radius: 3px;

}

.visitor-login-block a:hover {
	background-color: #d5d2d2;
}

/* adjust mobile menu breaking point */
@media (max-width: 951px) {
	.navigation {
		display: none;
	}

	#mobilenavigation {
		background: url(images/mobilemenu.png) 0 0 no-repeat scroll #326986;
		cursor: pointer;
		display: inline-block;
		position: relative;
		left: 0px;
		height: 50px;
		margin: 0px;
		width: 100%;
		visibility: visible;
		z-index: 10000;
		text-align: left;
	}

	#mobilenavigation h2 {
		padding: 0px 0px 0px 50px;
	}

	#mobilenavigation h3 a {
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 0px;
		right: 0px;
		color: #fff;
		font-size: 1.2em;
		line-height: 50px;
		margin: 0px;
		padding: 0px 25px 0px 50px;
		text-transform: uppercase;
	}

	#menu-mobile-menu {
		display: none;
		margin-top: 0px;
		min-width: 150px;
		text-align: left;
		background-color: #283031;
		text-transform: uppercase;
	}

	#mobilenavigation li {
		border-bottom: 1px solid #326986;
		padding: 10px;
	}

	#mobilenavigation li a {
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		font-weight: 200;
		font-size: 1.25em;
		color: #fff;
		text-decoration: none;
		padding-left: 10px;
	}

}

@media (max-width: 951px) and (min-width: 769px) {
	#menu-mobile-menu {
		margin-top: 30px;
	}
}

/* adjust homepage slider height */
.fl-node-5606e1b0ce1fb .fl-content-slider, .fl-node-5606e1b0ce1fb .fl-slide {
	min-height: 458px !important;
}

/* make course grid items fit the page */
body .uo-grid-wrapper .grid-course {
	box-sizing: border-box;
}

/* course sidebar fixes */
#sidebar #course_navigation .list_lessons .lesson a,
.widget_course_return,
.widget_course_return,
#course_navigation .widget_course_return a {
	font-size: 14px !important;
}

#sidebar .sidebarwidget {
	margin-bottom: 20px !important;
}

/* fix x button for videos */
body .nivo-lightbox-theme-default .nivo-lightbox-close {
	background: none !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
	background-color: #fff !important;
	text-indent: initial !important;
	font-size: 0;
	padding: 0 !important;
	display: flex !important;
	border: 2px solid #333;
}

body .nivo-lightbox-theme-default .nivo-lightbox-close:after {
	content: "X";
	font-size: 35px !Important;
	font-weight: bolder;
	color: #000;
	margin: 9px 0 0 6px !important;
}

/* style header contact us button */
.header-button {
	background-color: #b11c1c;
	display: inline-block !important;
	color: #fff !important;
	font-size: 20px;
	text-align: center;
	line-height: initial;
	padding: 10px 20px;
	border-radius: 10px;
	margin-top: 2px;
	text-transform: uppercase;
}

.header-button:hover {
	background-color: #d40000;
}

#menu-mobile-menu {
	text-align: center;
}

#menu-mobile-menu .header-button {
	margin: 10px auto;
}

/* style the news ticker */
#news-ticker-block .fl-module-content.fl-node-content {
	margin: 0;
	padding: 0 10px;
	text-align: center;
	color: #fff;
	background: url(/wp-content/themes/drilling/images/cobalt-gem.png) repeat 0 top;
}

#news-ticker-block .mtphr-dnt-nav i {
	font-size: 20px;
	line-height: 44px;
}

/* Revise Courses page */

.uo_course_box {
}

/* Box with shadow */
.uo_course_box .fl-node-content {
	-webkit-box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .07);
	box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .07);
}

/* Image */
.uo_course_box .uabb-imgicon-wrap {
	margin-top: 0 !important;
}

/* Title */
.uo_course_box .uabb-infobox-title-wrap .uabb-infobox-title {
	font-size: 24px;
	color: #326986;
	font-weight: 700;
	padding: 15px 15px 5px 15px;
	line-height: 1.3;
}

/* Description */
.uo_course_box .uabb-infobox-text-wrap {
	color: #818181;
	font-size: 15px;
	line-height: 1.4;
	padding: 0 15px 15px 15px;
}

.uo_course_box .uabb-infobox-text-wrap p {
	padding-bottom: 5px !important;
}

/* Notice box */

.uo_course_box .uo_notice_box {
	width: 100%;
	background: #c0eafa;
	color: #217a9c !important;
	border-left: 5px solid #217a9c;
	padding: 5px 7px;
	font-size: 13px !important;
	margin: 5px 0;
}

/* Credits */
.uo_course_box .uabb-infobox-text-wrap .uo_credits_bubble {
	display: inline-block;
	color: #867037;
	background: #fad36e;
	font-size: 13px;
	font-weight: 700;
	padding: 3px 15px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}

/* Button */
.uo_course_box .uabb-infobox-button {
	padding: 0;
}

.uo_course_box .uabb-button {
	width: 100% !important;
	color: #fff !important;
	background: #9a9a9a !important;
	font-size: 18px !important;
	border: 0 !important;
	font-weight: 700;
	text-align: center;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	-o-border-radius: 3px !important;
	border-radius: 3px !important;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.uo_course_box .uabb-button:hover {
	background: #ea5252 !important;
}

.uo_course_box .uabb-button span {
	position: relative;
}

.uo_course_box .uabb-button span:after {
	content: '»';
	font-size: inherit;
	font-weight: 400;
	position: absolute;
	opacity: 0;
	right: -20px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.uo_course_box .uabb-button:hover span {
	padding-right: 16px;
}

.uo_course_box .uabb-button:hover span:after {
	opacity: 1;
	right: 0;
}

/* Coming soon */

.uo_course_box .uo_coming_soon_course {
	width: 100%;
	color: #666 !important;
	background: #aeaeae;
	padding: 12px 24px;
	font-size: 18px;
	border: 0;
	font-weight: 700;
	text-align: center;
	margin-top: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* Improve Login Page */

.uo-login-page {
}

.uo-login-page .uo_loginForm h2 {
	margin-bottom: 15px;
}

.uo-login-page .uo_loginForm .forgot-link {
	color: #446881 !important;
}

.uo-login-page input:not([type="submit"]):not([type="checkbox"]) {
	width: 100% !important;
	padding: 5px 10px !important;
	margin-top: 5px !important;
}

.uo-login-page blockquote {
	background: #eee !important;
	color: #565656 !important;
	margin: 0 !important;
	padding: 20px !important;
}

.uo-login-page blockquote p:last-child {
	padding-bottom: 0 !important;
}

/* Make news stand out more */

#news-ticker-block .fl-module-content {
	background: #b11c1c !important;
	font-size: 16px !important;
	padding: 5px 0 !important;
}

/* Improve New Website notice */

.ctcc-right-side {
	margin-top: 20px !important;
}

.ctcc-more-info-link {
	background: #ededed !important;
	color: #b11c1c !important;
	border: 0 !important;
	font-size: 13px !important;
	padding: 4px 6px !important;
	border-radius: 3px !important;
	margin-right: 15px;
	float: left !important;
}

button#catapultCookie {
	background: transparent !important;
	color: #fff !important;
	margin: 0 !important;
	border: 1px solid #fff !important;
}

#edd_checkout_form_wrap #edd-login-account-wrap {
	font-size: 18px;
	background: #b11c1c !important;
	color: white !important;
	margin-left: -1.1em !important;
	margin-right: -1.1em !important;
	margin-top: -19px !important;
}

a.edd_checkout_register_login {
	color: white;
	text-decoration: underline;
}

/**
 * Course Visitor Boxes
 */

.course-visitor-boxes {
  width: auto;
  display: flex;
  margin: 20px -10px;
}

.course-visitor-boxes * {
  box-sizing: border-box;
}

  .course-visitor-box {
    width: 50%;
    color: #fff;
    padding: 30px 20px;
    margin: 0 10px 20px 10px;
    text-align: center;

    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .course-visitor-box--buy-course {
    background: #5cb85c;
  }

  .course-visitor-box--login {
    background: #335e75;
  }

    .course-visitor-box__title {
      font-size: 17px;
    }

    .course-visitor-box__content {
      margin-top: 20px;
    }

      .course-visitor-box__content .edd_price_options li {
        text-align: center !important;
        padding-bottom: 0 !important;
        font-size: 16px;
        opacity: .8;
      }

      .course-visitor-box__button {
        display: inline-block;

        background: transparent;

        font-size: 16px;
        padding: 8px 15px;

        background: #fff;
        border-radius: 3px;
      }

      a.course-visitor-box--buy-course .course-visitor-box__button {
        color: #428842;
      }

      a.course-visitor-box--login .course-visitor-box__button {
        color: #335e75;
      }

        .course-visitor-box__button:hover {
          background: rgba(255,255,255,.8);
        }

        

  @media screen and (max-width: 768px){
    .course-visitor-boxes {
      display: block;
      margin-left: 0;
      margin-right: 0;
    }

    .course-visitor-box {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
  }

/**
 * Hide Take this Course Button
 */

.single-sfwd-courses .learndash .btn-join {
	display: none;
}

/**
 * Browser support modal box
 */

.uo-browser-check {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;

	z-index: 10000;
}

	.uo-browser-check__bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		width: 100%;
		height: 100%;

		background: #000;
		opacity: .5;

		z-index: 1;
	}

	.uo-browser-check__modal {
		width: 300px;
		padding: 20px;
		background: #fff;
		border-radius: 3px;

		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);

		z-index: 2;
	}

		.uo-browser-check__title {
			font-size: 17px;
			font-weight: 700;
		}

		.uo-browser-check__description {
			margin-top: 5px;
		}

			.uo-browser-check__description a {
				color: #b11c1c;
			}

		.uo-browser-check__buttons {
			margin-top: 20px;
			text-align: right;
		}

			.uo-browser-check__btn {
				display: inline-block;
				padding: 10px 15px;
				line-height: 1;
				cursor: pointer;
				border-radius: 3px;
				transition: background 150ms ease-in-out;
			}

			.uo-browser-check__btn--primary {
				background: #b11c1c;
			}

			a.uo-browser-check__btn--primary {
				color: #fff;
			}

				.uo-browser-check__btn--primary:hover {
					background: #9a1a1a;
				}

			.uo-browser-check__btn--secondary {}

				.uo-browser-check__btn--secondary:hover {
					background: #e2e2e2;
				}

			.uo-browser-check__btn:not(:last-child){
				margin-right: 10px;
			}

	.ie8 #uo-browser-check,
	.ie7 #uo-browser-check {
		margin-left: -150px;
		margin-top: -90px;
	}

		.ie8 .uo-browser-check__bg {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
		}

		.ie7 .uo-browser-check__bg {
			filter: alpha(opacity=50);
		}