/*
	Theme Name: BG Mobile First
	Theme URI: http://briangardner.com/themes/mobile-first/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://briangardner.com/

	Version: 2.0

	Tags: black, red, white, one-column, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments

	Template: genesis
	Template Version: 2.1.3

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:600}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*,
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; }
.author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; }

body {
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}
a[href^=tel]{ color:inherit; text-decoration:none; }
::-moz-selection { background-color: #333; color: #fff; }
::selection { background-color: #f1f1f1; color: #000; }
a { color: #000; text-decoration: none; font-weight: bold; }
a:hover { color: #000; }
p { margin: 0 0 16px; padding: 0; }
ol, ul { margin: 0; padding: 0; padding-left: 2em; }
ul.menu, ul.sub-menu { padding-left: 0; }
b, strong { font-weight: 700; }
blockquote, cite, em, i { font-style: italic; }
blockquote { margin: 40px; }
blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	line-height: 1.4;
	margin: 0 0 20px;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

embed, iframe, img, object, video, .wp-caption { max-width: 100%; }
img { height: auto; }
.featured-content img, .gallery img { width: auto; }

.gallery { overflow: hidden; }
.gallery-item { margin: 0 0 30px; text-align: center; }
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 100%; }
.gallery img { border: 1px solid #ca920d; height: auto; padding: 4px; }
.gallery img:hover { border: 1px solid #000; }

input, select, textarea {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 16px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
}
input:focus, textarea:focus {
	background-color: #eee;
	border: 1px solid #f5f5f5;
	outline: none;
}
input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; }
::-moz-placeholder {
	color: #999;
	font-weight: 400;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
}
::-webkit-input-placeholder {
	color: #999;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .custom-button, .custom-button:visited {
	display: inline-block;
    padding: 1em 1.5em;
    line-height: 1;
	text-align: center;
	color: #000 !important;
    font-weight: bold;
	-webkit-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	-moz-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	-o-transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	transition: border-radius 300ms ease-out, color 500ms ease-out, background-color 300ms ease-out;
	text-transform: uppercase;
    margin: 0 0 4px 0;
    border: 0;
    width: auto;
    border-radius: 10px;
    background-color: #f2b518;
    background-image: url(/wp-content/themes/bg-mobile-first/art/nav-bg.jpg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}
.custom-button { display: inline-block; }
button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .custom-button:hover {
	background-color: #000;
	color: #fff;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; }

table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; }
tbody { border-bottom: 1px solid #ddd; }
td,th { text-align: left; }
td { border-top: 1px solid #ddd; padding: 6px 0; } 
th { font-weight: 400; }

.site-container {
	-webkit-animation: fadein 1s;
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s;
         -o-animation: fadein 1s;
            animation: fadein 1s;
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.site-inner { clear: both; padding: 1.5em 1em; max-width: none; margin: 0 auto; }
.single .site-inner { max-width: 1200px; padding: 2em 1em; }
.avatar { float: left; }
.alignleft .avatar, .author-box .avatar { margin-right: 24px; }
.alignright .avatar { margin-left: 24px; }
.author-box .avatar { height: 80px; width: 80px; }
.comment .avatar { height: 50px; margin: 0 16px 24px 0; width: 50px; }

.breadcrumb { margin-bottom: 30px; }
.archive-description, .author-box {
	border-bottom: 1px solid #f5f5f5;
	font-size: 18px;
	margin-bottom: 60px;
	padding-bottom: 30px;
}
.single .author-box { border-top: 1px solid #f5f5f5; padding-top: 30px; }
.author-box-title { font-size: 20px; margin-bottom: 4px; }
.archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; }

.search-form { overflow: hidden; }
.archive-title { font-size: 24px; }
.entry-title { font-size: 30px; }
.widget-title { font-size: 20px; margin-bottom: 20px; }
a.aligncenter img { display: block; margin: 0 auto; }
a.alignnone { display: inline-block; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
a.alignleft, a.alignnone, a.alignright { max-width: 100%; }
img.centered, .aligncenter { display: block; margin: 0 auto 24px; }
img.alignnone, .alignnone { margin-bottom: 12px; }
a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; }
a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; }
.wp-caption-text { font-size: 12px; font-weight: 400; text-align: center; }
.entry-content p.wp-caption-text { margin-bottom: 0; }

.widget { word-wrap: break-word; }
.widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; }
.widget li li { border: 0; margin: 0 0 0 30px; padding: 0; }
.widget_calendar table { width: 100%; }
.widget_calendar td, .widget_calendar th { text-align: center; }

.site-header { position: relative; z-index: 1000; padding: 2em 0 1em 0; }
.site-header .wrap { max-width: none; }
.site-title { font-size: 30px; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; }
.site-title a, .site-title a:hover { color: #333; }
.header-image .site-title > a {
	background-position: center center !important;
	background-size: 300px 57px !important;
	float: left;
	min-height: 57px;
	width: 100%;
}
.header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; }
.site-description { font-size: 18px; font-weight: 400; margin-bottom: 10px; }
.site-description, .site-title { line-height: 1.2; }
.entry, .page.page-template-page_blog-php .entry { border-bottom: 1px solid #f5f5f5; margin-bottom: 60px; }
.page .entry, .single .entry { border-bottom: 0; margin-bottom: 30px; }
.entry-content ol, .entry-content ul { margin-bottom: 1em; }
.entry-content ol > li { list-style-type: decimal; }
.entry-content ul > li { list-style-type: disc; }
.entry-content ol ol, .entry-content ul ul { margin-bottom: 0; }
.entry-content code { background-color: #333; color: #ddd; }
.entry-footer .entry-meta { margin-bottom: 60px; }
.entry-categories, .entry-tags { display: inline-block; }
.entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; }
.pagination { clear: both; }
.adjacent-entry-pagination { margin-bottom: 0; }
.archive-pagination li { display: inline; }
.archive-pagination li a {
	background-color: #333;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 8px 12px;
}
.archive-pagination li a:hover, .archive-pagination .active a { background-color: #f2b518; color: #000; }
p.comment-meta, .entry-comments .comment, .entry-comments .comment-reply { margin-bottom: 40px; }
.entry-comments .comment:last-child { margin-bottom: 0; }
.comment-respond { padding-top: 60px;}
.entry-comments { padding-top: 20px;}
.comment-header { font-size: 18px; line-height: 1.5; }
.comment-notes, .entry-pings .reply { display: none; }
.entry-comments .comment { border-bottom: 1px solid #f5f5f5; }
p.comment-form-comment { margin-bottom: 20px; }
p.form-submit, .entry-comments .children .comment, .entry-comments .comment-author { margin: 0; }
.entry-comments .comment { clear: both; }
.entry-comments .children .comment { border: none; }
.comment-list li { list-style-type: none; }
.site-footer { text-align: center; }
.site-footer .wrap { max-width: none; }

/* ULTRA GRAPHICS PRE-SET CSS
----------------------------------------------------------------------------------------- */

