/* ==========================================================================
   SMALL - 240w
   ========================================================================== */

@media only screen and (min-width: 240px) {
	.flex {
	  display: block;
	  flex-wrap: no-wrap;
	}
	#menu {
		display:none;
	}
	.slicknav_menu {
		display:block;
	    background: #2a4477 !important;
	}

    .promo {
		display: none;
		background: #78ac3d;
		color: #fff;
		text-align: center;
		padding: .5em;
		font-size: 14px;
	    font-family: 'montserratregular';
	}
	.promo a {
		color: #000;
	}
   	.sidebar { display: none; }

	.no-intro { margin-top: 40px; }

	.content-container section {
		margin: 1em auto;
		padding-bottom: 0;
	}
	.content-container section img {
		margin-top: 0;
	}

	.hero-tri {
		display: none;
	}

	/************************************
	 *
	 * TESTIMONIAL
	 *
	 ************************************/

	.left-arrow {
		position: absolute;
		left: -20%;
		top: 40%;
		display: none;
	}
	.right-arrow {
		position: absolute;
		right: -20%;
		top: 40%;
		display: none;
	}
	.page-template-page-home .bx-viewport {
		height: 540px !important;
	}
	
	.home-hero .youtube .arrow-left,
	.home-hero .youtube .arrow-right {
		display: none;
	}

	.home-hero {
	  margin: 0 0 1em 0;
	  height: auto;
	  padding: 0;
	  position: relative;
	  text-align: center;
	}
	.home-hero h1 {
		color: #fff;
		font-size: 26px;
		margin: 0 0 1em 0;
	}

	.home-hero .youtube {
		margin: 2em auto -2em;
		width: 100%;
	}
	.home-hero .youtube iframe {
		width: 90%;
		height: auto;
	}

	.focus-content {
		width: 90%;
	}

	body,
	.content-container,
	.wrapper { min-width: 300px; }
	.content-container { padding: 0 5%; }
	header .content-container { padding: 0 2.5%; }
	.form .content-container { padding: 0; }
	.results.content-container { padding: 0; }

	#what-we-do {
		padding: 0;
	}

	/* Upcoming Events flex-box adjustments */
	.itemContainer            { flex-direction: column; }
	.itemContainer ul         { padding: 0; }
	.date-wide                { flex: 0 0 43px !important;}
	.date                     { margin-bottom: 10px; }

	.footer-cta {
		background: #e6e6e6;
		background-image: none;
	}
	.footer-cta .screen .btn {
		font-size: 16px;
		position: relative;
		margin-bottom: -30px;
	}

	.page section h3 {margin-top: 1em;}

	h1 { font-size: 32px; }
	h2 { font-size: 30px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }

	/* big images on main page */
	.home-hero .flex .col-1-2 {
		padding: 2em 0;
	}
	.home-hero h2 {
		font-size: 20px;
	}
	.home-hero .btn {
		padding: 0.2em;
	}

    .hide-mobile { display: none !important; }
	.hide-desktop { display: block !important; }

	.main-copy { margin: 5%; }
	.btn {
		width: 100%;
		display: block;
		margin-bottom: 1em;
		text-align: center;
		margin-top: 0;
	}

	#content {
		width: 100%;
		padding: 0 5%;
		max-width: 1000px;
		margin: 0 auto;
	}

	.intro {
		background: #e6e6e6;
		padding: 2em 0;
		margin-top: 20px;
	}


	/* GRID */
	.col-1-1,.col-1-2,.col-1-3,.col-1-4,.col-2-3 { padding: 0; }
	.wrapper {
		width: 90%;
		margin: 0 5%;
	}
	.push-1 { margin-left: 0; }
	.col-1-1,
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-3-3 {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.col-1-3.event-logo {
		width: 100%;
		padding: 0 0 1em 0;
	}
	.results .col-1-2 {
				float: left;
		position: relative;
		width: 50%;
		 }

	.wrapper.callout .col-1-2.first { padding: 0 5%; width: 100%; }
	.wrapper.callout .col-1-2.last { padding: 2em 5%; width: 100%; float: left; }

	.rde-footer .col-1-2,
	.candorem,
	footer .col-1-2,
	footer .col-1-4 { text-align: center !important; }
	footer .col-1-2,
	footer .col-1-4 { min-height: 300px; }
	footer .copyright .col-1-2,
	footer .copyright .col-1-4 { min-height: 0; }

	.thumbnail {
		float: left;
		width: 40%;
		margin: 0 2em 1em 0;
	}
	.thumbnail img {
		margin: 0 0 1em 0;
		display: block;
	}
	.thumbnail.full-width {
		float: none;
		width: 100%;
		margin: 1em 0;
	}
	.thumbnail.row {
		float: none;
		width: 100%;
		margin: 1em 0 2em;
	}
	.thumbnail.row.first { padding-right: 0; }
	.thumbnail.row.last { padding-left: 0; }
	.thumbnail span.caption {
		color: #999;
		font-size: 12px;
	}


	/* FOOTER */
	.footer-cta .headline {
		font-size: 32px;
		font-weight: bold;
		padding: 0;
		width: 100%;
		margin: .5em auto;
		line-height: .825em;
	}

	footer .event-info div {
		margin-bottom: 1em;
	}
	footer .event-info div span {
		font-weight: bold;
	}
	footer .event-info div p {
		margin: 0;
	}

	/* FLEXSLIDER */

	.no-hero { margin-top: 3em !important; }
	.flexslider.blank .slides li,
	.flexslider.blank.small .slides li,
	.flexslider.blank.medium .slides li,
	.flexslider.blank.large .slides li,
	.flexslider.blank { height: 180px !important; min-height: 180px !important;}

	.flexslider,
	#speed-bump,
	.flexslider.interior-page { margin-top: -10px !important; }
	#speed-bump .wrapper {
		position: relative;
		height: 100%;
	}
	.flexslider .slides > li {
		background-position: center 0px;
		overflow: hidden;
	}
	.flexslider .slides li { height: 350px !important; }
	.flexslider.small .slides li { height: 150px !important; }

	#speed-bump .title.left,
	#speed-bump .title.center,
	#speed-bump .title.right,
	.slide-cta.left,
	.slide-cta.center,
	.slide-cta.right {
		color: #29b3ff;
		width: 90%;
		text-align: center;
		top: 20% !important;
		left: 5%;
		position: relative;
		font-size: 1.5em;
		line-height: 1em;
	}
	.flexslider.small .slides li .slide-cta.center { top: 35% !important; }

	.slide-cta span { color: #fff; display: block; }

	.slide-cta p { color: #fff; font-size: 18px;}
	.slide-cta h1 { margin: 0;}
	#speed-bump .title.left,
	#speed-bump .title.center,
	#speed-bump .title.right {padding: 0;}
	#speed-bump.typewriter a.btn { position: relative; width: 90%; left: 5%; }
	#speed-bump.x-large,
	#speed-bump.image.large {
	  height: 450px;
	}
	#speed-bump.x-large .wrapper,
	#speed-bump.large .wrapper {
		padding-top: 5em;
	}

	.flexslider.interior-page { height: 200px; }
	.flexslider.interior-page .slides li { height: 200px !important; min-height: 200px !important; }

	.miles-container { width: 100%; left: 0; }
	.page-template-page-course .miles-container { margin: 0; }
	.miles-container .col-1-3 { width: 30%; display: inline-block;  }
	.miles-container h1 { display: inline-block; border-right: none; }




	/* HEADER */
	header {
		background-color: #fff;
	    padding: 0;
		/*height: 120px;*/
	    -webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	header ul.menu li { margin-left: 0%; }

	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0 10px;
	}
	.header-container { display: none; }

		header .content-container { padding: 0 2.5%; }
	header .header-left-content {  width: 100%;   text-align: center; }
	header .header-right-content { width: 65%;}
	header .header-center-content.desktop {  width: 50%; display: none; }
	header .header-center-content.mobile {  width: 100%; text-align: center; display: block; background: #29b3ff;}

	header .logo {
		height: auto;
		height: 118px;
		max-width: 267px;
		padding: 0;
	    -webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	header .logo img { max-width: 100%; }
	header.scroll {
		box-shadow: 0 0px 15px rgba(0,0,0,.15);
	    -webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		/*height: 75px;*/
	}

	header.scroll .logo {
		padding: .5em;
		height: 75px;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	header.scroll .engagement {
		display: none;
	}
	header .menu-header-container {
		padding: 0;
	}
	header.scroll .menu-header-container {
		padding: .75em 0;
	}

	/* video container */
	#video-container {
		width: 100%;
		height: 500px;
		flex-direction: column;
	}

	#video-container .video-primary {
		flex: 1 auto;
	}

	#video-container .video-secondary {
		flex: 2 auto;
		margin: 0;
		margin-top: 5px;
	}

	#video-container .video-secondary div:first-of-type {
		margin: 0;
	}

	#video-container .video-btn {
		margin-top: 5px;
	}

	.tri-circle {
		width: 40px;
	}
}





