/* ======= */
/* GENERAL */
/* ======= */

ul,ol {margin:0 0 24px 0; padding-left:22px;}
ul {list-style:square;}
li {padding-left:6px; margin-bottom:12px;}
p {margin-top:0;}
a img {display:block; position:relative; top:-2px;}
.wide-carousel img {margin:0 auto; top:0;}


/* =========== */
/* MOBILE MENU */
/* =========== */

#menu-pull {
	min-width:38px;
	min-height:29px;
	position:absolute;
	top:16px;
	right:20px;
}

#pull {
	min-width:38px;
	min-height:29px;
	display:block !important;
}

.pull-icon-bar:before {
	background:white !important;
	content:"";
	min-width:26px;
	min-height:3px;
	position:absolute;
	top:6px;
	right:6px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.pull-icon-bar:nth-child(2):before {top:13px;}
.pull-icon-bar:nth-child(3):before {top:20px;}

.pull-icon-bar:nth-child(1).transform:before {
	-webkit-transform:translateY(7px) rotate(45deg);
	-moz-transform:translateY(7px) rotate(45deg);
	-ms-transform:translateY(7px) rotate(45deg);
	-o-transform:translateY(7px) rotate(45deg);
	transform:translateY(7px) rotate(45deg);
}

.pull-icon-bar:nth-child(2).transform:before {
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
}

.pull-icon-bar:nth-child(3).transform:before {
	-webkit-transform:translateY(-7px) rotate(-45deg);
	-moz-transform:translateY(-7px) rotate(-45deg);
	-ms-transform:translateY(-7px) rotate(-45deg);
	-o-transform:translateY(-7px) rotate(-45deg);
	transform:translateY(-7px) rotate(-45deg);
}

#primary-menu {padding-top:10px; padding-bottom:10px;}
#primary-menu ul {
	padding-top:5px;
	padding-bottom:5px;
}

.main-navigation li {float:none;}

.menu {
	margin:0;
	padding:0;
	list-style-type:none;
}

.menu li {
	width:100%;
	margin-bottom:0;
	padding:0;
}

.menu a {
	padding:8px 20px;
}

#side-toggle {display:none;}

.side-content {clear:both; margin-bottom:30px;}

.side-content .menu li {
	margin:0;
	padding:10px 0;
	display:table;
	width:100%;
	table-layout:fixed;
}

.side-content .menu a {
	font-size:20px;
	padding:0 0 0 14px;
	display:block;
	text-align:left;
	width:100%;
	color:#f8b212;;
}

footer .menu a {
	padding:0 0 4px 0;
	margin:0 0 2px 0;
	display:block;
}

.footer-col p {
	margin-bottom:10px;
}

.menu a.pull-sub {
	float:right;
	padding:16px 19px;
	margin-top:5px;
	margin-right:20px;
	z-index:999;
	background:url('images/mob-menu-exp2.png') no-repeat center;
}
.menu .expanded > a.pull-sub {background:url('images/mob-menu-col2.png') no-repeat center;}

.menu ul a.pull-sub {background:url('images/mob-menu-exp2.png') no-repeat center;}
.menu ul .expanded > a.pull-sub {background:url('images/mob-menu-col2.png') no-repeat center;}

/* =============== */
/* RESPONSIVE GRID */
/* =============== */

.section-main {
	background:#fff;
	position:relative;
	overflow-x:hidden;
	/*
	padding:0 20px;
	*/
}

.section-inner {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}

/* Clearfix */
.section-inner:after,.clearfix:after,.wpcf7-form:after {
	content:"";
	display:table;
	clear:both;
}

.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12 {
	float:left;
	box-sizing:border-box;
}

.s1 {width:8.3333%;}
.s2 {width:16.6666%;}
.s3 {width:25%;}
.s4 {width:33.3333%;}
.s5 {width:41.6666%;}
.s6 {width:50%;}
.s7 {width:58.3333%;}
.s8 {width:66.6666%;}
.s9 {width:75%;}
.s10 {width:83.3333%;}
.s11 {width:91.6666%;}
.s12 {width:100%;}

footer {
	padding:20px 0;
}

/* =============== */
/* SECTION LAYOUTS */
/* =============== */

.section {
	background-size:cover;
	background-position:center;
}
footer .section {text-align:left;}

.section-inner {
	padding-top:6px;
	padding-bottom:6px;
}
#nav-banner .section-inner {padding-top:0; padding-bottom:0;}

.main-content {
	padding:20px 0;
}

#top-bar {
	text-align:left;
}