.drick-reverse-heading {
    background-color: #000 !important;
    color: #fff !important;
    padding: 12px 16px;
    margin-bottom: 24px !important;
    display: table;
    width: auto;
}
.drick-full-width, .content-wrapper.drick-full-width {
    max-width: none;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.wrap { max-width: 1200px; margin-left: auto; margin-right: auto; }
.row { margin: 0 0 1em 0; padding: 0; }
.column-gutter, .column-no-gutter, .column-gutter.frm_form_field, .column-no-gutter.frm_form_field { 
    vertical-align:top; 
    float:left; 
    -webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
    width: 100%; 
    margin: 0 auto 1.5em auto; 
}
.row:after, .last-column::after { clear:both; content:''; display:block; }
.row div.column-gutter:last-child {margin-right: 0 !important;}
.column-gutter.twelve { width: 100%; }
.column-gutter.last-column, .column-no-gutter.last-column { margin: 0 0 1em 0; }
p.disclaimer { font-size: 12px; font-style: italic; line-height: 1.4; margin: 8px auto; }
p.footer-disclaimer { font-size: 12px; text-align: center; margin: 1.5em auto 1.5em auto; padding: 0 1em; max-width: 500px; }
.drick_background { background-size: cover; background-position: center; background-repeat: no-repeat; }
.content-wrapper { max-width: 1200px; padding: 0; margin: 0 auto 3em auto; overflow: hidden; position: relative; }
.content-wrapper.no-margin { margin: 0 auto 0 auto; }
ul.custom-list { padding: 0; }
ul.custom-list li { list-style-type: none; }
li.custom-list-item { position: relative; padding: 0 0 0 1.5em;list-style-type: none;  }
li.custom-list-item .svg-inline--fa { position: absolute; top: .25em; left: 0;}
a#scroll-to-top-link { padding: 10px; bottom: 40px; right: 0; position: fixed; display: none; font-size: 1.2em; line-height: 1; background-color: #1f4876; background-color: rgba(31,72,118,.8); border-top-left-radius: 6px; border-bottom-left-radius: 6px; color: #fff; }
#scroll-to-top-link.show {  display: inline-block; }
.ultra-custom-box { overflow:hidden; }
.drick-fadein { opacity: 0; bottom: -2em; position: relative; }
.drick-instant-fadein { opacity: 0; bottom: -2em; position: relative; }
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 99999; padding: 1em; display:none; }
.modalDialog > div { width: 100%; max-width: 1200px; position: relative; margin: auto; padding: 0; background: #fff; border-radius: 6px; text-align: left; overflow: auto; height: 100%; }
.popup-close { background: #fff; color: #62acc1; line-height: 1; position: absolute; right: 10px; top: 10px; text-decoration: none; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; padding: 6px 10px 8px; }
.su-gmap { margin: 0; }
.su-responsive-media-yes {  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;  }
.su-gmap iframe { border: none !important; }
.su-responsive-media-yes iframe, .su-responsive-media-yes object, .su-responsive-media-yes embed {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.left-sidebar, .right-sidebar { float:none; position: relative; width: 100%; border-right: 0; border-left: 0; margin: 0 auto 1.5em auto; }
.right-page-content, .left-page-content { width: 100%; float:none; margin: 0 auto 3em auto; }
.frm_forms.with_frm_style .frm_form_field.frm_repeat_buttons { clear:both; }
html .frm_style_formidable-style.with_frm_style fieldset { font-family: inherit; }
html .frm_style_formidable-style.with_frm_style label.frm_primary_label, html .frm_style_formidable-style.with_frm_style.frm_login_form label { font-family: inherit; }
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset { font-family: inherit; }
.frm_style_formidable-style.with_frm_style .horizontal_radio.inline-checkbox .frm_radio, .frm_style_formidable-style.with_frm_style .horizontal_radio.inline-checkbox .frm_checkbox { border: 1px solid #353535; padding: 6px 12px; margin: 0 5px 6px 0; }
.clear-both { clear:both; }
.entry-meta { font-size: .8em; font-style: italic; margin-left: 20px; }
.entry-footer .entry-meta { margin: 2em auto 0 auto; }
.entry-header .entry-meta::before {
    content: '\f017';
    font-family: 'Font Awesome 5 Pro';
    display: none;
}
.entry-footer .entry-meta::before {
    content: '\f07b';
    font-family: 'Font Awesome 5 Pro';
    display: none;
}
.entry-meta .svg-inline--fa { display: inline-block; margin-right: 8px; font-style: normal; }
.header-logo-link, .footer-logo-link { display: inline-block; vertical-align: top; }
blockquote { color: #a13030; font-size: 1.3em; }
.anchor-shortcode { display: inline-block; padding-top: 90px; margin-top: -90px; margin-left: 8px; font-weight: 300 !important; }

/* NAVIGATION CSS
---------------------------------------------------- */

.genesis-nav-menu { clear: both; line-height: 1; width: 100%; }
.genesis-nav-menu .menu-item { display: inline-block; border-bottom: 1px solid #2d2d2d; }
.genesis-nav-menu a {
    color: #fff;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 20px;
    font-weight: normal;
    -webkit-transition: color 300ms ease-out, background-color 300ms ease-out, border-bottom-color 300ms ease-out;
    -moz-transition: color 300ms ease-out, background-color 300ms ease-out, border-bottom-color 300ms ease-out;
    -o-transition: color 300ms ease-out, background-color 300ms ease-out, border-bottom-color 300ms ease-out;
    transition: color 300ms ease-out, background-color 300ms ease-out, border-bottom-color 300ms ease-out;
}
.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { background-color: #f2b518; color: #000; }
.genesis-nav-menu .sub-menu {
	left: auto;
	opacity: 1;
	position: relative;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	z-index: 99;
    background-color: #f1f1f1;
    margin-left:-50px;
}
.genesis-nav-menu .sub-menu li { border-bottom: 1px solid #ccc; }
.genesis-nav-menu .sub-menu a { font-size: 16px; position: relative; border-bottom: 0; }
.genesis-nav-menu .sub-menu a:hover { background-color: #000; color: #fff; }
.genesis-nav-menu .menu-item:hover { position: static; }
.genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; }
.nav-primary { background-color: #000; text-align: center; }
.nav-primary .wrap { max-width: 1200px; margin: 0 auto; }
.nav-primary.sticky-nav { 
    position: fixed; 
    top: 0; 
    width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.nav-primary .sub-menu { border-top: 0; }
.nav-primary .sub-menu .sub-menu { margin-top: -56px; }
.nav-primary .genesis-nav-menu li li { margin-left: 0; }
.nav-secondary { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; padding-top: 10px; }
.responsive-menu-icon, .responsive-menu .menu-item-has-children { cursor: pointer; }
.responsive-menu .menu-item, .responsive-menu-icon { display: block; }
.responsive-menu, .responsive-menu > .menu-item > .sub-menu { display: none; }
.responsive-menu-icon { 
    text-align: center; 
    background-color: #f2b518;
    background-image: url(/wp-content/themes/bg-mobile-first/art/nav-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.responsive-menu-icon::before, .responsive-menu-icon.mobile-menu-open::before {
	color: #000;
	content: "\f333";
	display: inline-block;
	font: normal 34px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
    vertical-align: middle;
}
.responsive-menu-icon.mobile-menu-open::before { content: "\f158"; }
.responsive-menu-icon::after, .responsive-menu-icon.mobile-menu-open::after { content: "MENU"; display: inline-block; vertical-align: middle; color: #000; font-weight: bold; font-size: 20px; }
.responsive-menu-icon.mobile-menu-open::after { content: "CLOSE MENU"; }
.responsive-menu > .menu-item-has-children:before {
	content: "\f347";
	float: right;
	font: normal 16px/1 'dashicons';
	height: 16px;
	padding: 15px 20px;
	right: 0;
	text-align: right;
	z-index: 9999;
}
.responsive-menu .menu-open.menu-item-has-children:before { content: "\f343"; }
.responsive-menu .sub-menu .sub-menu { margin: 0; }

/* END NAVIGATION CSS
------------------------------------------------- */

/* ULTRA SITE SPECIFIC CSS
----------------------------------------------------------------------- */

body { 
    background-color: #000;
    background-image: url(/wp-content/themes/bg-mobile-first/art/carbon-fiber.png);
    color: #fff;
}
hr { border: 0; margin: 3em auto; border-top: 4px solid #f2b518; clear:both; display:block; }
a { font-weight: bold; color: #f2b518; }
a:hover { color: #fff; }
h1, h2, h3, h4, h5, h6 { 
    margin: 0 0 .5em 0;
    width: auto;
    line-height: 1.4;
    padding: 0;
    font-weight: 400;
    color: #fff;
}
h1, h2, h3 { color: #f2b518; font-weight: 900; }
h1 { text-transform: uppercase; line-height: 1; }
.footer-widgets { text-align: center; }
.footer-widget { display: inline-block; vertical-align: middle; width: 300px; padding: .5em; }
.footer-widget.widget-contact { display: block; margin: 0 auto; padding-bottom: 0; }
.widget-title { color: #f2b518; letter-spacing: 0; text-transform: uppercase; font-weight: 900;}
.footer-phone { font-size: 2em; color: #f2b518; }
.footer-social-list { padding: 0; margin: 0; }
.footer-social-list li { list-style-type: none; display: inline-block; margin: 0 1em 1em 0; }
.footer-social-list li a { display: block; font-size: 3em; line-height: 1; }
.footer-address { font-weight: bold; text-transform: uppercase; line-height: 1.2; }
.header-wrapper { max-width: 1200px; margin: 0 auto; padding: 0; text-align: center; position: relative; overflow:hidden; }
.footer-wrapper {  }
.site-header { padding: 0; }
.site-footer { background-color: transparent; text-align: center; }
.entry-content, .entry-header, .archive-description { max-width: 1100px; padding: 2em 1.5em; margin: 0 auto; }
.entry-header { padding-bottom: 0; padding-top: 0; }
.home .entry-header { padding: 0; }
.home .entry-content, .single .entry-content { max-width: none; padding: 0; }
.entry-title { font-size: 1.4em; border-bottom: 2px solid #f2b518; }
.header-logo-link { display: inline-block; padding: 1em 2em; max-width: 800px; }
.footer-gold-bar {
    height: 70px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(/wp-content/themes/bg-mobile-first/art/footer-upper.png);
    background-position: center;
    background-repeat: no-repeat;
}
.zaugg-boxes { text-align: center; margin: 0 auto 3em auto; }
.zaugg-box { display: inline-block; position: relative; text-align: center; width: 330px; height: 350px; border-radius: 14px; overflow: hidden; margin: .5em; }
.zaugg-box .image { 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    left: 0; 
    bottom: 132px; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    box-shadow: inset 0 -10px 20px #000;
    transition: box-shadow 300ms ease-out;
}
.zaugg-box:hover .image { box-shadow: inset 0 -30px 50px #000; }
.zaugg-box .overlay-wrapper { background-image: url('/wp-content/themes/bg-mobile-first/art/home-box-lower.png'); background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat; position: absolute; display: block; bottom: 0; left: 0; right: 0; top: 190px; }
.zaugg-box .overlay-wrapper .title { font-size: 1.5em; line-height: 1; color: #000; position: absolute; bottom: 10px; left: 16px; right: 16px; text-transform: uppercase;}
.breadcrumb { max-width: 1100px; margin: 0 auto 20px auto; font-size: .9em; padding: 0 1.5em; }
.logo-list-wrapper { overflow: visible; }
.logo-list-wrapper ul { margin: 0; padding: 0; }
.logo-list-wrapper ul > li { position: relative; list-style-type: none; padding: 0 0 0 60px; line-height: 1.4; margin: 0 0 1.75em 0; }
.logo-list-wrapper ul > li:before {
    content: url('/wp-content/themes/bg-mobile-first/art/z-list-icon.png');
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 0;
}
.logo-list-wrapper h3 { font-size: 1.3em; margin: 0 0 24px 0; }
.border-box { padding: 1em; border: 2px solid #f2b518; background-color: #000; }
.border-box h3 { margin-bottom: 10px; }
.border-box p:last-child { margin-bottom: 0; }

/* END ULTRA SITE SPECIFIC CSS
----------------------------------------------------------------------- */

/* ULTRA PAGE SPECIFIC CSS
----------------------------------------------------------------------- */

.home .site-inner { padding: 1.5em 0; }
.home-intro { position: relative; padding: 0; }
.home-intro .right { padding: 0 1em; }
.home-intro .left .left-inner { padding: 1em; background-color: #000; background-color: rgba(0,0,0,.5); }
.home-intro .right .custom-button { width: 100%; margin: 0 0 8px 0; }
.search-form input { width: 100%; margin-bottom: 8px; }
.home-makeover-wrapper { max-width: 1400px; }
.home-makeover-wrapper h2 { font-weight: 300; }
.team-box { margin: 0 auto 2em auto; text-align: center; overflow: hidden; }
.team-box img { margin: 0 auto 12px auto; }
.team-box .content { text-align: left; }
.drick-google-review-widget { margin: 3em auto; padding: 1.5em; border: 1px solid #464646; background-color: #000; }
.patients-saying .column-gutter.last-column { margin-bottom: 0; }
.patients-saying p, .patients-saying img { margin-bottom: 0; }
.search-results .entry-title { font-size: 1.4em; }
.search-results .entry { border-bottom: 1px solid #424242; }
.search-results .entry-content { padding-top: 0; }
.search-results .archive-description { padding: 0 1.5em; margin: 0 auto 3em auto; }
.mem-box { position: relative; margin: 0 auto 2em auto; }
.mem-box .mem-logo { text-align: center; }
.mem-box .mem-logo img { margin-bottom: 0; }

/* END ULTRA PAGE-SPECIFIC CSS
----------------------------------------------------------------------- */

/* MEDIA QUERIES 
----------------------------------------------------------------------- */

@media only screen and (min-width: 600px) {
    .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 50%; }
    .mem-box { min-height: 180px; }
    .mem-box .mem-logo { position: absolute; top: 0; left: 0; width: 150px; }
    .mem-box .mem-logo img { width: 100%; }
    .mem-box .mem-info { padding: 0 0 0 180px; }
}

@media only screen and (min-width: 800px) {
	.title-area { text-align: left; }
	.header-image .site-title > a { width: 300px; }
	.site-description { margin-bottom: 0; }
    .genesis-nav-menu { width: auto; }
	.genesis-nav-menu .menu-item { display: inline-block; border-bottom: 0; border-right: 1px solid #9c7a00; border-left: 1px solid #f7ebac; margin-left: -4px; }
	.genesis-nav-menu .menu-item:first-child { border-left: 0; margin-left: 0; }
	.genesis-nav-menu .menu-item:last-child { border-right: 0; }
	.genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; }
    .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 200px; }
	.genesis-nav-menu .sub-menu .sub-menu { margin: -55px 0 0 199px; }
    .genesis-nav-menu a { padding: 16px; color: #000; text-shadow: 1px 1px 2px #fff; font-size: .9em; font-weight: bold; }
    .genesis-nav-menu a span.line-two { display:block; }
    .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { background-color: #000; color: #fff; text-shadow: none; }
    .nav-primary {
        text-align: center; 
        background-color: #f2b518;
        background-image: url(/wp-content/themes/bg-mobile-first/art/nav-bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
	.nav-secondary { padding: 10px 5%; }
	.nav-secondary .genesis-nav-menu > li:first-child a { padding-left: 0; }
	.responsive-menu, .responsive-menu > .menu-item > .sub-menu { display: inline-block; }
	.responsive-menu-icon,
	.responsive-menu > .menu-item-has-children:before,
	.responsive-menu .menu-open.menu-item-has-children:before { display: none; }
	.comment-list ul.children { margin-left: 40px; }
	.gallery-item { float: left; }
	.gallery-columns-2 .gallery-item { width: 50%; } 
	.gallery-columns-3 .gallery-item { width: 33%; }
	.gallery-columns-4 .gallery-item { width: 25%; }
	.gallery-columns-5 .gallery-item { width: 20%; }
	.gallery-columns-6 .gallery-item { width: 16.6666%; }
	.gallery-columns-7 .gallery-item { width: 14.2857%; }
	.gallery-columns-8 .gallery-item { width: 12.5%; }
	.gallery-columns-9 .gallery-item { width: 11.1111%; }
    .column-gutter.six { width: 48%; margin: 0 4% 0 0; }
    .column-no-gutter.six { width: 50%; }
    .column-gutter.four, .column-gutter.three, .column-gutter.eight { margin: 0 4% 0 0; }
    .column-gutter.four { width: 30.66666%; }
    .column-no-gutter.four { width: 33.33333%; }
    .column-gutter.eight { width: 64%; }
    .column-no-gutter.eight { width: 66.666666%; }
    .row.all-the-same .column-gutter.three { width: 48%; }
    .row.all-the-same .column-no-gutter.three { width: 50% }
    .row.all-the-same .column-gutter.three:nth-child(even), .row.all-the-same .column-no-gutter.three:nth-child(even) { margin: 0 0 4% 0; }
    .column-gutter.last-column, 
    .column-no-gutter.last-column { margin: 0 0 4% 0; }
    .left-sidebar, .right-sidebar { position: absolute; width: 300px; top: 0; overflow: hidden; }
    .left-sidebar { left: 0; padding-right: 1.5em; border-right: 1px solid #353535; }
    .right-sidebar { right: 0; padding-left: 1.5em; border-left: 1px solid #353535; }
    .right-page-content, .left-page-content { width: 100%; overflow:hidden; }
    .right-page-content { padding: 0 0 0 330px; }
    .left-page-content { padding: 0 330px 0 0; }
    .home-intro .right { position: absolute; top: 0; right: 0; width: 400px; }
    .home-intro .left { padding: 0 420px 0 0; }
    .home-intro .left .left-inner { padding: 1.5em; }
    .payment-insurance-intro .column-gutter.last-column { margin-top: 5em; }
    .entry-title { font-size: 2.4em; }
    .invisalign-header .column-gutter.last-column { margin-top: 8em; }
    .digital-imaging-intro .column-gutter.last-column { margin-top: 8em; }
}

@media only screen and (min-width: 900px) {
    .row.all-the-same .column-gutter.three, .column-gutter.three { width: 22%; }
    .row.all-the-same .column-no-gutter.three, .column-no-gutter.three { width: 25%; }
    .row.all-the-same .column-gutter.three:nth-child(even) { margin: 0 4% 0 0; }
    .team-box { text-align: left; }
    .team-box .image { float: left; width: 30%; margin: 0 2% 0 0; }
    .team-box img { margin:0; }
    .team-box .content { float: right; width: 68%; }
    .team-box.align-right { text-align: right; }
    .team-box.align-right .image { float: right; margin: 0 0 0 2%; }
    .team-box.align-right .content { float:left; text-align: right; }
}

@media only screen and (min-width: 1100px) {
    .entry-title { font-size: 2.6em; }
}

@media only screen and (min-width: 1400px) {
}

@media print {
    body { background-color: #fff; }
    h1, h2, h3, h4, h5, h6, p, li, a { color: #000 !important; }
    .site-header, .footer-upper, .footer-lower, .breadcrumb, .featured-image, .menu-wrapper img { display: none !important; }
    .column-gutter { float:none; }
}
