/**
 * @package Quasar Template - RocketTheme
 * @version 1.0 September 11, 2011
 * @author RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 *
 * Gantry uses the Joomla Framework (http://www.joomla.org), a GNU/GPLv2 content management system
 *
 */

/* CB blue   #2e64aa */
/* CB yellow #fec92d */

@font-face {
    font-family: cbWalkway;
    src: url(../images/cb/walkwaysemibold.ttf);
  }
@font-face {
    font-family: cbWalkway;
    src: url(../images/cb/walkwaybold.ttf);
    font-weight: bold;
  }
@font-face {
    font-family: cbWalkwayBolder;
    src: url(../images/cb/walkwayultrabold.ttf);
  }
@font-face {
    font-family: cbLato;
    src: url(../images/cb/Lato-Reg.ttf);
  }
@font-face {
    font-family: cbCourgette;
    font-style: normal;
    font-weight: 400;
    src: url(../images/cb/courgette.woff2) format('woff2');
  }

  /* Core */
  body { background: #f2f2f2; color:#666; }
  body.cssstyle-style1 {font-family:cbLato;}
  blockquote { font-family:cbLato; margin:0 6em 0 3em; }
  a:hover { color:#2e64aa; text-decoration:underline; }
  .highlight { color:#2e64aa; }
  h1, h2, h3, h4, h5, .x-panel-header-text {color: #2e64aa; font-family:cbWalkway; margin: 20px 0 10px 0; }

  /* Top */
  #rt-top { url(../images/cb/bluelightbanner.png) center top;}
  #rt-top .search .inputbox {background: url(../images/cb/search-bg.png) 0 0 no-repeat;color: #999;}
  #rt-top .title span {color: #ccc; }

  /* Header */
  #rt-header {
    background:
          url(../images/cb/bluebar1420x5b.png) no-repeat center top,
          url(../images/cb/bluebar1420x46c.png) no-repeat center bottom,
          url(../images/cb/bokeh2.png) no-repeat center top;
  }
  #rt-header .title { height:129px; }
  #rt-header H1 {
    text-transform: lowercase;
    color: rgb(11,78,153);
    font:43pt cbWalkway;
    margin:0 0 -11px 0;
    padding:11px 0 0 0;
  }
  #rt-header H2 {
    content: "Baptist Church";
    text-transform: uppercase;
    color: rgb(18,86,150);
    font:24.9pt cbWalkway;
    margin:0;
    padding:0 0 22px 0;
  }
  #rt-header .rt-alpha {
    font-size:0;
    height:auto;
    line-height:0;
  }
  #rt-header .phone A,#rt-footer .phone A {
      color: #fff;
  }
  #rt-header .phone A:hover,#rt-footer .phone A:hover {
      text-decoration:none;
  }
  #rt-header .phone, #rt-header .nav-icon {
      font: 14pt cbWalkwayBolder;
      color: #fff;
      position: absolute;
      top: 70px;
      left: 810px;
  }
  #rt-header .nav-icon {
      display:none;
  }
  
  /*
  #rt-header2 {background: url(../images/backgrounds/style1/header-div.png) 50% 100% repeat-x;}
  #rt-header3 {background: url(../images/backgrounds/style1/header-div.png) 50% 0 repeat-x;}
  .backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {background: url(../images/backgrounds/style1/header-underlay.png) 50% 0 no-repeat;}
  */
  
  #rt-header .title span {color: #ccc;}

  /* Top Menu */
  #rt-header div.menu {
    background: url(../images/cb/bluesolid1420.png) repeat-y center top;
  }
  #rt-header div.menu div#maximenuck {
    margin-top:0;
    border-bottom:solid 1px rgb(0,82,155);
  }
  #rt-header div.menu .rt-block {
    padding-bottom:0;
  }
  #rt-header div.menu {
    border-bottom:solid 3px rgb(254,201,45);
  }
  #rt-header div.menu div#maximenuck ul.maximenuck {
    height:42px;
  }
  #rt-header div.menu div#maximenuck ul.maximenuck LI.maximenuck.level1 {
    height:35px;
    margin:0;
    border:0;
    border-left: solid 1px rgb(61,121,203);
    border-right: solid 1px rgb(33,71,122);
    padding-top:8px;
  }
  #rt-header div.menu div#maximenuck .active { background:rgb(254,201,45); }
  #rt-header div.menu div#maximenuck .active span { color:black; }
  #rt-header div.menu div#maximenuck li span {
    font-family:cbWalkway;
    font-size:14pt;
  }
  #rt-header div.menu div#maximenuck .active A span {
    color:#000;
    font-weight:bold;
  }
  #rt-header ul.menu li > a, #rt-header ul.menu li > .separator {color: #999;}
  #rt-header ul.menu li.active > a, #rt-header ul.menu li:hover > a, #rt-header ul.menu li.active > .separator, #rt-header ul.menu li:hover > .separator {background: url(../images/menus/style1/menutab-r.png) 100% 0 no-repeat;color: #fff;}
  #rt-header ul.menu li.active > a span, #rt-header ul.menu li:hover > a span, #rt-header ul.menu li.active > .separator span, #rt-header ul.menu li:hover > .separator span {background: url(../images/menus/style1/menutab-l.png) 0 0 no-repeat;}
  #rt-header div#maximenuck ul.maximenuck li div.floatck { background:#fec92d; border-radius:0; border:0; padding:0; }
  #rt-header div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck { background:rgb(224,169,1); margin:0 0 1px 0; width:100%; }
  #rt-header div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck:hover { background:#fec92d; }
  #rt-header div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck A { color:black; font-weight:bold; }
  #rt-header div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck:hover A { color:black !important; }
  
  /* Menu Dropdowns */
  #rt-header li ul {background: #222;border: 1px solid #333;}

  /* Showcase - Jumbotron */
  #rt-showcase {
  background: url(/images/homepage-jumbotron.jpg), url(../images/cb/white1420.png);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
  }
  #rt-showcase .jumbotron .passage { font-family: cbWalkway; color: white; font-size:400%; position:absolute; top:116px; width:100%; text-align:right; line-height:100%; }
  #rt-showcase .jumbotron .verse   { font-family: cbWalkway; color: white; font-size:270%; position:absolute; top:255px; width:100%; text-align:right; }

  /* Showcase - Welcome */
  #rt-showcase .welcome H1 { text-align: center; font-family: cbWalkway; color:#666; }
  #rt-showcase .welcome p { text-align: center; font: 13pt cbWalkwayBolder; color:#666; line-height:150% }
  #rt-showcase .welcome H1:after { content: url(../images/cb/doubledash.png); padding-top:30px; display:block; }
  #rt-showcase .welcome IMG { margin-right:1em; }

  /* Feature */
  #rt-feature .rt-container { /* TODO width:1020px; */ }
  #rt-feature .rt-container .rt-grid-4 { max-width:305px; margin:5px; }
  #rt-feature .rt-container IMG { width:304px; height:171px; }
  #rt-feature { background: url(../images/cb/grey1420.png) repeat-y center top; padding:50px 0; }  
  #rt-feature .module-surround { display: table; }  /* table hack to make title appear below content */
  #rt-feature .module-icon { display:none; }
  #rt-feature .module-title { display: table-footer-group; background:#fff; }
  #rt-feature .module-content { display: table-header-group; }
  #rt-feature .module-title H2 { font-family:cbWalkway; font-weight:bold; font-size:160%; text-align:center; }
  #rt-feature .slide-item-image { border:0; padding:0; }
  #rt-feature .module-content .details { color: #000; position: absolute; width: 304px; top: 140px; text-align: center; background:#fff; visibility:hidden; opacity:0.85; }
  #rt-feature .module-content:hover .details { visibility:visible; }
  
  #rt-main .imgbox { border:solid 1px #eee; }
  #rt-main .imgbox p { margin-bottom: 8px; }
  #rt-main .imgbox img { float:left; margin-right:1em; }
  
  /* Main Body */
  #rt-toptab {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;}
  #rt-toptab .toptab {background: url(../images/body/style1/toptab-r.png) 100% 0 no-repeat;}
  #rt-toptab .toptab2 {background: url(../images/body/style1/toptab-l.png) 0 0 no-repeat;color: #999;}
  .backgroundlevel-high #rt-toptab .shadow, .backgroundlevel-med #rt-toptab .shadow {background: url(../images/backgrounds/style1/showcase-shadow.png) 50% 100% no-repeat;}
  #rt-content-top {background: url(../images/body/style1/body-div.png) 50% 100% repeat-x;}
  #rt-main-surround { min-height:400px; }
  #rt-main-surround { background: url(../images/cb/white1420.png) repeat-y center top;  }
  #rt-main-surround .title span, #rt-main-surround .rt-article-title span {color: #ccc;}
  #rt-main-surround H2.title {
    font-family: cbWalkwayBolder;
    font-size:175%
  }
  #rt-main-surround H2.title:after, .x-panel-header-text:after, #rt-main-surround H1:after {
    content: url(../images/cb/titledash.png);
    padding-left:2px;
  }
  #rt-main-surround H1 {  /* to match page title */
    font:normal 26.25px cbWalkwayBolder;
  }
  #rt-main-surround .readon span, #rt-main-surround .readon .button {color: #999;}
  #rt-main-surround .readon:hover span, #rt-main-surround .readon:hover .button {color: #fff;}
  #form-login ul li a, #com-form-login ul li a, ul.rt-more-articles li a, .rt-section-list ul li a  {background-image: url(../images/body/style1/arrows.png);background-repeat: no-repeat;}
  .tip-wrap {background: #000; border: 1px solid #555; padding: 10px;}

  /* Modules */
  .icon1 .module-icon, .icon2 .module-icon, .icon3 .module-icon, .icon4 .module-icon {background-image: url(../images/body/style1/module-icons.png);background-repeat: no-repeat;}

  /* Side Menu */
  #rt-main-surround #rt-main ul.menu li { border-bottom: solid 1px #ccc; }  
  
  /* Bottom */
  #rt-bottom { background: url(../images/cb/white1420.png) repeat-y center top; }
  #rt-bottom .title {color: #000;}
  #rt-bottom .title span {color: #fff;}
  #rt-bottom .readon span, #rt-bottom .readon .button {color: #597C16;}
  #rt-bottom .readon:hover span, #rt-bottom .readon .button {color: #333;}
  #rt-bottomtab {background: #222;}
  #rt-bottomtab .bottomtab {background: url(../images/body/style1/bottomtab-r.png) 100% 0 no-repeat;}
  #rt-bottomtab .bottomtab2 {background: url(../images/body/style1/bottomtab-l.png) 0 0 no-repeat;color: #fff;}

  /* Footer */
  #rt-footer { /* TODO */ background: url(../images/cb/bluegrid1420.png) repeat-y center top; padding:30px 0; color:#fff; font-family:cbWalkway; }
  #rt-footer H2 { font-family:cbWalkway; color:#fff; margin-top:0; }
  #rt-footer H2:after { content: url(../images/cb/bluedash.png); padding-left:5px;}
  
  #rt-footer .cell { display:table-cell; padding-right:2em; vertical-align:top; }
  #rt-footer #fmap { padding-top:10px; }
  #rt-footer #fchatsbaps { font-family:cbWalkway; color: rgb(204,217,234); }
  #rt-footer #fchatswood { font-size:24pt; padding-top:70px; }
  #rt-footer #fbapchurch { font-size:14.4pt; text-transform: uppercase; }
  #rt-footer LI A { font-size: 15px; line-height: 25.5px; color: white; }
  #rt-footer UL { vertical-align:top; }
  
  #rt-copyright { background: url(../images/cb/bluesolid1420.png) repeat-y center top; padding:25px 0; color:#fff; }
  #rt-copyright p { margin:0; padding:0; font-size:80%; }
  #rt-copyright p.copyright { float:right; }
  #rt-copyright p.footerverse { font-family:cbCourgette; }
  #rocket, #gantry-logo {background: url(../images/body/style1/footer-assets.png) 0 0 no-repeat;}

  /* Typography */
  .readon {background: url(../images/body/style1/readon-r.png) 100% 0 no-repeat;}
  .readon span, .readon .button {background: url(../images/body/style1/readon-l.png) 0 0 no-repeat;color: #999;}
  .readon:hover span, .readon:hover .button {color: #fff;}
  .rt-pagetitle {color: #ccc;}
  #rt-accessibility a.small .button, #rt-accessibility a.large .button, #rt-accessibility a.small:hover .button, #rt-accessibility a.large:hover .button {background-image: url(../images/body/style1/fontsizer.png);background-repeat: no-repeat;}
  .rokradios, .rokchecks, .rokradios-active, .rokchecks-active {background-image: url(../images/body/style1/inputs.png);}
  #rt-breadcrumbs {background: #222;}
  #breadcrumbs-home {background: url(../images/body/style1/typography.png) 0 -23px no-repeat;}
  div.breadcrumbs img {background: url(../images/body/style1/arrows.png) 50% 4px no-repeat;}

  /* Joomla Specific */
  .rt-joomla .icon, .rt-article-icons ul.actions li a {background-image: url(../images/body/style1/typography.png);}
  .rt-pollrow {background: url(../images/body/style1/body-div.png) 50% 100% repeat-x;}
  .rt-joomla .categorylist input {border: 1px solid #555;background: #444;color: #ccc;}
  #rt-main-surround .rt-joomla .inputbox {border: 1px solid #555;background: #444;color: #ccc;}
  .rt-joomla .search_result .phrase legend, .rt-joomla .search_result .only legend {color: #999;}
  .rt-joomla legend {color: #999;}
  .rt-joomla label {color: #999;}
  .rt-joomla-table {color: #999;}
  .rt-joomla th {background: #444;border-bottom: 1px solid #555;}
  .rt-joomla tr.even td {padding: 5px;background: #393939;border-bottom: 1px solid #555;}
  .rt-joomla tr.odd td {padding: 5px;background: #292929;border-bottom: 1px solid #555;}
  #form-login .inputbox, #com-form-login .inputbox, #josForm .inputbox {background: #444;border: 1px solid #555;color: #ccc;}
  .rt-joomla .edit-article fieldset legend {color: #ccc;}
  .rt-joomla .edit-article textarea {background: #444;border: 1px solid #555;color: #ccc;}
  .rt-joomla .edit-article #editor-xtd-buttons a:link, .rt-joomla .edit-article #editor-xtd-buttons a:visited {color: #ccc;}
  .rt-joomla .user {margin-top: 15px;}
  .rt-joomla .user legend {color: #ccc;text-transform: none;margin-top: 15px;}
  .button2-left a, .button2-right a, .button2-left span, .button2-right span {color: #ccc;}
  .button2-left span, .button2-right span {color: #ccc;}
  .button2-left a:hover, .button2-right a:hover {color: #fff !important;}
  .button2-left {background: url(../images/system/dark/j_button2_left.png) no-repeat;color: #ccc;}
  .button2-right {background: url(../images/system/dark/j_button2_right.png) 100% 0 no-repeat;color: #ccc;}
  .button2-left .image {background: url(../images/system/dark/j_button2_image.png) 100% 0 no-repeat;}
  .button2-left .readmore {background: url(../images/system/dark/j_button2_readmore.png) 100% 0 no-repeat;}
  .button2-left .pagebreak {background: url(../images/system/dark/j_button2_pagebreak.png) 100% 0 no-repeat;}
  .button2-left .blank {background: url(../images/system/dark/j_button2_blank.png) 100% 0 no-repeat;}
  body .button2-left .linkmacro {background: url(../images/system/dark/j_button2_rokcandy.png) 100% 0 no-repeat;}
  .button2-left .blank a {color: #ccc;}

  /* RTL */
  body.rtl #rt-top .search .inputbox {background: url(../images/backgrounds/style1/search-bg-rtl.png) 0 0 no-repeat;}
  body.rtl #form-login ul li a, body.rtl #com-form-login ul li a, body.rtl ul.rt-more-articles li a, body.rtl .rt-section-list ul li a  {background-image: url(../images/body/style1/arrows-rtl.png);}
  body.rtl #rt-main-surround ul.menu li a, body.rtl #rt-main-surround ul.menu li .separator, body.rtl #rt-main-surround ul.menu li .item {background: url(../images/body/style1/arrows-rtl.png) 100% 10px no-repeat;}
  body.rtl div.breadcrumbs img {background: url(../images/body/style1/arrows-rtl.png) 50% 4px no-repeat;}
  body.rtl .readon {background: url(../images/body/style1/readon-r-rtl.png) 100% 0 no-repeat;}
  body.rtl .readon span, body.rtl .readon .button {background: url(../images/body/style1/readon-l-rtl.png) 0 0 no-repeat;}


  /* News */
  .aidanews2 .aidanews2_date {
    background:white;
    padding:0;
    display:inline-block;
    max-width:30px;
    margin:9px 12px;
    font:11pt cbWalkway;
  }
  .aidanews2 .aidanews2_date::first-line {
    font:14.5pt cbWalkway;
  }
  .aidanews2 .aidanews2_mainL {
    border:solid 1px #ccc;
    width:55px;
    margin-right:12px;
    text-align:center;
  }
  #rt-main .aidanews2 {
    height:auto;
  }
  #rt-main .aidanews2_line {
    height:10px;
    border-bottom:solid 1px #eee;    
  }
  
/* Roster */
#rt-main .x-panel-header, #rt-main .x-panel-bwrap, #rt-main .x-panel-body { border:0; background:none; }
#rt-main .x-panel-header-text {
  display:block;
  font: 26.25px cbWalkwayBolder;
}

svg circle {
  stroke:#fec92d;
  stroke-width:8px;
}

.contactus-sidebar .module-title { display:none; }

#recaptcha_table.recaptchatable, #recaptcha_table .recaptcha_image_cell { border:0 !important; background:#eee !important; }

/* Elvanto forms */
#rt-mainbody .elvanto-event { height: auto; min-height: 4em; }
.elvanto-row h4 { font-size: 19.5px }

@media (max-width: 500px) {
  * { box-sizing: border-box; }
  html , body { margin-bottom:0; }
  #HLwrapper { display:none; }
  
  body.col12 {
    min-width: 0;
    width:100%;
    max-width:100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .rt-container {
    width:100%;
    max-width:100%;
  }
  #rt-header4 .title { padding-left: 5px; }
  
  /* Mobile header (initially hidden) */
  .menu { display:none; }
  #rt-header4 .menu .rt-block { padding:0; }
  #rt-showcase .jumbotron .passage { font-size:150%; top:20px; padding-right:10px; width:100%; line-height:100%; }
  #rt-showcase .jumbotron .verse   { font-size:100%; top:100px; padding-right:10px; width:100%; }
  body div#rt-showcase { background-size: 100% auto; } 
  body div#rt-showcase div.jumbotron { height:68px; }
  body div#rt-showcase { height: 68px; }
  #rt-header .phone { left: 5px; top:100px; }
  #rt-header .nav-icon { display:block; left:auto; right: 3px; top:95px; border:solid 1px white; padding: 5px; }
  #rt-header {
    background:
          url(../images/cb/bluebar1420x5b.png) no-repeat center top,
          url(../images/cb/bokeh2.png) no-repeat center top;
  }  
  
  /* Mobile footer */
  #rt-footer .cell {
    padding-left:1em;
    margin-bottom:2em;
    padding-right:0;
  }
  #rt-footer .cell {
      width:100%;
      max-width:100%;
  }
  #rt-footer .cell#fchatsbaps { display:none; }
  #rt-footer .display-table , #rt-footer .display-table-row, #rt-footer .cell { display:block; }
  #rt-footer .display-table-row { max-width:100%; }
  #rt-footer A { color:white; }
  #rt-copyright {
    padding: 10px 5px;
  }
  
  /* Mobile main */
  #rt-main .imgbox { border:0; }
  #rt-main .imgbox img { width: 30%; }
  
  #rt-main-surround #rt-main .rt-block { padding: 1em; }
  
  .rt-container .rt-push-3 { left: 0; }
  .rt-container .rt-pull-9 { left: 0; }

  [class*="rt-grid-"] {
    width: 100%;
    max-width:100%;
  }

}