#top-bar .section-inner {
	padding-bottom:12px;
	padding-top:10px;
}

#header-banner {
	text-align:left;
	position:relative;
}

#header-banner .section-inner {
	padding:10px 20px;
}

.site-branding {
	padding:0 0 2px 20px;
}

.text-60-image-40 {
	background-size:50%;
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
}

.text-60-image-40 .section-inner {
	padding-top:0;
	padding-bottom:0;
}

.text-60-image-40 .text {
	width:100%;
	background-color:#fff;
	padding:1px 0;
	box-sizing:border-box;
}
.text-60-image-40 .text img.mobile-only {
	width:100%;
}

.tiles {
	max-width:1800px;
	margin:0 auto;
	padding:10px 0;
	clear:both;
	display:table;
}

.tile {
	background-size:100%;
	display:inline-block;
	margin-bottom:40px;
	float:none;
}

.dark .tile {color:#fff;}

.tile img {
	width:100%;
	margin:0 auto;
}

.middle-cell {
	display:table-cell;
	vertical-align:middle;
	padding:0 20px;
}

.gallery-tiles .middle-cell {
	padding:0 5px;
}

#package-tiles .s1,#package-tiles .s2,#package-tiles .s3,#package-tiles .s4,#package-tiles .s5,#package-tiles .s6,#package-tiles .s7,#package-tiles .s8,#package-tiles .s9,#package-tiles .s10,#package-tiles .s11,#package-tiles .s12 {
	float:none;
	box-sizing:border-box;
}

.slick-slider {width:100%; margin-bottom:10px; padding-bottom:20px;}
.wide-carousel .slick-slider {max-height:150px; overflow:hidden;}

.wide-carousel .slick-prev {left:10px; z-index:99;}
.wide-carousel .slick-next {right:10px;}

.wide-carousel-slide {position:relative;}

.wide-carousel-slide .slide-inner {
	position:absolute;
	top:10px;
	left:50%;
	transform:translateX(-50%);
	width:300px;
}

.wide-carousel-slide .slide-inner .slide-overlay {max-width:100%;}

.wpcf7-form p {
	width:100%;
	margin:4px 0;
	float:left;
	box-sizing:border-box;
}

.wpcf7-form label,.wpcf7-form input,.wpcf7-form select,.wpcf7-form textarea {
	width:100%;
	padding:5px 14px 0 14px;
	line-height:1.4;
	height:36px;
	border:none;
	text-align:left;
	border-radius:0;
}
.wpcf7-form label {line-height:2; padding:0;}
.wpcf7-form textarea {
	padding:14px;
	height:100px;
}
.wpcf7-form input.wpcf7-submit {border:none; text-align:center;}

div.wpcf7-validation-errors,div.wpcf7-response-output {
	border:none;
	clear:both;
	text-align:center;
}

.wpcf7-not-valid-tip {padding-top:10px;}

.acf-map {
	width:100%;
	height:400px;
	border:#ccc solid 1px;
	margin:20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    line-height:1.8;
}

/* Safari 9+ */

_:default:not(:root:root), input::placeholder {
    line-height:1.2;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    line-height:1.8;
}

input::-ms-input-placeholder { /* Microsoft Edge */
    line-height:1.8;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb;
}

.main-content,.side-content {text-align:center;}
.main-content {background-color:#fff;}

.side-image .featured {margin:0; position:relative; top:-20px;}

.entry-content .featured-image {
	margin:0 0 20px 0;
}

.dual-cols {clear:both;}
.dual-col {padding-bottom:20px;}

.team-members img {width:100%; display:block;}
.team-members > div {
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
}
.team-members > div:nth-of-type(2n-1) {clear:both;}

.member-overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	padding:10px;
	font-size:13px;
	overflow:hidden;
}

.member-overlay h2 {
	font-size:22px;
	padding-top:16px;
	padding-bottom:6px;
	margin-bottom:6px;
}

.member-overlay p {
	margin-bottom:0.5em;
}

.team-members > div:hover .member-overlay {display:block;}

.byline {display:none;}

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

.hentry {margin:0;}

.footer-col {
	margin-bottom:30px;
	text-align:left;
}

.twitter-widget {
	height:500px;
	overflow:hidden;
}

.alignleft {text-align:left; margin:0;}

.video-wrapper {
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:25px;
	height:0;
	margin-bottom:2px;
}