/* ==========================================================================
   STANDARD PHONE
   ========================================================================== */

@media only screen and (min-width: 321px) {}

@media only screen and (min-width: 400px) {
	.wrapper.callout { background-position: center -120%; }
}

@media only screen and (min-width: 480px) {
	.home-hero .content-container { padding: 0 10%; }
	.left-arrow,
	.right-arrow {
		display: block;
	}

	.btn {
		width: auto;
		display: block;
		margin-bottom: 1em;
		margin-top: 0;
		text-align: left;
	}

	h1 { font-size: 40px; }
	h2 { font-size: 36px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }

	.header-container { display: block; }
	header .logo img { max-width: 350px; }

	.footer-container nav { display: block; }

	.home .hero { width: 100%; padding-top: 20px; height: 600px; background-position: top right; background-size: cover; text-align: left; }

	.flex-direction-nav { display: block !important; }

}



/* ==========================================================================
   SMALL TABLET
   ========================================================================== */

@media only screen and (min-width: 700px) {
	.flexslider .slides li {
		height: 500px !important;
	}
	.flexslider.small .slides li { height: 250px !important; }

	.slide-cta.center {
		top: 40% !important;
		left: 12.5%;
		width: 75%;
		position: relative;
		text-align: center;
	}
	.flexslider.small .slides li .slide-cta.center { top: 64% !important; }

}



