/* ==========================================================================
   Project:     Region B Coalition
   Date:        03/05/19 - File created	
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
   Typography
   ========================================================================== */

body {font-family: "Lato", sans-serif; line-height: 1.7; color: #696969; }
h1,h2,h3,h4,h5,h6 {color: #111;  margin: 0px 0px 30px 0px; font-weight:700;font-family: "Work Sans", sans-serif; line-height: 1.1;}
h1 {font-weight: 900;color: #fff}
p {margin: 0px 0px 30px 0px}

/* Adobe Typekit */
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading p, .wf-loading .btn, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading blockquote {visibility: hidden}

/* ==========================================================================
   Basic Elements
   ========================================================================== */

html {-webkit-tap-highlight-color: rgba(0, 0, 0, .2);-ms-overflow-style: scrollbar;}   
a {color: #d45f49;text-decoration:underline; transition: background 250ms ease}
a:hover, a:focus {text-decoration:none}
img {max-width: 100%; height: auto;}

/* ==========================================================================
   Skip Nav
   ============= ============================================================= */	

.skip{position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#d45f49;width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:700;font-size:14px;z-index:99;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff}
	
/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvasmenu {position:absolute; top: 0px; right: 0px; height: 100vh; background: #fff; box-shadow: -2px 0px 2px 0px rgba(0,0,0,.2); padding-top: 60px; overflow-x:hidden; overflow-y:auto}
	.offcanvasmenu ul {list-style:none; margin: 0px; padding:0px;}
	.offcanvasmenu .mainmenu {font-size: 16px;font-weight: 700}
	.offcanvasmenu .mainmenu li {border-bottom: 1px solid #ebebeb; position: relative;}
	.offcanvasmenu .mainmenu a {height: 44px; color: #4c4c4c; display: block; padding: 0px 15px;text-decoration: none; display: flex; align-items:center}
	.offcanvasmenu .mainmenu a:hover, .offcanvasmenu .mainmenu a:focus {background: #f1f1f1; color:#212121; }
	.offcanvasmenu .mainmenu .has-ul > a {margin-right: 44px;}
	.offcanvasmenu .mainmenu li span {font-size: 20px;}
	.offcanvasmenu .mainmenu .fa-times {font-size: 16px;margin: 3px 0px 0px 0px}
	.offcanvasmenu .mainmenu li ul {display:none; list-style:none; background: #f1f1f1; color: #1d1d1d;padding: 10px 0px;margin: 0;}
	.offcanvasmenu .mainmenu li ul li {  font-size: 15px; font-weight: normal; line-height: 18px; margin-bottom: 0px; border-bottom: none;text-transform: none; }
	.offcanvasmenu .mainmenu li ul a {padding: 7px 15px;height:auto}
	.offcanvasmenu .mainmenu .active a:hover, .offcanvasmenu .mainmenu .active a:focus, .offcanvasmenu .mainmenu .active a {background: #d45f49; color: #fff;text-decoration:none;}
	.offcanvasmenu .mainmenu .active li a {color: #1d1d1d;  white-space: normal; background:none}
	.offcanvasmenu .mainmenu .active li a:hover, .offcanvasmenu .mainmenu .active li a:focus {color: #1d1d1d; background:#e2e2e2; }
	
	.offcanvasmenu .btn-toggle-dropdown {position: absolute; top: 3px; right:3px; width: 38px; height:38px;padding: 0px;border-radius: 0px; border: none; background: none;border-left: 1px solid #ebebeb;}

	.offcanvasmenu .quicklinks {margin: 15px;font-size: 16px;}
	.offcanvasmenu .quicklinks .btn { width: 100%; margin: 5px 0px;}
	.offcanvasmenu .quicklinks li:not(:last-child) {margin-bottom: 5px;}

	.offcanvasmenu form {position: absolute; top: 10px; left: 10px; right: 10px; }
	.offcanvasmenu form .btn {color: #999; width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 10px; border-radius: 0px;}
	.offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: #212121}
	.offcanvasmenu form input {height: 36px; position: absolute; top: 0px; left: 0px; width: 100%;  border: 1px solid #ebebeb; padding: 0px 45px 0px 15px;border-radius: 18px;}
	.offcanvasmenu form input::-ms-clear {display:none}
	
	.offcanvasmenu .bg-grey {border-bottom: 3px solid #9ea615; position: absolute; top: 0px; right: 0px; left: 0px; height: 60px; width: 100%;}
	
	/* Webkit's scrollbar */
	.offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
	.offcanvasmenu::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
	.offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}

	/* Offcanvas animation */
	main {background: #fff; -webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;-o-transition: transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
	main:before {content:""; position: absolute; top: 0px; left: 0px; width: 100%;  height: 100%; opacity:0; z-index:-1;background:rgba(0,0,0,0.5);}
	.offcanvas-open main  {box-shadow:0px 0px 10px rgba(0,0,0,.5)}
	.offcanvas-open main:before { z-index: 2; opacity: 1; transition: opacity 0.25s ease}
	.offcanvas-open, .offcanvas-open body {overflow:hidden;position: fixed; height: 100%;width: 100%}

	.offcanvas-open header .btn-toggle-offcanvas {color: #fff}
	.offcanvas-open header .hamburger-inner, .offcanvas-open header .hamburger-inner:after, .offcanvas-open header .hamburger-inner:before {background: #fff}
	
/* ==========================================================================
   Search
   ========================================================================== */
   
.search-wrapper {background: #f1f1f1; z-index: 2; color: #111;height: 60px;width: 100%;top: -60px; position: absolute; -webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;-o-transition: transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
	.search-open .search-wrapper, .search-open .header-wrapper { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
	.search-wrapper form {position:relative;}
	.search-wrapper .btn {padding: 5px; position: absolute; top: 13px;right: 30px; font-size: 15px;background:none; color: #666}
	.search-wrapper .btn:hover, .search-wrapper .btn:focus {color: #111; background:none;}
	.search-wrapper input {height: 60px; font-size: 20px; line-height: 60px; padding: 0px 50px 0px 30px; font-weight: 400; position: absolute; top: 0px; left: 0px; width: 100%;border: none; border-radius: 0px; background:none}
	.search-wrapper input::-ms-clear {display:none}
	::-webkit-input-placeholder {color: #666; }
	::-moz-placeholder {color: #666;}
	:-ms-input-placeholder {color: #666;}
	:-moz-placeholder {color: #666;}

/* ==========================================================================
   Header
   ========================================================================== */
   
.header-wrapper { background: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,.4);-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;-o-transition: transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
	header  {position: relative;}
	header .logo {position: absolute;z-index: 3;left: 15px; }
	header .logo img {width: 100%; height: auto}
	header ul {position: absolute;margin: 0px; padding: 0px; list-style:none; z-index: 1}
	header ul > li {display:inline-block;}
	header a, header a:hover, header a:focus {text-decoration: none;}
	header .btn {margin:0px}
	header .btn-toggle-offcanvas { top: 17px; overflow:hidden; background: none; padding: 0px 2px 0px 0px; box-shadow: none; -webkit-box-shadow:none; position: absolute; text-transform: uppercase; font-weight: 400;font-size: 14px; z-index:2}
	header .btn-toggle-offcanvas.active {box-shadow:none; -webkit-box-shadow:none;} 
	header .mainmenu > li > a, header .quicklinks a, header .quicklinks .btn-toggle-search, header .btn-toggle-offcanvas  {color: #111}
	header .hamburger-inner, header .hamburger-inner:after, header .hamburger-inner:before {background: #111}
	.has-hamburger {-webkit-transition: linear 0.15s opacity,-webkit-filter;transition: linear 0.15s opacity,-webkit-filter;-o-transition: linear 0.15s opacity,filter;transition: linear 0.15s opacity,filter;transition: linear 0.15s opacity,filter,-webkit-filter}
	.has-hamburger.active .hamburger-inner { transition-delay: 0.12s;transition-timing-function: cubic-bezier(.215,.61,.355,1);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.has-hamburger.active .hamburger-inner:before {top: 0px;transition: top 0.075s ease,opacity 75ms ease 0.12s;opacity: 0;}
	.has-hamburger.active .hamburger-inner:after {bottom: 0px;transition: bottom 0.075s ease,transform 75ms cubic-bezier(.215,.61,.355,1) 0.12s;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
	.hamburger {position: relative;display: inline-block;width: 34px;height: 22px;margin-left: 5px; }
	.hamburger-inner {top: 50%;display: block;margin-top: -2px}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {position: absolute;width: 30px;height: 3px;border-radius: 4px;-webkit-transition: -webkit-transform 0.15s;transition: -webkit-transform 0.15s;-o-transition: transform 0.15s;transition: transform 0.15s;transition: transform 0.15s, -webkit-transform 0.15s;}
	.hamburger-inner:after,.hamburger-inner:before {display: block;content: ""}
	.hamburger-inner:before {top: -9px}
	.hamburger-inner:after {bottom: -9px}

	/* Quicklinks */	
	header .quicklinks {top: -35px; right: 15px; font-size: 11px; text-transform: uppercase; font-weight: 700;line-height:35px}
	header .quicklinks li {padding: 0px 20px; border-left: 1px solid #bbb;height: 35px}
	header .quicklinks li:last-child {padding: 0px; border-right: 1px solid #bbb;}
	header .quicklinks a {color: #111;}
	header .quicklinks a:hover, header .quicklinks a:focus {text-decoration:underline}
	header .quicklinks .btn-toggle-search { background: none; padding: 0px;font-size: 14px; border-radius: 0px;height: 35px; width: 35px;line-height:1; margin: -2px 0px 2px 0px}

	/* Main menu */
	header .mainmenu {position: absolute; right: 15px;top: 30px; z-index:2; width: 100%; text-align:right; font-weight: 700; font-size:16px}
	header .mainmenu > li {padding-bottom: 30px;position: relative;}
	header .mainmenu > li.show {display:inline-block !important; }
	header .mainmenu > li > a {color: #111;display:block;padding: 0px 15px; position: relative;}
	header .mainmenu > li:hover > a {color: #9ea615; }
	header .mainmenu > li.active > a:after {content: ""; position: absolute; bottom: -10px; height: 3px; width: 50px; background: #9ea615; left: 0px; right: 0px; margin:auto}
	
	/* Main menu - dropdowns */
	header .mainmenu ul {text-align:center; background: #fff;font-size: 13px; font-weight: 400; width: 150px;top: -9999px;position: absolute; left: 50%; margin-left: -75px;opacity: 0; transition: opacity 200ms ease-out;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);}
	header .mainmenu li:first-child ul {}
	header .mainmenu ul.show {opacity:1;top: 55px;}
	header .mainmenu ul li { display:block; border-bottom: 1px solid #f1f1f1}
	header .mainmenu ul li:last-child {border-bottom:none;}
	header .mainmenu ul a { display:block;padding: 10px; line-height: 1.2; color: #080808}
	header .mainmenu ul a:hover, header .mainmenu ul a:focus {background: #e5e5e5;}

/* ==========================================================================
   Footer
   ========================================================================== */
   
.footer-wrapper {background: #9ea615; color: #fff; padding: 50px 0px 10px 0px;font-size: 14px}
	.footer-wrapper .logo {width:150px;display:block}
	.footer-wrapper .logo img {width: 100%; height:auto}
	.footer-wrapper h4 {color: #fff}
	.footer-wrapper address {}
	.footer-wrapper address .fa {margin-right: 10px}
	.footer-wrapper ul {}
	.footer-wrapper li {margin-bottom: 7px}
	.footer-wrapper li:last-child {margin-bottom: 0px}
	.footer-wrapper a {color: #fff}
	.footer-wrapper a:hover, .footer-wrapper a:focus {}
	
/* ==========================================================================
   Homepage
   ========================================================================== */
	
/* Hero wrapper */
.hero-wrapper {position: relative; z-index: 0;}
	.hero-slideshow {}
	.hero-sldieshow .item {position: relative;}
	.hero-slideshow .item img { z-index: 1; max-width:none; -webkit-transform: scale(1.25, 1.25);-ms-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25);transition: all 500ms ease;}
	.hero-slideshow .slick-active img {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); transform: scale(1, 1);}
	.hero-slideshow .caption-wrapper {}
	.hero-slideshow p {}
	.hero-slideshow h2 {font-weight: 900;line-height:1.1}

	.hero-slideshow .slick-controls {position: absolute; z-index:3}
	.hero-slideshow .slick-prev, .hero-slideshow .slick-next {position: absolute; top: 0px; background:none; overflow:hidden;border: none; width: 50px;height: 50px;line-height:50px;padding:0px;background: #f9f9f9;color:#9ea615}
	.hero-slideshow .slick-prev:hover, .hero-slideshow .slick-next:hover {}
	.hero-slideshow .slick-prev {left: 0px;border-right: 1px solid rgba(0,0,0,.1)}
	.hero-slideshow .slick-next {left: 50px;}

	.hero-slideshow .slick-preview {z-index: 2; position: absolute; height: 50px; background: #e5e5e5;padding: 0px 30px;}
	.hero-slideshow .slick-preview p {color: #111; font-size: 12px; line-height:1.4;font-weight: 700;}
	.hero-slideshow .slick-preview p .fa {font-size: 11px;margin-left: 5px;}
	.hero-slideshow .slick-preview img {height: auto; position: absolute; bottom: 0px;right: 0px;left:auto}

/* Intro Wrapper */
.intro-wrapper {overflow-x:hidden; padding:30px 0px}
	.intro-wrapper .inset-header {position: relative;margin-bottom: 30px}
	.intro-wrapper .inset-header img {z-index:0;position: relative;}
	.intro-wrapper .inset-header h3 {font-size: 18px; background: #fff; padding: 0px 15px; height: 40px; line-height: 40px; z-index:1;display:inline-block; position: absolute; bottom: 0px; left: 0px;margin:0px;}
	.intro-wrapper .col-xs-12:nth-of-type(2):before {z-index: -1; width: 300px;height: 200px; position: absolute; top: 50px; left:-200px; background: #d45f49; content:""}
	.intro-wrapper .col-xs-12:nth-of-type(4):after {z-index: -1; width: 300px;height: 100px; position: absolute; top:150px; right: -200px; background: #edd312; content:""}

/* Events Wrapper */
.events-wrapper {}
	.events-wrapper .btn-green {margin-bottom: 30px}

/* Coverage Wrapper */
.coverage-wrapper {padding: 50px 0px}
	.coverage-wrapper .coverage-map {background: url(/img/bg-coverage-area.jpg) center center no-repeat;background-size: 100%}
	.coverage-wrapper .coverage-map img {transition: all 500ms ease;-webkit-transform: scale(.9);-ms-transform: scale(.9); transform: scale(.9);}
	.coverage-wrapper:hover img {-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}

/* ==========================================================================
   Interiors
   ========================================================================== */

.masthead {height: 180px; width: 100%; position: relative;z-index:0; color: #fff;display:flex; align-items: center;text-align:center}
	.masthead:before {z-index: -1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(212,95,73,.9);}
	.masthead .title {width: 100%; text-transform: capitalize}

article {padding: 30px 0px}

aside {}
	aside .events li {z-index: 1; position: relative;}
	aside .events li:last-child {margin: -50px 15px 0px -15px; padding-top: 50px; z-index:0}

.cta-wrapper {position: relative; background: url(/img/bg-cta-wrapper.jpg) center center no-repeat; background-size: cover;height: 120px; z-index: 0;display:flex; align-items: center;text-align:center;}
	.cta-wrapper:before {z-index: -1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(204,204,204,.9);}
	.cta-wrapper ul {width: 100%;margin:0px}
	.cta-wrapper li:first-child {margin-left: 0px}
	.cta-wrapper li:last-child {margin-right: 0px}
	.cta-wrapper h5 {color: #fff;margin: 0px}
	.cta-wrapper p {margin: 0px;;}
	.cta-wrapper a {display:block; background: #d45f49; color: #fff; text-decoration:none;transition: all 250ms ease;-webkit-transform: scale(.9);-ms-transform: scale(.9); transform: scale(.9)}
	.cta-wrapper a:hover, .cta-wrapper a:focus {-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}

/* ==========================================================================
   Login
   ========================================================================== */
   
   .login {background: #f1f1f1}

   .login-wrapper {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	   .login-wrapper .form-wrapper {background: #fff; padding:20px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); width: 290px;}
	   .login-wrapper .form-wrapper p:last-child {margin: 0px}
	   .login-wrapper .logo {position: relative;margin: 0px auto 10px auto; width: 100px;display:block}
	   .login-wrapper .logo img {width: 100%;}
	   .login-wrapper .btn-link {text-decoration: none; padding: 0px; border-bottom: 1px solid #ccc; color: #111}
	   .login-wrapper .btn-link:hover, .login-wrapper .btn-link:focus {color: #f34340;}
	   .login-wrapper h3 {color: #111;text-transform: none; font-weight: 400; margin-bottom: 10px}
	   .login-wrapper .form-control {border-radius: 0px}
   
   .flip-wrapper-outer {-webkit-perspective: 800px;-ms-perspective: 800px;perspective: 800px;}
	   .flip-wrapper-inner {-webkit-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
	   .flip-wrapper-inner .front, .flip-wrapper-inner .back {-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden; transform-style: preserve-3d}
	   .flip-wrapper-inner .front {z-index: 2;position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	   .flip-wrapper-inner .back {z-index: 1; -webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg); transform: rotateY(180deg);}
	   .flip-wrapper-inner.flip {-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg); transform: rotateY(180deg);}
	   .flip-wrapper-inner.flip .front { z-index: 1;}
	   .flip-wrapper-inner.flip .back { z-index: 2;}
   
   /* ==========================================================================
    Organization Search
    ========================================================================== */
   
    .join main {background: #f1f1f1}
	   .organization-search {margin: 30px 0px 20px 0px; width: 100%; height:250px; position: relative; background: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);}
	   .organization-search form {width: 100%;  max-width: 768px; padding: 30px; position:absolute;top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	   .organization-search .bootstrap-select {width: 100% !important; margin-bottom: 30px}
	   .organization-search .bootstrap-select button {border-radius: 0px; height: 60px;  font-size: 20px;}
	   .organization-search .form-control {border-radius: 0px;}
	   .organization-search .dropdown-menu { font-size: 20px; }
	   .organization-search .dropdown-menu a {text-decoration:none;}
	   .organization-search h3, .organization-search p {z-index: 2; text-align:center;position:relative;}
   
/* ==========================================================================
   Shared Components
   ========================================================================== */
   
.events {margin:0px;}
   .events li {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);border-bottom: 10px solid #d45f49; text-align:center; padding: 30px;background:#fff} 
   .events li p:first-child {margin-bottom: 20px}
   .events li h4+p {margin:0px}
   .events li a {color: #d45f49}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 0px) {
	/* Typography */
	body {font-size: 14px;}
	h1 {font-size: 30px;}
	h2, .x-large   {font-size: 25px;}
	h3, .large {font-size: 18px;}
	h4 {font-size: 16px;}
	h5  {font-size: 14px;}
	h6 {font-size: 12px;}

	/* Offcanvas animation */
	.offcanvasmenu {width: 80%;}
	.offcanvas-open main {-webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%);}

	/* Header */
	.header-wrapper {height: 60px;border-top: 3px solid #e5e5e5}
	header .mainmenu, header .quicklinks {display:none}
	header .logo {top:5px; width: 80px;}
	header .btn-toggle-offcanvas {right: 15px;}

	/* Homepage */
	.hero-slideshow .item img { width: calc(100% - 60px); margin: 0px auto 0px auto;}
	.hero-slideshow .caption-wrapper {margin: 70px 30px 10px 30px}
	.hero-slideshow .slick-preview {display:none}
	.hero-slideshow .slick-controls {bottom: 60px;left:50%; margin-left: -50px}
	.hero-slideshow h2 {font-size: 25px}
	.hero-slideshow h2, .hero-slideshow p {margin-bottom: 15px;}

	/* Interiors */
	aside {display:none}
	.cta-wrapper { margin: 30px 0px 70px 0px}
	.cta-wrapper li {margin: 5px 0px}
	.cta-wrapper a {padding: 10px 80px; }

	/* Shared components */
	.events li {margin-bottom: 15px;}

	/* Footer */
	.footer-wrapper div[class*="col-"] {margin-bottom: 15px;}
}

@media (min-width:480px) {

}

@media (min-width:480px) {
	/* Offcanvas animation */
	.offcanvasmenu {width: 360px}
	.offcanvas-open main {-webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px);}

	/* Homepage */
	.homepage .events {display:flex; align-items: top;}
	.homepage .events li { width: 50%;margin: 0px 10px;}
	.homepage .events li:first-child {margin-left: 0px;}
	.homepage .events li:nth-child(2) {margin-right: 0px}
	.homepage .events li:last-child {display:none}

	/* Interiors */
	.cta-wrapper a {padding: 10px 20px; }
}

@media (min-width:600px) {
	/* Homepage */
	.hero-slideshow {margin-bottom: 50px}
	.hero-slideshow .slick-preview {bottom: -50px;left: 30px; width: calc(100% - 60px); display:flex; align-items: center;}
	.hero-slideshow .slick-preview img {width: 100px}
	.hero-slideshow .slick-preview p {margin:0px 0px 0px 80px; width: calc(100% - 160px)}
	.hero-slideshow .slick-controls {bottom: 0px; left:30px;margin: 0px}
}

@media (min-width: 768px) {
	/* Typography */
	body {font-size: 16px;}
	h1 {font-size: 50px;}
	h2, .x-large  {font-size: 35px;}
	h3, .large {font-size: 20px;}
	h4 {font-size: 20px;}
	h5  {font-size: 18px;}
	h6 {font-size: 16px;}

	/* Header */
	.header-wrapper {height: 120px;border-top:35px solid #e5e5e5; z-index:1; position: relative;}
	header .mainmenu, header .quicklinks {display:block}
	header .logo {top: -25px; width: 150px}

	/* Fixed header */
	.fixed-header body {padding-top: 120px}
	.fixed-header .search-wrapper {position: fixed;z-index:3}
	.fixed-header .header-wrapper, .fixed-header .header-wrapper header {height: 60px;}
	.fixed-header .header-wrapper {position: fixed; top: 0px; width: 100%; z-index: 2;border-top: 20px solid #e5e5e5; -webkit-animation: moveHeader 0.5s ease; animation: moveHeader 0.5s ease; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);}
	.fixed-header header .logo { width: 100px; top: -15px}
	.fixed-header header .quicklinks {top: -20px;font-size: 10px;line-height: 20px}
	.fixed-header header .quicklinks li, .fixed-header header .btn-toggle-search {height: 20px}
	.fixed-header header .quicklinks .btn-toggle-search {font-size: 12px;}
	.fixed-header header .mainmenu {top: 10px;font-size: 13px;}
	.fixed-header header .mainmenu ul.show {top: 30px;}
	.fixed-header header .mainmenu > li.active > a:after {top: 25px}

	@keyframes moveHeader {
		0% { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
		100% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
	}

	/* Homepage */
	.homepage header .logo {left: 30px}
	.homepage header .mainmenu, .homepage header .quicklinks {right: 30px;}

	.hero-wrapper, .hero-wrapper .slick-track {height: 600px;}
	.hero-slideshow .item img { position: absolute;top:80px;left: 30px; width: calc(50% - 30px); margin:0px}
	.hero-slideshow .caption-wrapper { left: 50%; margin: 5px 30px 0px 30px;position: absolute;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);}
	.hero-slideshow .slick-preview {left: 25%; width: 75%;bottom: 0px }
	.hero-slideshow .slick-preview p {margin:0px; width: calc(100% - 100px); }
	.hero-slideshow .slick-controls {left: calc(25% - 100px);bottom: 50px}
	.hero-slideshow h2 {font-size: 40px}
	.hero-slideshow h2, .hero-slideshow p {margin-bottom: 30px;}

	.events-wrapper {padding: 50px 0px}
	.homepage .events li { width: 30%;margin: 0px 10px;}
	.homepage .events li:first-child {width: 40%; margin-left: 0px;}
	.homepage .events li:nth-child(2) {margin-right: 10px}
	.homepage .events li:last-child {margin-right: 0px; display:inline-block}

	.intro-wrapper .col-sm-10 {margin-bottom: 30px}
	.intro-wrapper .col-xs-12:nth-of-type(3) {margin-top: -30px}

	/* Interiors */
	aside {display:block}
	.cta-wrapper { margin: 0px 0px 50px 0px}
	.cta-wrapper li {margin: 0px 15px}
	.cta-wrapper a {padding: 10px 30px; }

	/* Footer */
	.footer-wrapper div[class*="col-"] {margin-bottom: 0px;}
}

@media (min-width: 992px) {	
	/* Header */
	header .logo {width: 170px}

	/* Homepage */
	.hero-wrapper, .hero-wrapper .slick-track {height: 550px;}
	.hero-slideshow .item img {top: auto;}
	.hero-slideshow .slick-preview {left: 50%; width: 50%; }
	.hero-slideshow .slick-controls {left: calc(50% - 100px);}

	/* Interiors */
	.cta-wrapper li {margin: 0px 30px}
	.cta-wrapper a {padding: 10px 50px; }

}

@media (min-width:1280px) {
	/* Header */
	header .logo {width: 200px}
	
	/* Homepage */
	.hero-slideshow .slick-preview {bottom: 0px}
	.hero-slideshow .slick-preview img {width: 150px}
	.hero-slideshow .slick-controls {bottom: 50px}
	.hero-slideshow h2 {font-size: 45px}
} 

/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	
  
/* Margins */
.margin-bottom-0 {margin-bottom: 0px}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px}

.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px}
.margin-left-20 {margin-left: 20px}
.margin-left-30 {margin-left: 30px}
.margin-left-40 {margin-left: 40px}

.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-40 {margin-right: 40px;}

/* Backgrounds */
.bg-grey {background: #f1f1f1}
.bg-orange {background: #d45f49}
.bg-yellow {background: #edd312}
.bg-green {background: #9ea615}

/* Type */
.has-left-underline, .has-center-underline {position: relative;padding-bottom: 10px;}
.has-center-underline {text-align:center}
.has-left-underline:after {content:""; position: absolute; bottom: 0px; left: 0px; width: 40px; height: 3px; background:  #edd312; }
.has-center-underline:after {content:""; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 40px; height: 3px; background:  #edd312; }

.has-square {position: relative; padding-left: 35px;margin-top: 25px;}
	.has-square:before {content:""; position: absolute; top: -25px; left: 0px; height: 12px; width: 50px;}
	.has-square:after {content:""; position: absolute; top: -25px; left: 0px; height: 50px; width: 12px;}
	.has-orange-square:before {background: #d45f49;}
	.has-orange-square:after {background: #d45f49;}
	.has-green-square:before {background: #9ea615}
	.has-green-square:after {background: #9ea615}
	.has-yellow-square:before {background: #edd312;}
	.has-yellow-square:after {background: #edd312;}

.orange {color: #d45f49}
.green {color: #9ea615}

.font-worksans {font-family: "Work Sans", sans-serif; font-weight:700}

.large, .x-large {line-height: 1.5}
.small {font-size: 14px;}
.x-small {font-size: 12px}

/* Not included */
.no-wrap {white-space: nowrap}
.opacity-50 {opacity: .5}

/* Buttons */
.btn-orange, .btn-green-border, .btn-green, .form .btn-primary {transition: background 250ms ease;  position: relative; margin-bottom: 10px; font-weight: 700; font-size: 15px;border-radius: 0px; padding: 10px 25px; border: none; font-family: "Work Sans", sans-serif; }
.btn, .btn a {text-decoration:none} 
.btn a {display:block;}
.btn-lg {padding: 10px 35px;font-size: 16px;}
.btn-sm {padding: 5px 15px;font-size: 12px;}

.btn-orange {background:#d45f49; color: #fff;border: 2px solid transparent}
	.btn-orange a {color: #fff;}
	.btn-orange a:hover, .btn-orange a:focus, .btn-orange:hover, .btn-orange:focus {background:#bd4731; color: #fff;}

.btn-green {background:#9ea615; color: #fff;border: 2px solid transparent}
	.btn-green a {color: #fff;}
	.btn-green a:hover, .btn-green a:focus, .btn-green:hover, .btn-green:focus {background:#8a920a; color: #fff;}

.btn-green-border {background:none; color: #9ea615;border: 2px solid #9ea615; position: relative;box-shadow: 0px 0px 15px 0px rgba(255,255,255,.3);}
	.btn-green-border a {color: #9ea615}
	.btn-green-border:hover, .btn-green-border:focus {background: #8a920a}
	.btn-green-border a:hover, .btn-green-border a:focus, .btn-green-border:hover, .btn-green-border:focus {color: #fff;}

/* Not included */
.btn-transparent {background:none;}

/* ==========================================================================
   CMS
   ========================================================================== */	
   
/* Form builder */
.form .btn-primary {background:#d45f49; color: #fff;}

/* Ckeditor */
.cke_combopanel {width: 300px !important;  height:300px !important}
.cke_panel_listItem * {float:none !important;text-align:left !important;margin:0px !important;text-transform:none !important; display: block !important; }
   
/* Fancybox */
.cms-fancybox-wrapper {display:block;position: relative;}
	.cms-fancybox-wrapper:before {content: "\f065";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: none; text-align:center; padding: 2px 0px 0px 0px; color: #fff;background: rgba(0,0,0,.5); transition: background 0.15s ease; border-radius: 50%;font-size: 11px;width: 20px; height: 20px; position: absolute;bottom: 15px; right: 15px}
	.cms-fancybox-wrapper:hover:before, .cms-fancybox-wrapper:focus:before {background: rgba(0,0,0,.75)}

/* Floating labels */
.has-floating-labels {}
	.has-floating-labels .form-group {position: relative;margin-bottom: 17px;}
	.has-floating-labels label {position: absolute; top: 5px; left: 5px; transition: all 0.1s linear;  font-weight: 400; pointer-events:none;}
	.has-floating-labels .form-control:focus + label, .has-floating-labels label.active, .has-floating-labels .has-error label {top: -15px; left: 5px; font-size: 11px; text-transform: uppercase}

/* ==========================================================================
	Bootstrap
   ========================================================================== */
   
/* Flex */
.row-flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
	.row-flex:before, .row-flex:after {display:none}
	.row-align-top {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
	.row-align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.row-align-bottom {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
	.row-justify-center {-ms-flex-pack:center; justify-content: center}
	
.col-align-top {-ms-flex-item-align: start;align-self: flex-start;}
.col-align-center {-ms-flex-item-align: center;align-self: center;}
.col-align-bottom {-ms-flex-item-align: end; align-self: flex-end;}

/* Grid */
.container-fluid {padding-right: 30px;padding-left: 30px;}

/* Errors */
.help-block {color: #d45f49;font-weight: 400;font-size: 12px;}

/* Tables */
.table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle}

/* Alerts */
.alert {border-radius: 0px;font-size: 14px}

/* List Group */
.list-group a {text-decoration: none}
   
/* Accordion */
.panel {box-shadow:none}
	.panel-heading {border-radius: 0px}
	.panel-default {border:none;}
	.panel-group {margin-bottom: 20px}
	.panel-group .panel+.panel {margin-top: 10px}
	.panel-default>.panel-heading {font-weight:700; font-size: 16px;border-radius: 0px;}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {border: 1px solid #ececec;}
	.panel-title {position:relative; padding-left: 30px;font-size: 15px;}
	.panel-title a {text-decoration:none; }
	.panel-title a:before {color:#d45f49; content:"\f055"; font-family: "FontAwesome"; position: absolute; top: 0px;left: 0px;font-size: 17px;}
	.panel-title a[aria-expanded="true"]:before {content:"\f056"; }
	.panel-body ul:first-child, .panel-body p:first-child {margin-bottom: 0px}
   
   /* Nav Tabs */
.nav-tabs {border-bottom: none}
	.nav-tabs>li {margin: 1px 0px 0px 0px;  font-size: 15px; font-weight: 700}
	.nav-tabs>li>a {color: #212121; background: #ececec; border-radius: 0px;border:none; text-decoration:none; padding: 5px 20px}
	.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {background: #d45f49; color: #fff;border-color: transparent}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
	.tab-content {border: 1px solid #ececec; margin-bottom: 20px; padding: 20px}
	.tab-content p:last-child {margin-bottom: 0px}
   
/* Media Queries */
@media (min-width: 0px) {
	main .nav-tabs>li.active>a,main .nav-tabs>li.active>a:focus,main .nav-tabs>li.active>a:hover {background-color: #d45f49;color: #fff}
}

@media (max-width: 767px) { 
	main .nav-tabs, main .nav-tabs > li:last-child {border-bottom: none;}
	main .nav-tabs > li {float:none;border-bottom:1px solid #ddd; margin:0px;}
	main .nav-tabs > li a {border-radius: 0px;padding: 7px;border:none}
	main .nav-tabs>li>a {margin-right: 0px;}
	main .nav-tabs>li.active>a,main .nav-tabs>li.active>a:focus,main .nav-tabs>li.active>a:hover {border:none;}
	main .nav-tabs li:first-child a {border-radius: 2px 2px 0px 0px}
	main .nav-tabs li:last-child a {border-radius: 0px 0px 2px 2px}
}

/* Hidden "xxs" (0 to 479) */
@media (min-width: 0px) and (max-width: 479px) {
	.hidden-xxs {display:none;}
}	

/* Hidden "ms" (480 to 767) */
@media (min-width: 480px) and (max-width: 767px) {
	.hidden-ms {display:none;}
}	

/* 5 Column layout */
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {
	.col-sm-5ths {width: 20%;float: left;}
}
@media (min-width: 992px) {
	.col-md-5ths {width: 20%;float: left;}
}
@media (min-width: 1200px) {
	.col-lg-5ths {width: 20%;float: left;}
}

/* 480px breakpoint */
@media (min-width: 480px) and (max-width: 767px) {
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {float:left; position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.col-ms-12{width:100%}
	.col-ms-11{width:91.66666667%}
	.col-ms-10{width:83.33333333%}
	.col-ms-9{width:75%}
	.col-ms-8{width:66.66666667%}
	.col-ms-7{width:58.33333333%}
	.col-ms-6{width:50%}
	.col-ms-5{width:41.66666667%}
	.col-ms-4{width:33.33333333%}
	.col-ms-3{width:25%}
	.col-ms-2{width:16.66666667%}
	.col-ms-1{width:8.33333333%}
	.col-ms-pull-12{right:100%}
	.col-ms-pull-11{right:91.66666667%}
	.col-ms-pull-10{right:83.33333333%}
	.col-ms-pull-9{right:75%}
	.col-ms-pull-8{right:66.66666667%}
	.col-ms-pull-7{right:58.33333333%}
	.col-ms-pull-6{right:50%}
	.col-ms-pull-5{right:41.66666667%}
	.col-ms-pull-4{right:33.33333333%}
	.col-ms-pull-3{right:25%}
	.col-ms-pull-2{right:16.66666667%}
	.col-ms-pull-1{right:8.33333333%}
	.col-ms-pull-0{right:auto}
	.col-ms-push-12{left:100%}
	.col-ms-push-11{left:91.66666667%}
	.col-ms-push-10{left:83.33333333%}
	.col-ms-push-9{left:75%}
	.col-ms-push-8{left:66.66666667%}
	.col-ms-push-7{left:58.33333333%}
	.col-ms-push-6{left:50%}
	.col-ms-push-5{left:41.66666667%}
	.col-ms-push-4{left:33.33333333%}
	.col-ms-push-3{left:25%}
	.col-ms-push-2{left:16.66666667%}
	.col-ms-push-1{left:8.33333333%}
	.col-ms-push-0{left:auto}
	.col-ms-offset-12{margin-left:100%}
	.col-ms-offset-11{margin-left:91.66666667%}
	.col-ms-offset-10{margin-left:83.33333333%}
	.col-ms-offset-9{margin-left:75%}
	.col-ms-offset-8{margin-left:66.66666667%}
	.col-ms-offset-7{margin-left:58.33333333%}
	.col-ms-offset-6{margin-left:50%}
	.col-ms-offset-5{margin-left:41.66666667%}
	.col-ms-offset-4{margin-left:33.33333333%}
	.col-ms-offset-3{margin-left:25%}
	.col-ms-offset-2{margin-left:16.66666667%}
	.col-ms-offset-1{margin-left:8.33333333%}
	.col-ms-offset-0{margin-left:0}
}