.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Media Query: Mobile ONLY */
@media screen and (max-width:767px) {

	.mobile-small {font-size:13px;}

	.tiles {padding-top:0;}
	.tile {margin-bottom:20px;}

	.text-60-image-40 {background-image:none !important;}

	.wide-carousel-slide .slide-inner p {display:none;}
	.wide-carousel-slide .slide-inner .button-outer {display:none;}
	.wide-carousel .slick-dots {display:none !important;}
	.slick-slider {padding-bottom:0;}

	.wide-carousel .slick-slider {max-height:250px;}

	#package-tiles .tile {
		display:block;
		height:auto;
		width:100%;
	}

}

/* Media Query: Tablet ONLY */
@media screen and (min-width:768px) and (max-width:1099px) {

	.device-small {font-size:11px;}
	.wide-carousel .slick-dots {display:none !important;}

	.dual-col.m12:nth-of-type(1) {padding-right:0;}
	.dual-col.m12:nth-of-type(2) {padding-left:0;}

}

/* Media Query: Custom */
@media screen and (min-width:500px) {
	.wide-carousel-slide .slide-inner {width:450px; top:30px;}
}

/* Media Query: Non-Mobile */
@media screen and (min-width:768px) {

	.m1 {width:8.3333%;}
	.m2 {width:16.6666%;}
	.m3 {width:25%;}
	.m4 {width:33.3333%;}
	.m5 {width:41.6666%;}
	.m6 {width:50%;}
	.m7 {width:58.3333%;}
	.m8 {width:66.6666%;}
	.m9 {width:75%;}
	.m10 {width:83.3333%;}
	.m11 {width:91.6666%;}
	.m12 {width:100%;}

	.section-main .section-inner {
		width:100%;
	}

	#side-toggle {display:block;}

	.main-content {
		padding:20px;
		width:100%;
		box-sizing:border-box;
	}

	.side-content {
		clear:none;
		width:450px;
		box-sizing:border-box;
		position:absolute;
		top:50px;
		right:-400px;
		max-height:100%;
		overflow-y:scroll;
	}
	.side-content.fixed {
		position:fixed;
		top:0;
	}

	.side-content-inner {
		position:relative;
	}

	#side-toggle {
		cursor:pointer;
		position:absolute;
		top:0;
		left:0;
		padding:14px 10px;
		background-color:#f8b212;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	#side-toggle > img {
		display:block;
		width:30px;
	}

	.side-content-sidebar {
		margin-left:50px;
	}

	.side-content-sidebar .wpcf7-form {
		padding:0 14px;
	}

	.padding {padding:0 20px; margin-bottom:0;}
	.padding-left {padding:0 0 0 20px; margin-bottom:0;}
	.padding-right {padding:0 20px 0 0; margin-bottom:0;}

	#top-bar {display:block;}

	.text-60-image-40 .text {width:54%; padding-right:20px;}

	.wide-carousel .slick-slider {max-height:250px; overflow:hidden;}
	.wide-carousel-slide .slide-inner {width:600px;}

	.width-34 {
		width:75%;
	}

	.full-width .wpcf7-form p {
		width:50%;
		padding:0 20px 0 0;
		margin:10px 0 20px;
	}
	.full-width .wpcf7-form p:nth-of-type(2n) {padding:0 0 0 20px;}
	.full-width .wpcf7-form p:nth-of-type(5) {padding:0; width:100%;}
	.full-width .wpcf7-form p:nth-of-type(6) {padding:0; width:100%;}
	.full-width .wpcf7-form p:nth-of-type(7) {padding:0; width:30%; margin:0 auto; float:none;}

	.main-content .wpcf7-form {background:#eee; padding:20px 20px 8px 20px;}
	.main-content .wpcf7-form p,.full-width .wpcf7-form p {
		width:50%;
		padding:0 20px 0 0;
		margin:10px 0 20px;
	}
	.main-content .wpcf7-form p:nth-of-type(2n),.full-width .wpcf7-form p:nth-of-type(2n) {padding:0 0 0 20px;}
	.main-content .wpcf7-form p:last-of-type ,.full-width .wpcf7-form p:last-of-type {padding:0;}
	.main-content .wpcf7-form p:last-of-type {margin-bottom:0;}

	.mobile-only {display:none !important;}

	.team-members > div:nth-of-type(2n-1) {padding-right:20px;}
	.team-members > div:nth-of-type(2n) {padding-left:20px;}

	.team-members > div:nth-of-type(2n-1) .member-overlay {padding-right:40px;}
	.team-members > div:nth-of-type(2n) .member-overlay {padding-left:40px;}

	#product-tiles .tiles a .tile {float:left;}
	#product-tiles .tiles a:nth-of-type(3n-2) .tile {clear:both;}
	#product-tiles .tiles a:nth-of-type(3n-2) .middle-cell {padding:0 20px 0 0;}
	#product-tiles .tiles a:nth-of-type(3n-1) .middle-cell {padding:0 10px;}
	#product-tiles .tiles a:nth-of-type(3n) .middle-cell {padding:0 0 0 20px;}

	.footer-col {margin-bottom:0;}
	.footer-col:first-child {padding:0 20px 0 0;}
	.footer-col:nth-of-type(2) {padding:0 0 0 20px; margin-bottom:0;}
	.footer-col:nth-of-type(3) {padding:0 20px 0 0; margin-bottom:0; clear:both;}
	.footer-col:last-child {padding:0 0 0 20px;}

	.site-main img.imgwidth75 {width:75%;}
	.site-main img.imgwidth50 {width:50%;}
	.site-main img.imgwidth33 {width:33.3333%;}
	.site-main img.imgwidth25 {width:25%;}

	.dual-col:nth-of-type(1) {padding-right:30px;}
	.dual-col:nth-of-type(2) {padding-left:30px;}

	.entry-content .featured-image {
		width:550px;
		float:right;
		margin:0 0 20px 20px;
	}

}