/* ==========================================================================
   TABLET / IPAD
   ========================================================================== */

@media only screen and (min-width: 768px) {
	.flex {
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  flex-wrap: wrap;
	}
	.promo { display: block;	}
	.sidebar { display: block; }
	.content-container section {
		margin: 3em auto;
		padding-bottom: 3em;
	}
	.content-container section img {
		margin-top: -5%;
	}
	.thumbnail {
		float: left;
		width: 40%;
		margin: 0 2em 1em -4em;
	}
	.thumbnail.row {
		float: left;
		width: 50%;
		margin: 1em 0;
	}
	.thumbnail.row.first { padding-right: 2.5%; }
	.thumbnail.row.last { padding-left: 2.5%; }

	.thumbnail span.caption {
		font-size: 14px;
	}
	.hero-tri {
		display: block;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		margin-left: -35px;
	}
	/************************************
	*
	* TESTIMONIAL
	*
	************************************/

	.home-hero {
	margin: 0 0 6em 0;
	height: auto;
	padding: 0;
	position: relative;
	text-align: center;
	}
	.home-hero h1 {
		color: #fff;
		font-size: 36px;
		margin: 0 0 0 0;
	}
	.focus-content {
		width: 75%;
		max-width: 640px;
	}
	.home-hero .youtube { width: 640px; }
	.home-hero .youtube iframe {
		width: 640px;
		height: 360px;
	}
	h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }

	/* big images on main page */
	.home-hero .flex .col-1-2 {
		padding: 8em 0;
	}
	.home-hero h2 {
		font-size: 30px;
	}
	.home-hero .btn {
		padding: 0.75em;
	}

	.hide-mobile { display: block !important; }
	.hide-desktop { display: none !important; }

	.sticky-icon { display: block; }
	.main-copy { margin: 2em 15%; }

	.tall { height: 540px; }

	#content {
		width: 80%;
		padding: 0;
		max-width: 1000px;
		margin: 0 auto;
	}
	footer {
		padding: 5em 0 0 0;
	}

	footer .col-1-2,
	footer .col-1-4 { text-align: left !important; }

	.footer-cta {
		background: #e6e6e6 url(../img/footer-arrow.png) 50% 50% no-repeat;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;

	}
	.footer-cta:hover {
		background-position: 52% 50%;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;

	}
	.footer-cta .headline {
		font-size: 48px;
		padding: 8px 0;
		width: 520px;
		margin: 1em auto;
		line-height: .825em;
	}
	.footer-cta .headline {
		font-size: 32px;
		font-weight: bold;
		padding: 8px 0;
		width: 100%;
		margin: 1em auto;
		line-height: .825em;
	}
	/* FLEXSLIDER*/


	.slide-cta.center {
		top: 55% !important;
		left: 12.5%;
		width: 75%;
		position: relative;
		text-align: center;
	}
	.slide-cta.center {
		font-size: 3em;
	}
	.home .slide-cta.center {
		top: 35% !important;
	}

	.flexslider.small .slides li { height: 250px !important; }
	.flexslider.medium .slides li { height: 500px !important; }
	.flexslider.large .slides li { height: 650px !important; }
	#speed-bump.image.large {
	  height: 550px;
	}
	.flexslider.interior-page { height: 630px; }
	.flexslider.interior-page .slides li { height: 630px !important; min-height: 630px !important; }

	/* GRID */
    .main article {
        float: left;
        width: 70%;
    }
	.main article.full-width {
		width: 100%;
	}
    .main aside {
        float: right;
        width: 27.5%;
    }
	.col-1-3 {
		float: left;
		position: relative;
		width: 33.33%;
	}
	.col-1-3.event-logo {
		width: 33.33%;
		padding: 0 5% 0 0;
	}
	.col-2-3 {
		float: left;
		position: relative;
		width: 66.66%;
	}
	.col-middle {
		position: relative;
		width: 768px;
		margin: auto;
	}
	.col-1-2 {
		float: left;
		position: relative;
		width: 50%;
	}
	.col-1-4 {
		float: left;
		position: relative;
		width: 50%;
	}
	.col-1-1.first,
	.col-1-2.first,
	.col-1-3.first,
	.col-2-3.first,
	.col-3-3.first { padding-left: 0; float: left; }
	.col-1-1,
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-3-3 { padding: 0 2.5%; }
	.col-1-1.last,
	.col-1-2.last,
	.col-1-3.last,
	.col-2-3.last,
	.col-3-3.last { padding-right: 0; float: right; }

	.wrapper.callout {
		background-position: center -115%;
	}
	.footer .content-container { padding: 0 1em; }
	.short { height: auto; min-height: 180px; }
	.tall { height: 540px; }

   	.home .main,
	.news-block  { padding: 30px; }
	.home .hero { width: 100%; padding-top: 200px; height: 600px; background-position: center right; background-size: cover; text-align: left; }
	.flexslider .slides li { height: 650px !important; }
	.featured .news-block { margin: 0 2em 2em 0; }
	.secondary .news-block { margin: 0 .5em 0 0; }
	footer .col-1-2.text-right { text-align: right !important; }

	.main article.post { padding: 20px; }
    .header-container, .main aside {}
	footer .title h1 { font-size: 1.5em; }
	footer .logo { display: block; }
	footer .newsletter { margin-top: 0; }
	.post .post-thumbnail {
		width: 125px;
		margin: 0 20px 0 0;
	}

	.btn { margin-top: 1em; }
	.page section h3 {margin-top: 3em;}
	.footer-cta .screen .btn { font-size: 24px; }

	#what-we-do {
		padding: 10px 60px 0 60px;
	}

	/* Upcoming Events flex-box adjustments */
	.itemContainer            { flex-direction: row; }
	.itemContainer ul         { padding: 0 0 0 40px; }
	.date-wide                { flex: 0 0 70px !important; }
	.date                     { margin-bottom: 0; }

	/* video container */
	#video-container {
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		width: 805px;
		height: 300px;
		margin: auto;
		flex-direction: row;
	}

	#video-container .video-primary {
		flex: 2 auto;
		height: 100%;
	}

	#video-container .video-secondary {
		flex: 1 auto;
		margin: 0;
		margin-left: 5px;
	}

	#video-container .video-secondary div:first-of-type {
		margin-bottom: 3px;
	}

	#video-container .video-btn {
		margin-top: auto;
	}

	.tri-circle {
		width: 30px;
	}
}


