/*
 Theme Name:   accesspress-ray child
 Description:  evan1 theme
 Author:       Evan Lavelle
 Template:     accesspress-ray
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  accesspress-ray-child
*/

/* make the 'hr' more obvious */
#primary hr {
    border-top : 1px solid #ccc;
}

.entry-title {
       display:none;
}

.entry-content {
/*       position : relative; */
}

.entry-content h2 {
  color : #3c66b5;
/*  color : #23a38f; */
}

/* theme bug: home page is too narrow */
.home #primary { 
  width : 100%;
}

#idRightColumn {
  display : none;
/* height : 330px;   */
/* overflow : scroll;*/
  overflow : hidden;
/*color : #3c66b5; */
/*color : #23a38f; */
/*text-align : justify;*/
  padding : 20px 15px 10px 15px;
  line-height : 1.5;
  background-color : #f8f8f8;
  margin-bottom : 12px;
  border : 1px solid #c0c0c0;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

#idNewRelease {
    display: flex;
    justify-content : center;
    align-content   : center;
    flex-direction  : column;
    padding-left    : 20px;

/*  display         : table-cell;
    vertical-align  : middle;
*/
    overflow        : hidden;
/*  padding : 20px 15px 10px 15px;
    line-height : 1.5;
*/
  background-color : #f8f8f8;
  border : 1px solid #c0c0c0;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

#idNewRelease p a:hover {
  font-size   : 1em;
  font-weight : normal;
}

.entry-content .wc-shortcodes-column-first { 
/*  width : 28%; */
}

.entry-content .wc-shortcodes-column-last { 
/*  width : 35%; */
}

/**
 * Calendar glyph fixes: the colour is white, which is invisible, and the
 * default 'line-height:1' is not quite right
 */
.btn .glyphicon-calendar {
  color       : #111;
  line-height : inherit;
}

/**
 * The downloads table
 */
.MeetTable td {
    background-color:#e5e5e5;
    vertical-align:middle;
    text-align:left;
    padding:3px 4px 3px 4px;
    /*
    border:1px solid #7f7f7f;
    border-width:0 1px 1px 0;
    font-size:12px;
    font-family : Tahoma;
    font-weight:normal;
    color:#000000;
    white-space:nowrap;
*/
}

.MeetTable caption, thead th {
    background:-o-linear-gradient(bottom, #00b4ff 5%, #008c8c 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00b4ff), color-stop(1, #008c8c) );
    background:-moz-linear-gradient( center top, #00b4ff 5%, #008c8c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b4ff", endColorstr="#008c8c");
    background: -o-linear-gradient(top,#00b4ff,008c8c);
    background-color:#00b4ff;
    border:0px solid #7f7f7f;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
    padding : 4px;
}

/* bootstrap modal */
.modal-header {
  color: #fff;
/* background-color : #428BCA;
   background-color : #23a38f;
   background-color : #155d52; */
   background-color : #0a8a76;
}

/* bootstrap buttons.
 *
 * background-color : #337ab7
 * border-color     : #2e6da4
 * color            : #fff
 *
 * the accesspress-whatever green is #23a3af. With +darkening/-lightening
 * this becomes:
 *
 * + 2% #1e9e8a
 * +10% #0a8a76
 * +20% #00705c
 * -10% #3dbda9
 * -12% #42c2ae
 * -20% #56d6c2
 * -24% #60e0cc
 */
.btn-primary {
  background-color : #23a38f;
  border-color     : #1e9e8a;  /* +2% */
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary.focus, .btn-primary.active, .open >
.dropdown-toggle.btn-primary {
/* background-color: rgba(35, 163, 143, 0.5); */
  background-color : #3dbda9;  /* -10% */
  border-color     : #42c2ae;  /* -12% */
}

.bsWellHeader {
  font-size     : 18px;
  margin        : 20px 15px 10px 15px;
  font-family   : inherit;
  font-weight   : 400;
  line-height   : 1.1;
  color         : inherit;
}

.bsWellBody {
  margin-left  : 15px;
  margin-right : 15px;
  text-align  : justify;
}

/* over-ride the padding in the accesspress-ray rule, which has a !important 
 * on it */
.sidebar ul li {
  padding: 8px 0 2px 16px !important;
}

.menu-loggedin-clubname {
/* font-weight   : 400;
   margin-top    : 6px;
   line-height   : 1.4; */
  color         : #fff;
  background    : #23a38f;
  padding       : 2px 10px;
}

#cf7-form-template-bs3 .row {
  margin-bottom : 10px;
}

#cf7-form-template-bs3 .control-label {
  margin-top : 8px;
}

/* stackoverflow-style inline code (ie. `word`) */
.incode {
    font-family      : monospace;
    white-space      : pre-wrap;
    background-color : #e8e8f8;
    border-radius    : 3px;
    padding          : 0px 2px 0px 2px;
}

.bsWellBody h4 {
    border-bottom    : 1px solid #bbf;
    padding-top      : 10px;
    margin-bottom    : 5px;
}

.bsWellBody h5 {
    font-size        : 16px;
    margin-left      : 15px;
    margin-right     : 15px;
    border-left      : 1px solid #d8d8d8;
    border-bottom    : 1px solid #d8d8d8;
    background-color : #eee;
    padding          : 4px 0px 1px 4px;
}

.bsWellBody p {
    margin-left      : 15px;
    margin-right     : 15px;
}

.bsWellBody ol {
    padding-left     : 15px;
}

.bsWellBody ul {
    padding-left     : 15px;
    padding-right    : 15px;
}

.bsWellBody pre {
    margin-left      : 15px;
}

/* make the 'hr' less obvious */
#idRightColumn hr {
    margin-top    : 10px;
    margin-bottom : 20px;
}

.boxHeader {
    font-weight : bold;
    font-size   : 1.05em;
}

.listIntro {
/*color         : #3c66b5; */
/*font-size     : 1.1em; */
  color         : #606060;
  font-size     : 1.15em;
  text-align    : justify;
  padding-right : 20px;
}

.listHeader { 
/* color     : #3c66b5; */
/*font-size : 1.2em; */
  color     : #337ab7;
  font-size : 1.15em;
}

.listHeader span { 
  cursor : pointer;
}

#listHeader1 span:hover { 
    text-decoration : none;
    font-weight     : bold;
    color           : #4c84c7;
}

