/* ==========================================================================
    Description: Randolph stylesheet 
    Author: John A
    Release date: The future
    Revision History: Revised By    Revised On:
                      Someone       00/00/00
   ========================================================================== */

html { background: #151f6d; color: #4c4c4c; font-size: 62.5%; /*For rems*/ }
body { font-family: Roboto, Arial, sans-serif; color: #4d4d4f; background: transparent; font-size: 16px; font-size: 1.6rem; }
.center { width: 980px; margin: auto; }
.shim { clear: both; }
.hide { left: -999em; position: absolute; }
a { text-decoration: none; color: #6cace4; }
a:hover { text-decoration: none; color: #5384b0; }
.ui-widget-overlay { height: 100%; width: 100%; top: 0; left: 0; position: fixed; background: #000; opacity: .6; }
.ui-dialog { position: absolute; left: 0; top: 0; background: #fff; box-shadow: 0 3px 10px #343232; padding: .2em; }
.ui-dialog-titlebar { float: right; position: relative; z-index: 110; }
.ui-dialog-title { display: none; }
.ui-dialog-titlebar-close:before { content: "X"; }
.ui-front { z-index: 100; }
.ui-corner-all { border-radius: .5em; }

#top { position: absolute; z-index: 101; left: -999em; transition-duration: 0s; }
#top:focus { left: 45%; }


/* ==========================================================================
    Header and Navigation
   ========================================================================== */

header { background: #fff; position: fixed; z-index: 1000; width: 100%; box-shadow: 0 0 3px rgba(0,0,0,.3); }
.topBar { background: #151f6d; font-size: 14px; font-size: 1.4rem; }
.topBar ul { list-style: none; padding: 0; margin: 0; float: right; }
.topBar li { display: inline-block; }
.topBar a { color: #fff; display: block; padding: 9px 10px 10px; }
.topBar a .fa { font-size: 18px; font-size: 1.8rem; margin-right: 4px; }
.topBar a:hover { background: #101854; }
.topBar .text { display: none; }

.logo { padding: 15px; float: left; width: 150px; }
.logo img { max-width: 100%; }
.quickNav { text-align: center; }
.searchContainer { background: #f2f2f2; border-radius: 40px; display: inline-block; }
#Query { background: transparent; border: none; color: #999; padding: 10px 15px; }
#QueryBtn { font-size: 24px; font-size: 2.4rem; margin-right: 12px; }
.quickNav ul { display: inline-block; list-style: none; margin: 25px 0; padding: 0; }
.quickNav li { display: inline-block; margin: 0 0 0 20px; }
.quickNav li .fa { font-size: 18px; font-size: 1.8rem; }
.quickNav li .text { font-size: 14px; font-size: 1.4rem; }

#mobileMenu { float: right; }
#mobileMenu a { display: block; color: #6cace4; margin: 3px 10px; font-size: 4rem; }
#mobileMenu a:hover, #mobileMenu a:focus { text-decoration: none; }
#mobileMenu .text { font-size: 2rem; vertical-align: 8px; }
nav, #mobileMenu .fa-close { display: none; }

nav { clear: both; overflow-y: auto; }
nav ul { list-style: none; padding: 0; margin: 0; }
nav li { position: relative; }
nav > ul > li > a { padding: 12px 15px; display: block; font-size: 14px; font-size: 1.4rem; color: #4c4c4c; border-bottom: 1px solid #efefef; }
nav a[href="javascript:;"] { cursor: default; }
nav li.over > a { text-decoration: none; background: #fff; background: rgba(255,255,255,.95); }
nav ul ul { display: none; background: #efefef; }
nav ul ul a { padding: 12px 15px; display: block; color: #4c4c4c; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #ddd; }
nav ul .over > ul { display: block; }
nav ul ul li { float: none; }
nav ul ul li a { padding: 8px 15px; }
nav ul ul .over > a { background: #fff; }
/*nav ul ul ul { background: #085578; }*/
nav ul ul .over > ul { left: 95%; top: 0; }
nav ul .right + ul .over > ul { left: auto; right: 95%; }
nav ul ul ul .over > a { background: #fff; }
nav .over > .parent:before { content: "-"; }
nav .parent:before { content: "+"; float: right; }


/* ==========================================================================
    Home
   ========================================================================== */

#promoContainer { position: relative; display: none; background: #253080; }
.promo { position: relative; max-height: 560px; }
.promo, .promo img { width: 100%; max-width: 1180px; }
.promo .text { position: absolute; color: #fff; bottom: 100px; left: 20%; }
.promo h1 { font-size: 40px; font-size: 4rem; font-weight: bold; margin: 0; line-height: 40px; line-height: 4rem; text-transform: uppercase; }
.promo h1 .sm, .promo h1 .cta { font-size: 20px; font-size: 2rem; display: block; }
.promo h1 .cta { background: #6cace4; color: #fff; text-align: center; padding: 5px 25px; border-radius: 30px; display: inline-block; font-size: 14px; font-size: 1.4rem; }
.promo h1 a:hover { background: #5f98c9; }

.CS_cntrls { position: absolute; z-index: 10; }
.CS_dots { text-align: center; bottom: 10px; width: 100%; }
.CS_dots a { display: inline-block; height: 16px; width: 16px; background: #fff; border-radius: 16px; text-indent: -999em; margin: 0 5px; box-shadow: 0 0 5px rgba(0,0,0,.3); }
.CS_dots a:hover { background: #ddd; }
.CS_dots .CS_current, .CS_dots .CS_current:hover { background: #6cace4; }

.quickLinks { padding: 30px 0; }
.quickLinks h3 { color: #5f98c9; text-transform: uppercase; font-weight: bold; font-size: 24px; font-size: 2.4rem; margin: 0; display: none; text-align: left; }
.quickLinks p { text-align: left; display: none; }
.quickLinks a { text-align: center; padding: 15px; border-radius: 30px; display: inline-block; width: 100%; margin: 0 0 20px; }
.quickLinks .fa { font-size: 60px; font-size: 6rem; }
.quickLinks .cta { background: #6cace4; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; font-weight: bold; }
.quickLinks .cta:hover { background: #5f98c9; }

.events { background: #e3f1fc; padding: 20px 0; }
.events .eventTitle { border-bottom: 1px solid #f5fbff; padding-bottom: 10px; margin-bottom: 15px; }
.events h3 { color: #6cace4; margin: 0; font-weight: bold; text-transform: uppercase; }
.events h4 { margin: 0; font-weight: bold; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; }
.events ul { list-style: none; padding: 0; margin: 0; }
.events li { margin-bottom: 20px; }
.events li a { color: #5384b0; }
.events p { margin: 0; }

.featBar {  }
.featBar a { display: block; padding-bottom: 20px; padding-top: 20px; }
/*.featBar a:hover { background: #f2f9ff; }*/
.featImg { margin: 0 auto 20px; display: block; border-radius: 180px; }
.featBar h3 { font-weight: bold; color: #6cace4; margin: 0 0 8px; text-transform: uppercase; }
.featBar p { line-height: 27px; line-height: 2.7rem; color: #666; }
.featBar .cta { background: #6cace4; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-transform: uppercase; font-weight: bold; text-align: center; padding: 15px 30px; border-radius: 30px; display: inline-block; }
.featBar a:hover .cta { background: #5f98c9; }
.featBar .featServ { border-top: 1px solid #e3f1fc; }

.enews { background: #6cace4; color: #fff; padding: 20px 0; }
.enews h3 { margin: 0; font-weight: bold; text-transform: uppercase; }
.enewContainer { position: relative; }
#email { border-radius: 60px; background: #fff; height: 50px; width: 100%; padding: 0 12px; border: 0; color: #999; }
#emailBtn .fa { width: 42px; height: 42px; float: right; position: absolute; right: 4px; top: 4px; background: #6cace4; color: #fff; border-radius: 40px; text-align: center; padding: 11px 0; font-size: 20px; font-size: 2rem; }
#emailBtn:hover .fa { background: #5f98c9; }


/* ==========================================================================
   Main content 
   ========================================================================== */

main { background: #fff; padding-top: 104px; }

#insideBanner { text-align: center; position: relative; }
#insideBanner h1 { color: #00a2fa; text-transform: uppercase; font-weight: bold; text-align: left; margin: 0; padding-left: 15px; margin: 20px 0 0; }
#insideBanner img { width: 100%; display: none; }

article { padding-top: 38px; padding-bottom: 38px; }
article h1 { color: #5f98c9; font-size: 36px; font-size: 3.6rem; font-weight: bold; text-transform: uppercase; margin: 0 0 10px; }
article h2 { color: #5f98c9; font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-top: 0; text-transform: uppercase; }
article h3 { color: #5f98c9; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; }
article p, article ul, article ol { font-size: 18px; font-size: 1.8rem; line-height: 27px; line-height: 2.7rem; margin-bottom: 30px; }
article .cta a { background: #6cace4; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; padding: 15px; border-radius: 30px; display: inline-block; min-width: 200px; margin-bottom: 10px; }
article .cta a:hover { background: #5f98c9; }
article .imageLeft { float: left; margin: 20px 20px 20px 0; }
article .imageRight { float: right; margin: 20px 0 20px 20px; }

aside { padding-top: 38px; padding-bottom: 38px; }
aside .insideImage { border-radius: 340px; width: 100%; display: none; }
aside h3 { color: #5f98c9; font-size: 24px; font-size: 2.4rem; font-weight: bold; margin: 0 0 14px; text-transform: uppercase;  }
aside ul { list-style: none; padding: 0; margin: 0 0 40px; }
aside li { margin-bottom: 10px; }
aside p { line-height: 24px; line-height: 2.4rem; }
aside p a { font-weight: bold; }
.enewsInside { background: #6cace4; color: #fff; padding: 20px; }
.enewsInside h3 { color: #fff; margin-bottom: 12px; }
.enewsInside p { margin-bottom: 16px; }

.accordion { margin-bottom: 30px; }
.ui-accordion-header { display: block; cursor: pointer; text-transform: none; font-weight: normal; line-height: 27px; line-height: 2.7rem; margin-top: 0; }
.ui-accordion-header-icon { display: block; float: left; width: 12px; height: 14px; }
.ui-icon-triangle-1-e:before { content: "+" }
.ui-icon-triangle-1-s:before { content: "-" }
.ui-accordion-content p { margin-top: 0; }


/* ==========================================================================
   One column
   ========================================================================== */

.sitemap article > ul { padding: 0; margin: 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.serviceList > ul { padding: 0; margin: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.sitemap article > ul > li, .serviceList > ul > li { margin-bottom: 30px; }
.sitemap article > ul > li > a, .serviceList > ul > li > a { font-weight: bold; }
.sitemap ul, .serviceList ul { list-style: none; padding-left: 20px; }
.sitemap ul ul, .serviceList ul ul { margin-bottom: 0; }


/* ==========================================================================
   Footer
   ========================================================================== */

footer, footer a { color: #fff; }
footer a:hover { color: #6cace4; }

.upperFooter { background: #253080; padding: 20px 0; text-transform: uppercase; font-weight: bold; font-size: 14px; font-size: 1.4rem; text-align: center; }
.upperFooter ul { list-style: none; margin: 10px 0 0; padding: 0; }
.upperFooter li { display: inline-block; margin: 0 2px; }

.copyright { font-size: 14px; font-size: 1.4rem; margin: 0; }
.copyright span { display: inline-block; margin: 0 20px 0 0; }
.copyright a { font-weight: bold; }

#social { list-style: none; margin: 0; padding: 20px 0; font-size: 26px; font-size: 2.6rem; text-align: center; }
#social li { display: inline-block; margin: 0 5px; }


/* ==========================================================================
   Concierge
   ========================================================================== */

#conciergeContainer { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 300; }
#concierge { display: none; position: absolute; top: 50%; left: 0; z-index: 310; width: 94%; margin-left: 3%; background: #fff; box-shadow: 0 0 5px #aaa; border-radius: 4px; padding: 25px 0; box-sizing: border-box; } /*margin-top: -150px;*/
#concierge.offscreen { left: -5000px; display: block; }
#concierge .close { position: absolute; right: 0; top: 10px; height: 50px; width: 50px; overflow: hidden; z-index: 311; }

#concierge .container { width: 100%; }
#concierge iframe { margin: 15px auto; display: block; }
#concierge h1 { color: #5f98c9; font-size: 36px; font-size: 3.6rem; font-weight: bold; text-transform: uppercase; margin: 0 0 10px; }
#concierge h2 { color: #5f98c9; font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-top: 0; text-transform: uppercase; }
#concierge h3 { color: #5f98c9; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; }
#concierge p, #concierge ul, #concierge ol { font-size: 18px; font-size: 1.8rem; line-height: 27px; line-height: 2.7rem; margin-bottom: 30px; }
#concierge .cta a, #concierge a  .cta { background: #6cace4; color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; padding: 15px; border-radius: 30px; display: inline-block; min-width: 200px; }
#concierge .cta a:hover, #concierge a:hover  .cta { background: #5f98c9; }

#conciergeOverlay { position: fixed; background: #fff; background: rgba(255,255,255,.95); height: 100%; width: 100%; top: 0; z-index: 300; }


/* ==========================================================================
   Transitions
   ========================================================================== */

header, .logo, .logo img, nav ul, nav li, a, .logo, .logo img, #mobileMenu, #search, .cta, input, select, .fa, main, #featBoxContainer .box div, #backTop span, .ui-accordion-header {
    -webkit-transition-duration: .5s;
       -moz-transition-duration: .5s;
        -ms-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s;
    }


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (min-width: 400px) {
  .topBar .text { display: inline-block; }
  
  #concierge { margin-top: 0; top: 80px; }
}

@media only screen and (min-width: 768px) {
  .logo { padding: 25px 0; float: left; }
  .shrink .logo { padding: 17px 0; }
  .logo img { height: 43px; }
  .shrink .logo img { height: 30px; }
  #mobileMenu { margin: 15px 0 0; }
	.shrink #mobileMenu { margin: 0; }
  .quickNav ul, .quickNav li { float: right; }

  #promoContainer { display: block; }
  #promoContainer .text { position: absolute; z-index: 10; bottom: 70px; width: 90%; left: 5%; }
  #promoContainer .text img { max-width: 80%; display: block; margin: 0 auto; }

  .quickLinks a { margin-bottom: 0; }

  .events > .container > .row { display: flex; position: relative; }
  .events .eventTitle { align-self: center; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
  .events .eventList { border-left: 4px solid #f5fbff; }
  .events h3 { font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 4rem; margin-bottom: 10px; }
  .events .cta { background: #6cace4; color: #fff; display: inline-block; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; padding: 10px 25px; border-radius: 30px; text-transform: uppercase; font-weight: bold; }
  .events .cta:hover { background: #5f98c9; }

  .featBar .featDoc, .featBar .featServ { padding: 40px; }
  .featBar .featServ { clear: both; }
  .featImg { float: left; margin: 0 25px 0 0; }

  .upperFooter { text-align: left; }
  .copyright { float: left; }
  .upperFooter ul { float: right; margin: 0; }

  #insideBanner .container { position: absolute; left: 50%; bottom: 32px; margin-left: -375px; }
  #insideBanner h1 { font-size: 48px; font-size: 4.8rem; margin: 0; }
  #insideBanner img { display: block; }
	
	main { padding-top: 140px; }
}

@media only screen and (min-width: 992px) {
  .clearfix-md { clear: both; }
	
	.shrink .logo { padding: 10px 0; }

  #mobileMenu { display: none; }

  nav { float: right; display: block; clear: none; margin-top: 25px;  overflow-y: visible; }
  .shrink nav { margin-top: 0; }
  nav li { float: left; }
  nav > ul > li > a { border-bottom: 0; }
  nav > ul > li.over { box-shadow: 0 0 3px rgba(0,0,0,.1); }
  nav ul ul { position: absolute; width: 250px; background: #fff; background: rgba(255,255,255,.95); box-shadow: 0 3px 3px rgba(0,0,0,.2); }
  nav ul ul a { border-bottom: 1px solid #efefef; }
  nav .over > .parent:before, nav .parent:before { content: ""; }
	nav .twoCol + ul { left: -205px; }
	nav ul .twoCol + ul ul { left: auto; right: 97%; }
	nav .twoCol + ul + ul { left: 45px; }

  .quickLinks h3, .quickLinks p { display: block; }
  .quickLinks a { width: auto; padding: 15px 20px; text-align: left; }

  .events { padding: 40px 0; }
  .events h3 { font-size: 50px; font-size: 5rem; line-height: 50px; line-height: 5rem; }
  .events .eventList { border-left-width: 10px; padding-left: 30px; }
  .events p { height: 48px; overflow: hidden; }

  .quickNav { float: right; }
  .featBar { padding: 40px 0; }
  .featBar .featDoc { padding: 40px 40px 40px 15px; border-right: 10px solid #e3f1fc; }
  .featBar .featServ { padding: 40px 15px 40px 40px; border-left: 10px solid #e3f1fc; margin-left: -10px; border-top: 0; clear: none; }

  .enews { padding: 38px 0; }
  .enews h3, .enews p, .enewContainer { display: inline-block; vertical-align: middle; }
  .enews h3 { border-right: 10px solid #5f98c9; padding: 10px 20px 10px 0; margin-right: 20px; }
  .enews p { margin: 0; padding-right: 20px; }

  .upperFooter { padding: 35px 0; }
  #social { padding: 25px 0; }
  #social li { margin: 0 7px; }

  #insideBanner .container { margin-left: -485px; }

  .container aside { padding-left: 60px; }
  aside .insideImage { display: block; margin-bottom: 30px; }
  
	#concierge { left: 50%; width: 980px; margin-left: -490px; }
}

@media only screen and (min-width: 1200px) {
  .logo { width: auto; }
  .logo img { height: 50px; }

  nav { margin-top: 26px; }
  nav > ul > li > a, nav ul ul a { font-size: 16px; font-size: 1.6rem; }

  .promo { left: 50%; margin-left: -590px; }
  #promoContainer .text { bottom: 100px; }
  .promo h1, .events h3 { font-size: 60px; font-size: 6rem; line-height: 60px; line-height: 6rem; }
  .promo h1 .sm { font-size: 30px; font-size: 3rem; line-height: 38px; line-height: 3.8rem; margin-bottom: -8px; }
  .promo h1 .cta { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; padding: 20px 40px; }

  .quickLinks { padding: 46px 0; }
  .quickLinks h3 { margin-bottom: 10px; }
  .quickLinks p { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; margin-bottom: 17px; }
  .quickLinks a { padding: 18px 25px; }

  .events { background-image: url(/media/1001/eventsBg.png); background-repeat: no-repeat; background-position: center 0; }
  .events .cta { padding: 18px 60px; }
  .events .eventList { padding-top: 30px; padding-bottom: 30px; width: 75%; }
  .events li { margin: 0; }
  .events li a { display: block; padding: 16px 0; height: 130px; }
  .events h4, .events p { font-size: 18px; font-size: 1.8rem; }
  .events h4 { line-height: 24px; line-height: 2.4rem; }
  .events p { line-height: 24px; line-height: 2.4rem; }

  .enews h3 { padding: 18px 38px 18px 0; margin-right: 32px; }
  .enews p, #email { font-size: 18px; font-size: 1.8rem; }
  .enewContainer { width: 340px; float: right; margin-top: 1px; }
  #email { height: 60px; padding: 0 16px; }
  #emailBtn .fa { height: 50px; width: 50px; font-size: 24px; font-size: 2.4rem; top: 5px; right: 5px; padding: 12px 0; }

  #insideBanner .container { margin-left: -585px; }

  article, aside { padding-top: 50px; }
  article h1 { font-size: 48px; font-size: 4.8rem; }
  article h2 { font-size: 27px; font-size: 2.7rem; }

  aside a { font-size: 18px; font-size: 1.8rem; }

  .enewsInside { padding: 30px; }
  .enewsInside p { font-size: 18px; font-size: 1.8rem; }
  .enewsInside .enewContainer { float: none; width: 100%; }
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    header { /*position: absolute;*/ display: none; }
	main { padding: 0; }
    *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
	a[href]:after {content: "";}
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/*
 ________
|   __|__| 
|  |__   | Coffey
|_____|  | Communications, Inc.
|__|_____|

*/