/* ==========================================================================
   LARGER THAN IPAD
   ========================================================================== */

@media only screen and (min-width: 800px) {

	.wrapper.callout .col-1-2.first { padding: 2em 5%; width: 47.5%; }
	.wrapper.callout .col-1-2.last { padding: 2em 0; width: 52.5%; float: right; }
	.wrapper.callout {
		background-position: center center;
	}
	.intro {
		background: #e6e6e6;
		padding: 5em 0;
		margin-top: 80px;
	}
	.roi .hide-desktop { display: none !important; }
	.roi .hide-mobile { display: block !important; }


}

/* iPad 1/2/mini landscape kicks in with this */
@media only screen and (min-width: 980px) {
	#menu {
		display:block;
	}
	.slicknav_menu {
		display:none;
	}
	header .header-left-content { width: 35%; text-align: left; }

	.roi .col1, .roi .col2, .roi .col3, .roi .col4, .roi .col5 {
		float: left;
		width: 20%;
		margin: 0;
	}
	.roi .hide-desktop { display: none !important; }
	.roi .hide-mobile { display: block !important; }

	.no-intro { margin-top: 120px; }
	.blog .no-intro,
	.archive .no-intro,
	.category .no-intro,
	.single .no-intro { margin-top: 180px; }

	.left-arrow {
		position: absolute;
		left: -10%;
		top: 40%;
	}
	.right-arrow {
		position: absolute;
		right: -10%;
		top: 40%;
	}

	.col-1-4 {
		float: left;
		position: relative;
		width: 25%;
	}

	/* HEADER */
	header ul.menu li { margin-left: 0%; }
	header ul.menu>li>a { margin: 0 0.5em; }
	header .wrapper {
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}

	/* END HEADER */
	.flexslider { margin-top: 0px !important; }


}