.listHeaderStrong {
    font-weight : bold;
    color       : #4c84c7;
}

.listItemStrong {
    font-weight : bold;
    color       : #4c84c7;
    font-size   : 1.03em;
}

.releaseClass {
/*  color           : #3c66b5; */
    color           : #337ab7;
    font-size       : 1.50em;
    text-decoration : none;
    box-sizing      : border-box;
    padding-top     : 10px;
    cursor          : pointer;
}

.releaseClass p:hover {
    transform        : scale(1.02);
    transform-origin : left;
/*  color            : #4c84c7; */
    color            : #1060c0;
}

/* front-page grid: see https://www.codeply.com/p/CSgPjtpCvt */
.fpgridWrapper a {
    text-decoration : none;
    box-sizing      : border-box;
/*  padding-top     : 2px; */
    display         : block;
    cursor          : pointer;
}

.fpgridWrapper a:hover {
    font-size       : 1.03em;
    font-weight     : bold;
    color           : #4c84c7;
}

.fpgridWrapper {
/*  margin-top : 20px; */
    display    : grid;
    gap        : 10px;
    grid-template-columns : repeat(3, calc(100% / 3));
    grid-auto-rows        : minmax(50px, auto);
}

.fpgridOne {
    grid-column : 1 / 3;
    grid-row    : 1 / 5;
}

.fpgridTwo {
    grid-column : 1;
    grid-row    : 5 / 7;
}

.fpgridThree {
    grid-column : 2;
    grid-row    : 5 / 7;
}

.fpgridFour {
    grid-column : 3;
    grid-row    : 2 / 7;
}

.fpgridFour li {
    margin-bottom: 0.3em;
}

.listClass1 li {
    font-size   : 1.05em;
}

.fpgridFour p,
.fpgridFour li
{
    text-align  : justify;
    line-height : 1.5;
    font-size   : 1.05em;
}

.fpgridFive {
    grid-column : 3;
    grid-row    : 1;
}

.fpgridOne p {
    margin-bottom: 0.4em;
}
            
/* a wrapper around an inline image */
.imageWrapper {
    display         : flex;
    justify-content : center;
    align-items     : center;
/*  box-shadow      : 0 0 2px gray; */
    width           : 250px;
    height          : 250px;
    overflow        : hidden;
    margin          : 1em 1em 1em 0.5em;
}

.imageWrapper img {
    border     : 1px solid #a0a0a0;
    max-width  : 100%;
    max-height : 100%;
}

/* Another Stackoverflow-like style for inline code */
.so-inline2 {
    padding          : 2px 3px 2px 3px;
    background-color : #bdc2c257;
    border-radius    : 4px;
/*  color            : #242729; */
    font-family      : Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
}

/* the slider height may go above 488px depending on the image aspect ratio */
.bx-wrapper .bx-viewport {
    max-height : 500px;
}

#id7PaymentLinkForm .row {
    margin-top    : 8px;
    margin-bottom : 8px;
}

/**
 * This is the old Joomla 'pre' style for code, with a new class name
 */
.codeBlock pre {
    border-left: 5px solid #F4A94F;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-family: "Lucida Console", "Courier New", monospace;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
/*  line-height: 1.5; */
    line-height: 1.3;
/*  margin: 5px 0pt 15px;
    padding: 10px 15px; */
    margin: 5px 0pt 8px;
    padding: 5px 5px;
    width: 100%;
    background: #f0f0f0;
}

/* have to turn off block for links in other text */
.fpgridWrapper .fpgridFour a {
    display : inline;
}

/* email landing page */
.emailPage {
    font-size  : 1.05em;
}

.emailTable {
    table-layout : fixed;
    width        : 80%;
    min-width    : 1000px;
    margin       : 0 auto;
}

.emailTable th,
.emailTable td {
    border-style : none;
    padding      : 0.4em;
/*    text-align   : justify; */
}

.emailTable tr :nth-child(1) {
    font-weight : bold;
    width: 15%;
}

.emailPage li {
    margin-bottom : 0.3em;
}

.emailPagePara {
    margin-top    : 0.5em;
    margin-bottom : 0.5em;
    font-weight   : bolder;
    text-align    : justify;
}

/* ---------------------------------- EOF ---------------------------------- */