/*
Theme Name: West Designs Theme
Theme URI: http://designsbywest.com/
Description: A custom West Designs theme for commercial use.
Author: Brandon West
Author URI: http://designsbywest.com/
Version: 1.0
*/

/*
	Adopted from HTML5 Reset Theme
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

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

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed {max-width: 100%;}

/* Force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* Don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* Tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; max-width: 100%; width: 100%; background-color: transparent;}
th {font-weight: bold; vertical-align: bottom; text-align: left;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 1em sans-serif;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* Standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* Hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* Make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* Prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* Let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Apply a natural box layout model to all elements */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Simple Grid
-------------------------------------------------------------------------------
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

[class*='col-'] { float: left; padding-right: 20px; /* column-space */ }
.grid { width: 100%; max-width: 1150px; /*min-width: 755px;*/ margin: 0 auto; overflow: hidden; }
.grid:after { content: ""; display: table; clear: both; }
.grid-pad { padding-top: 0px; padding-left: 20px; /* grid-space to left */ padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */ }
.push-right { float: right; }

/* Content Columns */
.col-1-1			{ width: 100%; }
.col-2-3, .col-8-12	{ width: 66.66%; }
.col-1-2, .col-6-12	{ width: 50%; }
.col-1-3, .col-4-12	{ width: 33.33%; }
.col-1-4, .col-3-12	{ width: 25%; }
.col-1-5			{ width: 20%; }
.col-1-6, .col-2-12	{ width: 16.667%; }
.col-1-7			{ width: 14.28%; }
.col-1-8			{ width: 12.5%; }
.col-1-9			{ width: 11.1%; }
.col-1-10			{ width: 10%; }
.col-1-11			{ width: 9.09%; }
.col-1-12			{ width: 8.33%; }
.col-5-8 			{ width: 65%; }
.col-3-8			{ width: 35%; }

/* Layout Columns */
.col-11-12	{ width: 91.66% }
.col-10-12	{ width: 83.333%; }
.col-9-12	{ width: 75%; }
.col-5-12	{ width: 41.66%; }
.col-7-12	{ width: 58.33% }

/* Pushing blocks */
.push-2-3, .push-8-12 { margin-left: 66.66%; }
.push-1-2, .push-6-12 { margin-left: 50%; }
.push-1-3, .push-4-12 { margin-left: 33.33%; }
.push-1-4, .push-3-12 { margin-left: 25%; }
.push-1-5 { margin-left: 20%; }
.push-1-6, .push-2-12 { margin-left: 16.667%; }
.push-1-7 { margin-left: 14.28%; }
.push-1-8 { margin-left: 12.5%; }
.push-1-9 { margin-left: 11.1%; }
.push-1-10 { margin-left: 10%; }
.push-1-11 { margin-left: 9.09%; }
.push-1-12 { margin-left: 8.33% }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body { font-family: "brandon-grotesque", sans-serif!important; font-size: 1em; font-style: normal; font-weight: 400;	line-height: 1.5em; }