/* Media Query: Tablet Portrait ONLY */
@media screen and (min-width:768px) and (max-width:1023px) {

	.mp1 {width:8.3333%;}
	.mp2 {width:16.6666%;}
	.mp3 {width:25%;}
	.mp4 {width:33.3333%;}
	.mp5 {width:41.6666%;}
	.mp6 {width:50%;}
	.mp7 {width:58.3333%;}
	.mp8 {width:66.6666%;}
	.mp9 {width:75%;}
	.mp10 {width:83.3333%;}
	.mp11 {width:91.6666%;}
	.mp12 {width:100%;}

	.footer-col:last-child {width:50%;}

	#package-tiles .tile {
		display:block;
		height:auto;
		width:100%;
	}

}

/* Media Query: Tablet Landscape */
@media screen and (min-width:1024px) {

	.wide-carousel .slick-slider {max-height:none; height:300px; overflow:hidden;}
	.wide-carousel-slide .slide-inner {width:1000px;}

	.twitter-widget {height:500px;}

	#package-tiles .tile {
		display:table-cell;
		height:auto;
	}

}

/* Media Query: Desktop */
@media screen and (min-width:1100px) {

	.parallax {
		position:relative;
		background-attachment:fixed;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}

	#header-banner .section-inner {
		padding-right:20px;
		padding-left:20px;
	}

	.site-branding {padding-left:0;}

	#menu-pull {display:none !important;}
	.main-navigation a.pull-sub {display:none !important;}

	.menu-main-menu-container {margin-top:0px;}
	#primary-menu {text-align:center; padding:0;}
	#primary-menu > .menu-item {margin:0 10px;}
	#primary-menu li .menu-item {padding:0; margin:0;}

	.main-navigation li {display:inline-block;}
	.menu li {width:auto;}
	.menu a {padding:6px 0;}
	.menu li li a {padding:6px 10px;}

	.main-navigation ul li:last-child:hover > ul, .main-navigation ul li.focus:last-child > ul {right:0;}

	.l1 {width:8.3333%;}
	.l2 {width:16.6666%;}
	.l3 {width:25%;}
	.l4 {width:33.3333%;}
	.l5 {width:41.6666%;}
	.l6 {width:50%;}
	.l7 {width:58.3333%;}
	.l8 {width:66.6666%;}
	.l9 {width:75%;}
	.l10 {width:83.3333%;}
	.l11 {width:91.6666%;}
	.l12 {width:100%;}

	.main-navigation {float:right; clear:none;}

	.footer-col {margin-bottom:0;}
	.footer-col:first-child {padding:0 20px 0 0;}
	.footer-col:nth-of-type(2) {padding:0 15px 0 10px; margin-bottom:0;}
	.footer-col:nth-of-type(3) {padding:0 10px 0 15px; margin-bottom:0; clear:none;}
	.footer-col:last-child {padding:0 0 0 20px;}

}

/* Custom Media Queries */
@media screen and (min-width:1200px) {
	.wide-carousel-slide .slide-inner {
		top:50px;
		width:1100px;
	}
}
@media screen and (min-width:1300px) {
	.wide-carousel-slide .slide-inner {width:1200px;}
}

@media screen and (min-width:1900px) {
	.wide-carousel .slick-slider {height:500px;}
}
