/* -----------------------------------------
   TYPE STYLES
----------------------------------------- */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h5, .h6 { color: #222 }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h5, .h6, blockquote { font-family: 'Helvetica', sans-serif; font-weight: 300 }

h1, .h1 { font-size: 1.5rem; line-height: 1.1; margin-top: 0; margin-bottom: 1.2rem }
h2, .h2 { font-size: 1.8rem; line-height: 1.1; margin-top: 0 }
h3, .h3 { font-size: 1.4rem; line-height: 1.1; margin-top: 0 }
h4, .h4 { font-size: 1.2rem; line-height: 1.1; margin-top: 0; margin-bottom: 0.75rem }
h5, .h5 { font-size: 1.0625rem; line-height: 1.1; margin-top: 0; margin-bottom: 0.75rem }
h6, .h6 { font-size: 1rem; line-height: 1.1; margin-top: 0; margin-bottom: 0.75rem }
@media print, screen and (min-width: 40em) {
  h1, .h1 { font-size: 3rem }
  h2, .h2 { font-size: 2.5rem }
  h3, .h3 { font-size: 1.6rem }
  h4, .h4 { font-size: 1.4rem }
  h5, .h5 { font-size: 1.25rem }
  h6, .h6 { font-size: 1rem }
}
p { margin-bottom: 20px }
.breadcrumbs li { color: #777 }
a:hover { text-decoration: underline }
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h5, .text-white .h6, .text-white p, .text-white li { color: #fefefe }
p.largeText { font-size: 1.2em; line-height: 1.4em }

.button, .p-button { border-radius: 0; background: transparent; outline: none }
.button:hover, .p-button a:hover, .text-white .p-button a:hover { text-decoration: none }
.p-button, .text-white .p-button { display: inline-block }


/* -----------------------------------------
   BODY & GLOBAL STYLES
----------------------------------------- */

.row.content .column, .row.content .columns { padding-right: .5rem; padding-left: .5rem }
.column, .columns { margin-bottom: 0 }
.hero .row, .navigation-primary .row, .banner .row, footer.main .row { background: none !important }
.row.fit .row { margin-left: 0; margin-right: 0 }
.img-float-left, .img-float-right { padding-bottom: 30px; padding-top: 8px }
.img-float-left { float: left }
.img-float-right { float: right }
table { margin-bottom: 40px }

/* -----------------------------------------
   HEADER/NAVIGATION
----------------------------------------- */
.logotype { font-size: 30px; line-height: 1.1em; color: #fefefe; transition: color 0.2s }
.logotype:hover { opacity: .7 }
.logoBox a:hover { text-decoration: none }
.breadcrumbs { margin: 0 0 30px }

/* --- NAV MAIN --- */
#navMain { top: 0; z-index: 9; width: 100%; background: rgba(25,25,25,1); left: 0; right: 0; transition: all .4s; z-index: 999 }
.stickyNav { position: -webkit-sticky; position: sticky; top: 0; box-shadow: 1px 1px 4px #00000021 }
#navMain .row { background: transparent }
#navMain .logoBox a { display: inline-block }
#navMain .logoBox a:hover { border-bottom: 0 }
#navMain #primary { display: none }
#navMain #primary ul { list-style: none; /*position: relative; float: right;*/ margin: 0; padding: 0 }
#navMain #primary ul a { display: block; text-decoration: none; font-size: 1em; }
#navMain #primary ul li { float: left; margin: 0; padding: 0 }
#navMain #primary ul li.current-menu-item { background: #ddd }
#navMain #primary ul ul { display: none; position: absolute; top: 100%; left: 0; background: #222; padding: 4px 0 }
#navMain #primary ul ul li { float: none; width: 200px }
#navMain #primary ul ul li, #navMain #primary ul ul li:hover { border: 0; margin: 0 }
#navMain #primary ul ul a { line-height: 120%; padding: 8px 15px; font-size: .9em; color: #888 }
#navMain #primary ul ul ul { top: 0; left: 100% }
#navMain #primary ul li:hover > ul { display: block; z-index: 999 }


/* --- MENU BTN --- */
a#menuBtn { position: absolute; z-index: 999; display: block; right: 20px }
.doubledouble .line { transition: all .3s }
.doubledouble { background: transparent; width: 30px; text-indent: -9999px }
.doubledouble .line { height: 2px; background-color: white; display: block; margin-bottom: 7px; position: relative }
.doubledouble .line.three { margin-bottom: 0 }
/* body.drawer a#menuBtn .doubledouble .line { background-color: #FFF !important } */
body.drawer a#menuBtn .doubledouble .line.one { -ms-transform: translate(0,7px) rotate(-45deg); -webkit-transform: translate(0,7px) rotate(-45deg); transform: translate(0,7px) rotate(-45deg) }
body.drawer a#menuBtn .doubledouble .line.three { -ms-transform: translate(0,-11px) rotate(45deg); -webkit-transform: translate(0,-11px) rotate(45deg); transform: translate(0,-11px) rotate(45deg) }
body.drawer a#menuBtn .doubledouble .line.two { width: 0; opacity: 0 }


ul.subMenu { display: none }
.showSub { float: right; border-bottom: 0 !important }


#drawerNav ul li:nth-of-type(7) { transition-delay: .8s }
#drawerNav ul li:nth-of-type(8) { transition-delay: .9s }
#drawerNav ul li:nth-of-type(9) { transition-delay: 1s }
#drawerNav ul li:nth-of-type(10) { transition-delay: 1.1s }


.utility ul { list-style: none; margin: 0  }
.utility ul li:last-of-type { border-right: 0 }
.utility ul li a { padding: 4px 20px 3px 0; display: block }
.utility ul li:nth-child(4) a { padding: 4px 0 3px; }
.utility ul li a:hover { text-decoration: none }
.utility .column { margin-bottom: 0 }


/* -----------------------------------------
   RESPONSIVE ADJUSTMENTS
----------------------------------------- */
/* min-width 641px, small screens */
@media only screen and (min-width: 40.063em) {
	.row.content .column, .row.content .columns { padding-right: .9375rem; padding-left: .9375rem; margin-bottom: 0 }
	.page { margin: 50px 4% 40px 4% }
	.page .row.content { padding: 30px 20px 0 }
	.img-float-left { padding-right: 30px }
	.img-float-right { padding-left: 30px }
	#navMain #primary { display: block }
	a#menuBtn { display: none }

}