body, select, input, textarea { color: #333; }

a { color: #f48e31; text-decoration: none; -moz-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
a:hover { color: #f48e31; text-decoration: none; }

/* Custom text-selection colors, remove any text shadows */
::-moz-selection{ background: #fcd700; color: #fff; text-shadow: none; }
::selection { background: #fcd700; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #fcd700; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

/* Mozilla place holder styling */
input:-moz-placeholder { color: #a9a9a9; }
textarea:-moz-placeholder { color: #a9a9a9; }

/* Typography
-------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: "brandon-grotesque", sans-serif!important; font-weight: 600; font-style: normal; color: #222222; text-rendering:optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; text-transform: uppercase; }

h1 { font-size: 3.75em; }
h2 { font-size: 1.6875em; }
h3 { font-size: 1.375em; line-height: 1em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em; }

p { font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }

.entry-content a { color: #; }
.entry-content a:hover { color: #; }

.entry-content ul { margin-bottom: 15px; padding-left: 25px; }
.entry-content ul li { list-style-type: none; }
.entry-content ol { margin-bottom: 15px; padding-left: 25px; }
.entry-content ol li { margin-bottom: 10px; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#header { display: block; max-width: 100%; }
.header-wrap { position: relative; max-width: 1160px; margin: 0px auto; }
.logo { display: inline; padding: 22px; }

#hero .col-1-2 { }
.intro-text { color: #f48e31; text-shadow: 1px 1px 1px #000; text-align: left; }

#sidebar {}

.next-posts {}
.prev-posts {}

#footer .copyright {}
.credits {}
.credits a:hover { color: #fff; }

.copy-wrap { background-color: #2d2c2c; color: #686564; padding: 20px 0px; font-family: "ff-meta-serif-web-pro",serif; font-style: normal;}

img.alignleft { 	float: left; margin: 0 20px 5px 0; }
img.alignright { float: right; margin: 0 0 5px 20px; }

blockquote { background: rgba(0, 0, 0, 0.01); }

li, p { font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; color: #706f6f; }
p.italics { font-family: "ff-meta-serif-web-pro", serif; font-style: italic; font-weight: 500; }

/* Header
-----------------------------------------------*/

#head-container-services.sliderContainer { }
.page-header-wrap { position: relative; margin-bottom: 40px; z-index: -1; }
.page-header-wrap .title-wrap { display: block; position: absolute; top: 70%; width: 100%; }
.page-header-wrap h1 { display: block; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; text-align: center; color: #fff; font-size: 3em; text-shadow: 1px 1px 5px rgba(0,0,0,0.4); text-transform: uppercase; line-height: 1.15em; }
.page-header { width: 100%; max-width: 100%; display: block; }

.pad { padding-bottom: 80px; }
.overview-video { width: 33.33%; float: left; }

/* Hero Section
--------------------------------------------*/

#heroImg { background: url('_/img/spence_lg4.jpg') no-repeat scroll center top; width: 100%; height: 810px; text-align: center; }
#heroImg h1 { color: #ffffff; font-weight: 400 !important; font-size: 2.625em; line-height: 2em; text-shadow: 1px 1px 1px #000; }
#heroImg h4 { color: #ffffff; font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; text-transform: none !important; font-size: 22px; text-shadow: 1px 1px 1px #000; margin-top: 35px; }
#heroImg a { color: #ffffff; border: 2px solid #ffffff; text-shadow: 1px 1px 1px #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px 25px; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 1em; display: inline-block; }
#mainCta { margin-top: 150px; }
#mainCta a:hover { background: rgba(255, 255, 255, 1); color: #3b3838 !important; text-shadow: 0px 0px 0px #000; }
.cta-btn { margin-top: 40px; }
.intro-text { display: block; line-height: 1.5em; font-size: 1.15em; text-align: left; font-weight: 300; color: #f48e31; padding: 30px 0px 20px 20px; }

/* Section - About
--------------------------------------------*/

#about { padding: 80px 0px; text-align: center; background: #f8f8f8; width: 100%; }
#about h2 { font-size: 40px; text-transform: uppercase; margin-top: 0; line-height: 1em; margin-bottom: 43px; }
p.highlight, #about p { font-size: 1.3em; color: #706f6f; font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; margin-bottom: 49px; }
#about a, .service-bottom-content .dark-btn { padding: 0 55px; line-height: 42px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; text-transform: uppercase; background: #3b3838; font-size: 1em; font-weight: bold; display: inline-block; font-family: "brandon-grotesque", sans-serif !important; border: 2px solid transparent; }
.details a { padding: 10px 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; text-transform: uppercase; background: #f48e31; }
.details a:hover { background: none !important; border: 2px solid #fa9a44; color: #fa9a44; }
#about a:hover, .service-bottom-content .dark-btn:hover { background: none !important; color: #3b3838 !important; border: 2px solid #3b3838; }

/* Section - CTA
---------------------------------------------------------*/
#cta1 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 75px 0px; }
.cta { text-align: center; background: #fff; }
.cta h2 { text-transform: uppercase; font-size: 1.4em; margin: 26px 0px; }
.cta p { margin-bottom: 40px; color: #706f6f; font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; }
.cta a { padding: 0 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; text-transform: uppercase; background: #f48e31; font-size: 11px; line-height: 28px; display: inline-block; border: 2px solid transparent; }
.cta a:hover { background: none !important; border: 2px solid #fa9a44; color: #fa9a44; }
.cta img { height: 35px; }
.no-show { display: none; }
.norm-btn { background: #f48e31; color: #ffffff; text-transform: uppercase; padding: 5px 25px; border-radius: 8px; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; border: 2px solid transparent; display: inline-block; letter-spacing: 1px; margin-bottom: 15px; }
.norm-btn:hover { background: none !important; border: 2px solid #f48e31; color: #f48e31 !important; }

/* Section - Recent Videos
--------------------------------------------- */

body.home #recentVideos { background: #f8f8f8; }
#recentVideos { 	padding: 30px 0 50px; height: auto; }
#recentVideos h1 { margin-bottom: 30px; text-align: center; font-size: 2.5em; text-transform: uppercase; font-weight: 400; }
#recentVideos h2 { color: #fff; text-align: left; text-transform: uppercase; font-weight: 300; font-size: 1.4em; margin-bottom: 30px; }

.date { line-height: 30px; margin-bottom: 0px !important; margin-top: 30px; font-size: 11px; font-family: "brandon-grotesque",sans-serif !important; font-style: normal; font-weight: 400; text-transform: uppercase; }

#recentVideos hr { margin-top: 10px; }
.recent-title { 	text-align: center; text-transform: uppercase; }
.feature-post { 	background: #3b3838; height: 443px; padding: 0px 38px !important; }
.feature-post a:hover {	color: #ffffff;	background: #fa9a44; }
.feature-video { height: 426px; padding: 0px !important; }
.feature-video img { height: 100%; }
.feature-video iframe { 	width: 100%; }
.feature-post h1 { font-size: 1.4em; line-height: 1.5em; color: #ffffff; text-transform: uppercase; margin-bottom: 27px; }
.feature-post p { color: #919191; margin-bottom: 20px; font-family: "ff-meta-serif-web-pro",serif; font-style: normal; font-weight: 500; }
.feature-post hr { border-width: 1px; border-color: #919191; margin-bottom: 19px !important; margin-top: 8px !important; }
.feature-post a { padding: 0 25px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; text-transform: uppercase; background: #f48e31; font-size: 11px; display: inline-block; line-height: 28px; }
.video-container { height: 443px !important; overflow: hidden; }

/* Section - Recent Posts
--------------------------------------------*/

#recentPosts { background: #f8f8f8; }
.recent-post h2 { font-size: 1.4em; margin-bottom: 30px; text-transform: uppercase; margin-top: 13px; }
.recent-post p { font-size: 1em; color: #919191; font-family: "ff-meta-serif-web-pro", serif; font-style: normal; font-weight: 500; }
.date-whitebg { font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 11px !important; }
.recent-post hr { border-width: 3px 0px 0px 0px; border-color: #3b3838; }
.see-all { text-align: center; margin-top: 38px; padding-bottom: 80px; }
.see-all a { padding: 0 45px; line-height: 42px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #ffffff; background: #3b3838; font-size: 1em; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; text-transform: uppercase; display: inline-block; border: 2px solid transparent; }
.see-all a:hover { background: none !important; color: #3b3838 !important; border: 2px solid #3b3838; }
ul.workshops-list { padding-left: 0; }
ul.workshops-list li { border-top: 1px solid #d4d4d4; }
ul.workshops-list li .hidden-content-wrap p:last-child { margin-bottom: 0; }
ul.workshops-list li .hidden-content-wrap { display: none; padding: 0 25px 25px; color: #706f6f; }
ul.workshops-list li .hidden-content-wrap ul { margin-bottom: 1.25em; }
ul.workshops-list li .hidden-content-wrap li { list-style: disc; border: none; margin: 0; color: #706f6f; font-family: "ff-meta-serif-web-pro", serif; }
ul.workshops-list li:last-child { border-bottom: 1px solid #d4d4d4; }
ul.workshops-list a { color: #d56f40; padding: 15px 25px; line-height: 1em; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 500; text-transform: uppercase; display: block; }
ul.workshops-list li.active, ul.workshops-list li:hover { background: #e9e9e9; }
ul.workshops-list li.active a, ul.workshops-list li:hover a { margin-left: 0; color: #706f6f; }
#recentVideos.popular-videos-wrap { padding: 80px 0 !important; }
.popular-videos-wrap .feature-post { padding-top: 30px !important; }
.popular-videos-wrap .feature-post h1 { margin-bottom: 0; }
.popular-videos-wrap .feature-post hr { border-color: #fff; margin-top: 15px !important; margin-bottom: 40px !important; }
.popular-videos-wrap .popular-videos { margin-bottom: 35px; }
.popular-videos-wrap .popular-videos li a { background: no-repeat; padding: 0; border: none !important; color: #919191; font-size: 1em; text-transform: none; line-height: 1.3em; display: block; padding-bottom: 15px; background: url('_/img/play-icon.png') no-repeat left 2px; padding-top: 3px; padding-left: 30px; }
.popular-videos-wrap .popular-videos li a.active, .popular-videos-wrap .popular-videos li a:hover { color: #fff; background: url('_/img/play-icon-active.png') no-repeat left 2px; }
.popular-videos-wrap .popular-videos li a { font-family: "ff-meta-serif-web-pro", serif !important; }
.feature-post a { font-family: "brandon-grotesque", sans-serif !important; }

/* Lightbox styling
----------------------------------------------------------*/

.jquery-lightbox-buttons, .jquery-lightbox-background, .jquery-lightbox-button-close { display: none !important; }
.jquery-lightbox, .jquery-lightbox-html { padding: 0 !important; }

/* Section - Services
----------------------------------------------------------*/
#services { margin: 0 0 80px; }
#servicesImg { background: url('_/img/service_banner.jpg') no-repeat scroll center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 338px; line-height: 1.25em; text-align: center; padding: 60px 0px; }
#services h1 { color: #fff; font-size: 3em; margin-bottom: 40px; font-weight: 300; text-transform: uppercase; }
#services p { color: #ffffff; font-family: "ff-meta-serif-web-pro", serif; font-weight: 300; font-size: 22px; line-height: 1.5em; }
.service-videos { margin-top: -1px; }

.service-listing-wrap .services-inner h2 { line-height: 1em; margin: 0 0 34px; }
.service-listing-wrap .services-inner.image-left .details { padding-left: 35px !important; }
.service-listing-wrap .services-inner.image-right .details { padding-right: 35px !important; }
.service-listing-wrap .services-inner .details p { color: #706f6f; font-size: 1em; margin-bottom: 30px; }
.service-listing-wrap .services-inner .details p:last-child { margin-bottom: 0; }
.service-listing-wrap .services-inner { padding-bottom: 80px; margin-bottom: 80px !important; border-bottom: 1px solid #e9e9e9; }
.service-listing-wrap .services-inner.last { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.service-bottom-content { background: #f8f8f8; border-top: 1px solid #e9e9e9; }
.service-bottom-content h2 { margin-bottom: 25px; }
.service-bottom-content p.image-wrap { margin-bottom: 19px; }
.service-bottom-content p { font-size: 1.313em; line-height: 29px; color: #706f6f; margin-bottom: 45px; }
.service-bottom-content { text-align: center; padding: 60px 0 80px; }
.service-bottom-content .large-9 { margin: 0 auto; float: none !important; }

/* Section - Image Roll
----------------------------------------------------------*/

#imageRoll { margin-top: 80px; }
.image-roll .inner { position: relative; }
.image-roll:hover .roll-over { bottom: 0; }
.roll-over { width: 100%; max-width: 348px; height: 100px; bottom: -100px; z-index: 9999; position: absolute; background: #3b3838; padding: 15px; box-sizing: border-box; -webkit-transition: all .3s; }
.roll-over h5 { text-transform: uppercase; color: #ffffff; font-size: 1em; margin-bottom: 0px; }
.roll-over h5 a { color: #fff; }
.roll-over p { font-family: "ff-meta-serif-web-pro", serif; font-style: normal; font-weight: 500; font-size: 0.875em; color: #7b7b7b; }
.image-roll img { -webkit-filter: grayscale(100%); -webkit-transition: all .3s; }
.image-roll .roll-over:hover + img, .image-roll img:hover { -webkit-filter: none; }
.image-roll { overflow: hidden; }
.pic img { -webkit-filter: grayscale(100%); -webkit-transition: all .3s; }
.pic img:hover { -webkit-filter: none; }
.overview-video img { -webkit-filter: grayscale(100%); -webkit-transition: all .3s; }
.overview-video img:hover { -webkit-filter: none; }

/* Section - Social Bar DONE
----------------------------------------------------------*/

#socialBar { width: 100%; background: #f48e31; text-align: center; height: 200px; }
.social-contain { text-align: center; margin: 0 auto; max-width: 1450px; }
ul.social-button { list-style-type: none; margin-bottom: 0px !important; }
#socialBar ul li { display: inline-block; }
#socialBar .image { width: 16.6%; height: 200px; float: left; position: relative; }
#socialBar .image.active { background: #f99a44; }
#socialBar .image:hover { background: #ffa851; cursor: pointer; }
#socialBar img { margin-top: 75px; }
#socialBar ul li img { height: 50px; }
.social-title { top: 15px; left: 15px; position: absolute; text-transform: uppercase; z-index: 9999; color: #ffffff; font-size: 1em; }


/* Subpages
-----------------------------------------------------*/

#gallery-1 img { border: none !important; }
ul.list { margin-left: 1.3em; }
ul.list li { list-style: disc; margin-bottom: 10px; }
ul.list.two-columns li { float: left; width: 50%; }
.downloads a { font-size: 11px; text-transform: uppercase; }
.background ul li { margin: 30px 0px 30px 17px; }
.download-logo { padding: 30px 0px; }
.download-logo a { text-transform: uppercase; font-size: 11px; }
.press { text-transform: uppercase; margin-bottom: 20px; }
.highlight.small-margin { margin-bottom: 5px; }

#socialBar { margin-top: 80px; }

/* Sidebar
-----------------------------------------------------*/
#sidebar { font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; color: #706f6f; }
#sidebar .widget { color: #000; position: relative; background: #f8f8f8; padding: 20px; border-radius: 5px; padding-bottom: 30px; margin-bottom: 30px; }
#sidebar .widget h3 { color: #000; font-size: 1.5em; margin-top: 0; margin-bottom: 20px; text-transform: uppercase; }
#sidebar .widget h4 { color: #000; font-size: 1em; }
#sidebar .widget hr { margin: 20px 0 20px!important; border: none; border-top: 2px solid #ccc; }
#sidebar .widget p {  margin-bottom: 20px; }
#sidebar .widget a { padding: 10px 15px; margin: 0px; line-height: 1em; }

#sidebar .widget#text-4, #sidebar .widget#text-5, #sidebar .widget#text-8, #sidebar .widget#text-9, #sidebar .widget#text-17, #sidebar .widget#text-18 { background: #f8f8f8; text-align: center; }
#sidebar .widget#text-4 h3, #sidebar .widget#text-5 h3 { color: #706f6f; }
#sidebar .widget#text-4 a, #sidebar .widget#text-5 a, #sidebar .widget#text-18 a, #sidebar .widget#text-17 a { display: inline-block; position: relative; text-align: center; }
#sidebar .widget#text-7 a { padding: 0 0; }

#sidebar .widget_sp_image-description { padding-top: 15px; }
#sidebar .widget_sp_image-description a { margin: 0; padding: 0; }

/* Style the Great Resources Section */
#sidebar #nav_menu-3, #sidebar #nav_menu-2 { background-color: #f48e31; color: #fff; }
#sidebar #nav_menu-3 h3, #sidebar #nav_menu-2 h3 { color: #fff; }
#sidebar #nav_menu-3 a, #sidebar #nav_menu-2 a { color: #fff; }
#sidebar #nav_menu-3 a:hover, #sidebar #nav_menu-2 a:hover { color: #222; }

/* Twitter
-----------------------------------------------------*/

.twitter-widget ul {list-style-type: disc; }
.twitter-widget ul li {margin-bottom: 10px;}
span.twitter-timestamp {font-size: 11px;font-style: italic;}

/* Contact Form
---------------------------------------------------*/
.gform_body input[type=text], .gform_body input[type=email], .gform_body input[type=tel], .gform_body textarea { background: #ffffff; box-shadow: none; border: 1px solid #dddddd; }
.gform_body input[type=text], .gform_body input[type=email], .gform_body input[type=tel] { height: 42px; padding: 0 5px !important; }
.gform_body textarea { padding: 5px !important; }
.gform_wrapper .ginput_complex .ginput_right input[type=text] {	widows: 97%; }
input#gform_submit_button_2.button.gform_button {width: 100%; margin-bottom: 0px !important;}
.side-contact p { line-height: .8em; }

.gform_footer input[type=submit], .custom-button, .blog-wrap aside .newsletter-widget input[type=submit],.blog-wrap .post-wrap .button { background: #f48e31; border: none; box-shadow: none; border-radius: 5px; padding: 0 22px; line-height: 46px; text-transform: uppercase; color: #fff; font-weight: 300; border: 2px solid #f48e31; }

/* Books
---------------------------------------------------*/

.books .top-content { background: #f8f8f8; padding-bottom: 60px; border-bottom: 1px solid #e9e9e9; margin-bottom: 65px; }
.books .book-banner { background: url('_/img/book-banner.jpg') no-repeat; background-size: 100%; height: 400px; margin: 80px 0 40px; }
.books hr { border: none; border-top: 1px solid #e9e9e9; margin-bottom: 40px !important; }
.books .book-banner p { margin: 0; }
.books .book-banner .content { padding-top: 75px; }
.books .book-banner h3 { color: #fff; font-size: 2.625em; margin: 0 0 30px; }
.books .book-banner .content .custom-button { padding: 0 55px; }
.books .book-details { position: relative; }
.books .book-details img { position: absolute; top: 0; left: 0; }
.books .book-details .content { padding-left: 155px; }
.books .book-details p { margin-bottom: 25px; }
.books .book-details p:empty { display: none; }
.books .book-details h3 { margin-top: 0; margin-bottom: 20px; font-size: 1.5em; }
.books .bottom-content .custom-button, .books .book-details .custom-button { line-height: 28px; font-size: 11px; }
.books .bottom-content { text-align: center; padding-bottom: 50px; }
.books .bottom-content h3 { font-size: 1.5em; margin-bottom: 30px; }
.books .bottom-content img { margin-bottom: 30px; margin-bottom: 8px; }
.books .bottom-content p { margin-bottom: 40px; }
.books .bottom-content p:empty { display: none; }
.books .bottom-content img { margin-bottom: 12px; }

/* Workshops DONE
--------------------------------------------------- */

.workshops .our-approach { background: #f6f6f6; padding: 30px 0; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 60px; }
.workshops h1 { margin-bottom: 35px; margin-top: 0; line-height: 1em; text-transform: uppercase; font-size: 40px; }
.workshops .featured-workshops .italics { font-size: 22px; color: #3b3838; }
.workshops #looking { background: url(_/img/workshop-bottom.jpg) no-repeat center top; height: 420px; padding: 30px; }
.workshops #looking h1 { color: #fff; margin-top: 45px; }
/*.bookpage { height: 510px !important; }*/

/* Customer Portal Page
-----------------------------------------------------*/

.client-portal h1 { line-height: 1em; text-align: center; font-size: 2.5em; color: #F48E31; margin-bottom: 30px; }
.client-portal h2 { }
.client-portal h3 { }
.client-portal #sidebar { text-align: center; }
.client-portal #sidebar .widget-title { font-size: 1.15em; text-align: center; }
/*.embed-container { position: relative; padding-bottom: 56.25%; overflow: visible; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
.client-logo { font-family: "ff-meta-serif-web-pro", serif; margin-bottom: 30px; border-radius: 5px; width: 80%; margin: 0px auto 20px; text-align: center; }
.client-header img { width: 100%; }

.hbspt-form {}

.submitted-message { font-family: "ff-meta-serif-web-pro", serif !important; color: #919191; padding: 5px 0 0; }
.hs-form-field { font-family: "ff-meta-serif-web-pro", serif !important; color: #706f6f; padding: 5px 0 0; }
.hbspt-form input { max-width: 100%; width: 70%; }
.hbspt-form input[type=submit] { background: #f48e31; color: #ffffff; text-transform: uppercase; padding: 5px 40px; border-radius: 8px; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; border: 2px solid transparent; display: inline-block; letter-spacing: 1px; margin: 10px 0px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.hbspt-form input[type=submit]:hover { background: none !important; border: 2px solid #f48e31; color: #f48e31 !important; }
.hs-input { padding: 5px; }

#footer .hbspt-form { margin-bottom: 20px; }
#footer .hbspt-form input { max-width: 100%; width: 100%; }
#footer .hs-form-field { font-family: "ff-meta-serif-web-pro", serif !important; color: #fff; }
#footer .hbspt-form input[type=submit] { background: #f48e31; color: #ffffff; text-transform: uppercase; padding: 5px 40px; border-radius: 8px; font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; border: 2px solid transparent; display: inline-block; letter-spacing: 1px; margin: 10px auto; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
#footer .hbspt-form input[type=submit]:hover { background: none !important; border: 2px solid #f48e31; color: #f48e31 !important; }
#footer .hs-input { padding: 5px 0 0; }


#sidebar .widget p:last-of-type { margin-bottom: 0; }
.client-portal-section { margin-top: 30px; }
.client-portal-section:first-of-type { margin-top: 0px; }
.charcoal-btn { display: block; font-family: "brandon-grotesque", sans-serif !important; text-transform: uppercase; padding: 10px 25px; background-color: #f8f8f8; color: #444; font-weight: 700; margin-bottom: 30px; text-align: center; border-radius: 5px; cursor: pointer; }
.charcoal-btn:hover { background-color: #F48E31; color: #fff; }
#text-10 { text-align: center; }
#text-10 ul li a { color: #888; cursor: pointer; }

.portal-tab { }
.portal-tab dt, .portal-tab dd { overflow: auto; }
.portal-tab dt:last-of-type, .portal-tab dd:last-of-type { }
.portal-tab dt a, .portal-tab > div a { display: block; color: #333; font-family: "brandon-grotesque"; margin-bottom: 30px; }
.portal-tab dd { border-top: 0; padding: 0 0 30px; }
.portal-tab dd:last-of-type { }
a.btn-portal { position: relative; display: block; font-family: Arial; font-size: 1.25em; padding: 15px 35px; background-color: #fff; text-align: center; border: 3px solid #F48E31; border-radius: 5px; -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; background-image: url(); background-position: right center; text-transform: uppercase; font-weight: 700; }
a.btn-portal:hover, a.btn-portal:active, a.btn-portal.active { border: 3px solid transparent; background-color: #F48E31; color: #fff; }
.btn-portal img { height: 32px; }
.portimageRight { position: absolute; right: 20px; bottom: 12px; }
.portimageLeft { position: absolute; left: 20px; bottom: 12px; }
.portimageRight:before, .portimageLeft:before { -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
a.btn-portal:hover > img, a.btn-portal.active > img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
a.btn-portal:hover .portimageRight, a.btn-portal.active .portimageRight { -webkit-transform: rotate(45deg); transform: rotate(45deg);  -webkit-transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; }

.author-box { display: block; margin-top: 0px; background-color: #F8F8F8; padding: 20px; border-radius: 5px; }
.author-box .author-meta { font-size: .85em; }
.author-box img { border-radius: 5px; }
.author-box .author-meta h3 { margin-bottom: 0px; }
.author-box ul { margin-bottom: 15px; padding-left: 0px; }
.author-box ul li { margin-bottom: 0px; padding-left: 0px; list-style-type: none; /*display: inline-block; max-width: 50%;*/ }
.author-box ul ul { margin-top: 15px; }
.author-box ul ul li { background: none; list-style-type: none; padding-left: 0; }

/* Section - Footer
------------------------------------------------------------*/

#footer { background: #3b3838; padding: 60px 0px 60px 0px; }
#footer h3 { color: #ffffff;	font-size: 1em; margin-bottom: 30px; text-transform: uppercase; }
#footer p {	color: #919191;	font-family: "ff-meta-serif-web-pro", serif; font-style: normal; font-weight: 500; line-height: 1.5em; }
.foot-date { font-family: "brandon-grotesque", sans-serif !important; font-style: normal; font-weight: 400; text-transform: uppercase; font-size: 1em; color: #f8f8f8; }
p.footer-date { font-size: 1em!important; margin-bottom: 0; }
#footer a { color: #f48e31; 	font-family: "ff-meta-serif-web-pro",serif; 	font-style: normal; font-weight: 500; }
footer .footer-menu li { margin-bottom: 6px; }
footer ::-webkit-input-placeholder { color: #919191; }
footer :-moz-placeholder { /* Firefox 18- */ color: #919191; }
footer ::-moz-placeholder {  /* Firefox 19+ */ color: #919191; }
footer :-ms-input-placeholder { color: #919191; }
footer input[type=text], footer input[type=email] { font-family: "ff-meta-serif-web-pro", serif; height: 37px; }

/* Miscellaneous
----------------------------------------------------*/
.intro-video-wrap { margin-bottom: 25px; }

.custom-button { display: inline-block; font-family: "brandon-grotesque",sans-serif !important; }
.custom-button.dark { background: #3b3838; border-color: #3b3838; color: #fff; }
.custom-button:hover, .blog-wrap aside .newsletter-widget input[type=submit]:hover, .blog-wrap .post-wrap .button:hover { background: transparent; color: #f48e31; }
.custom-button.dark:hover { color: #3b3838; }

.in-touch p { font-family: "ff-meta-serif-web-pro", serif; font-style: normal; font-weight: 500; }
.in-touch input { margin-bottom: 25px; }
#container .bookpage h1 { text-align: left; margin-left: 90px; vertical-align: middle; line-height: 40px; font-size: 2.250em; color: #ffffff; width: 500px; text-transform: none !important; padding-top: 130px; }
li, p { font-family: "ff-meta-serif-web-pro", serif !important; font-style: normal; font-weight: 500; color: #706f6f; }
p.italics { font-family: "ff-meta-serif-web-pro", serif; font-style: italic; font-weight: 500; }
.pad { padding-bottom: 80px; }
.overview-video { width: 33.33%; float: left; }

#emailSignUp { width: 250px; float: left; background: #3b3838; color: #919191; }
#submitEmail { background: #f48e31; color: #ffffff; width: 50px; height: 32px; border: 0px; text-transform: uppercase; display: block; float: left; position: relative; left: -1px; font-size: 13px; }
.in-touch p { font-family: "ff-meta-serif-web-pro", serif; font-style: normal; font-weight: 500; }
.extras a:hover { color: #fa9a44; }

.toggle { position: absolute; right: 15px; top: 14px; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 22px; text-align: center; cursor: pointer; background: url(images/nav.png); background-size: 100%; display: block; }
.post-password-form label { float: left; width: 30%; }
.post-password-form input[type=submit] { margin-top: 22px; border-radius: 8px; color: #ffffff; text-transform: uppercase; background: #f48e31; font-size: 11px; font-weight: bold; padding: 0 20px; line-height: 24px; display: inline-block; border: 2px solid transparent; margin-left: 10px; -webkit-transition: all .1s ease-in-out; }
.post-password-form input[type=submit]:hover { background: none; border: 2px solid #f48e31; color: #f48e31 !important; }
#submitEmail { height: 37px; }

.copy { background: #2d2c2c; }
.copy-wrap-inner { background: url('_/img/footer-icon.png') no-repeat right center; }

.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #999999; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }

table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 1em; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out;  }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.edit-post a { display: inline-block; background-color: #f48e31; text-align: center; color: #fff; text-decoration: none; border: none; outline: none; cursor: pointer; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; padding: 8px 12px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 20px 0px; }
.edit-post a:hover { background-color: #ffa500; color: #fff; }

/* Navigation
-------------------------------------------------------------------------------*/

#main-nav { display: inline-block; font-family: "brandon-grotesque", sans-serif!important; position: absolute; right: 0px; font-weight: 300; text-transform: uppercase; font-size: .85em; }

	/*  LEVEL ONE DROPDOWN  */
	#main-nav ul                        { position: relative; z-index: 9999;}
	#main-nav ul li                     { float: left; zoom: 1; }
	#main-nav ul a:hover				{ color: #f48e31; }
	#main-nav ul a:active               { color: #ffa500; }
	#main-nav ul li a                   { display: block; padding: 34px 20px; color: #222; text-decoration: none; font-family: "brandon-grotesque", sans-serif!important;}
	#main-nav ul li:last-child a        { border-right: none; } /* Doesn't work in IE */
	#main-nav ul li.hover,
	#main-nav ul li:hover               { position: relative; }
	#main-nav ul li.hover a             { color: #f48e31; }

	/* LEVEL TWO DROPDOWN */
	#main-nav ul ul 					{ width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0px; background: #333; }
	#main-nav ul ul li 					{ background: none; color: #0077cc; float: none; }

										/* IE 6 & 7 Needs Inline Block */
	#main-nav ul ul li a				{ border-right: none; padding: 17px 15px; width: 100%; display: inline-block; color: #ddd; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }
	#main-nav ul ul li a:hover			{ color: #ddd; }

	/* LEVEL THREE DROPDOWN */
	#main-nav ul ul ul 					{ left: 100%; top: 0; }
	#main-nav ul li:hover > ul 			{ visibility: visible; }

/* END of Navigation
-------------------------------------------------------------------------------*/

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1140px) {
	#mainCta { margin-top: 100px; }
}

@media screen and (max-width: 1000px) {
	#main-nav { display: none; }
	#mainCta { margin-top: 40px;}
	#heroImg h4 { font-size: 1.25em; }
	.workshops #looking { height: auto; background-size: cover; }
}

@media screen and (max-width: 767px) {
	html { -webkit-text-size-adjust: none; }
	.grid { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 20px; /* grid-space to left */ padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */ }
	[class*='col-'] { width: auto; float: none; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; /* column-space */ }

	/* Mobile Layout */
	[class*='mobile-col-'] { float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; /* column-space */ padding-bottom: 0px; }
	.mobile-col-1-1 { width: 100%; }
	.mobile-col-2-3, .mobile-col-8-12 { width: 66.66%; }
	.mobile-col-1-2, .mobile-col-6-12 { width: 50%; }
	.mobile-col-1-3, .mobile-col-4-12 { width: 33.33%; }
	.mobile-col-1-4, .mobile-col-3-12 { width: 25%; }
	.mobile-col-1-5 { width: 20%; }
	.mobile-col-1-6, .mobile-col-2-12 { width: 16.667%; }
	.mobile-col-1-7 { width: 14.28%; }
	.mobile-col-1-8 { width: 12.5%; }
	.mobile-col-1-9 { width: 11.1%; }
	.mobile-col-1-10 { width: 10%; }
	.mobile-col-1-11 { width: 9.09%; }
	.mobile-col-1-12 { width: 8.33% }

	/* Layout Columns */
	.mobile-col-11-12 { width: 91.66% }
	.mobile-col-10-12 { width: 83.333%; }
	.mobile-col-9-12 { width: 75%; }
	.mobile-col-5-12 { width: 41.66%; }
	.mobile-col-7-12 { width: 58.33% }
	.hide-on-mobile { display: none !important; width: 0; height: 0; }

	h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
	h1 { font-size: 3.75em; }
	h2 { font-size: 2.3125em; }
	h3 { font-size: 1.6875em; }
	h4 { font-size: 1.4375em; }

	#main-nav { display: none; }
	#mainCta { margin-top: 120px; }
	#heroImg h1 { font-size: 2em; padding: 20px; }
	#heroImg h4 { padding: 10px; }
	#cta1 { margin-top: 0px; padding: 30px; }
	.cta { margin-bottom: 50px; }
	.page-header-wrap h1 { font-size: 100%; }
	.intro-text { display: none; }
  	.portal-tab dt a, .portal-tab > div a { font-size: 1.1em; }
	.author-box { text-align: center; }
	#imageRoll { text-align: center; margin-top: 20px; }
	.roll-over { text-align: center; display: block; margin: 0px auto; left: 0px; right: 0px; }

	.intro-video-wrap { margin-bottom: 0; }


}

@media screen and (max-width: 700px) {
	.social-title { display: none; }
	#socialBar img { max-width: 50%; }

}

.embed { width: 100%; max-width: 600px; text-align: center; }
.code { display: none; transition: all 0.3s ease-in-out; }
.display { display: block; transition: all 0.3s ease-in-out; }

.spacing { margin-bottom: 30px; }

p.logo-description { color: rgba(112, 111, 111, 0.44); margin-bottom: 0 !important; padding: 2px 15px; text-align: center; background: rgba(128, 128, 128, 0.05); border-top: 1px solid rgba(226, 226, 226, 0.55); font-size: 12px; }

.center { text-align: center; }
img.emblem { max-width: 200px; }

ul.downloads { padding-left: 0; text-align: center; background: rgba(128, 128, 128, 0.05); }
ul.downloads a { float: left; padding: 2px 10px; }

a.btn-portal.videos.inquiry {
	color: #333;
    width: 50%;
    float: left;
    margin: 0 10px 10px 0;
    max-width: 260px;
    height: 130px;
}

a.btn-portal.videos.inquiry:hover {
	cursor: pointer;
	color: white;
}

a.btn-portal.videos.inquiry.checked {
	border: 3px solid transparent;
    background-color: #F48E31;
    color: #fff;
}

a.btn-portal.videos.inquiry.checked > img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

a.btn-portal.videos.inquiry > .portimageRight {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
}

a.btn-portal.videos.inquiry.checked > .portimageRight {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
}

.col-1-2.inquiry {
	border-radius: 6px;
	border: 3px solid transparent !important;
}

.hide {
	display: none;
}

.welcome, .container {
	padding: 0;
}

.container.hide > p {
	color: white;
}

.container > p {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 1157px) {
	.col-1-2 {
		width: 40%;
	}
	.col-1-2.inquiry {
		width: 60%;
	}
	a.inquiry {
		width: 100% !important;
		max-width: 100% !important;
	}
}

.hide-on-mobile {
	display: block;
}
.show-on-mobile {
	display: none;
}

@media screen and (max-width: 768px) {
	.col-1-2 {
		width: 100%;
	}
	.col-1-2.inquiry {
		width: 100%;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.show-on-mobile {
		display: block !important;
	}
	.container {
		padding-bottom: 20px;
	    display: block !important;
	}
	.container h2 {
	    font-size: 20px !important;
	}
}