/* ==========================================================================
   DESKTOP / LAPTOP
   ========================================================================== */

@media only screen and (min-width: 1180px) {
	.content-container { padding: 0; }
	.home-hero .content-container { padding: 0 20%; }
	.home-hero .content-container.focus { padding: 0 5%; }
.home-hero .youtube .arrow-left,
.home-hero .youtube .arrow-right { display: block; }
	.flexslider-controls,
    .wrapper {
		/* 1140px - 10% for margins */
        /*width: 1200px;
        margin: 0 auto;	*/
    }

  header .verbose {
    display: inline;
  }
	header.wrapper {
		width: 90%;
	}
  header ul.menu>li>a { margin: 0 1em; }
	header .content-container { padding: 0; }
	header .header-left-content {  width: 35%; text-align: left; }
	header .header-right-content { width: 65%; text-align: right; }
	header .header-center-content.desktop {  width: 50%; display: block; }
	header .header-center-content.mobile {  width: 100%; text-align: center; display: none; }
	.flexslider.small .slides li .slide-cta.center {
		top: 55% !important;
	}
	header .logo {
		height: auto;
		background: #fff;
		/*background: url(../img/bg-header.png) bottom left no-repeat;*/
	}

	.content-container {
		max-width: 1200px;
		margin: 0 auto;
		/*-webkit-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		-moz-box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;
		box-shadow: 6px 0px 35px -15px #999, -6px 0px 35px -15px #999;*/
	}

}