@page { size: A4; margin: 2cm }
div.printerpage { page-break-after: always; }

@media print { 
    .no-print { display:none; }
    html, body { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; }
}

html, body {width:100%; overflow-x:hidden;}
body {background-image: url('/assets/images/parch.jpg');}
.indented { margin-left:20px !important; }
.nonref {cursor: pointer; }
.nonref:hover {text-decoration:underline; cursor: pointer; }
.linkImg {cursor: pointer;}
.email_link{color:#337ab7; cursor: pointer; display: inline;}
.email_link:hover{color:#337ab7; text-decoration:underline; cursor: pointer; display: inline;}


/* ---------------------------------------------------- */
/* Custom Font Styles */

@font-face {
    font-family: GreekText;
    src: url('/assets/font/GRECOromanLubedWrestling.ttf') format("truetype");
}

@font-face {
	font-family: 'Chancery';
	src:url('/assets/font/Chancery.ttf') format('truetype');
	font-weight:normal;
	font-style:normal
}

.greek-text { font-family:"GreekText" !important; }

.title { 
    font-family:"GreekText" !important; 
    font-size: 30px; 
}

.heading {
    font-family: 'Chancery';
    font-size: 18pt;
    font-weight: 500;
    /*font-family: 'Lobster Two';*/
    /*font-size: 24pt;*/
    /*font-weight: 700;*/
}

.special {
    font-family: 'Handwriting','Great Vibes','AsLongAsYouLoveMe';
    font-size: 12pt;
}

.normal {
    /*font-family: 'Montez','Black Chancery';*/ 
    font-size: 13pt;
}

.nostyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/* ---------------------------------------------------- */
/* Use an Image as a Radio button or Checkbox */
.apple-pwa-alert{
    position: fixed;
    width: 90%;
    bottom: 15px;
    left: 10px;
    border: #666 solid 1px;
    border-radius: 15px;
    background-color: #ddd;
    color: #002166;
    padding: 10px;
    display: none;
    z-index: 999999999999999999;
}
.apple-pwa-alert:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-top: 15px solid #666;
    border-top-color: #ddd; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent; 
    z-index: 999999999999999999;
}
.android-pwa-alert{
    position: fixed;
    width: 90%;
    top: 15px;
    left: 10px;
    border: #2b542c solid 1px;
    border-radius: 15px 0px 15px 15px;
    background-color: #5cb85c;
    color: white;
    padding: 10px;
    display: none;
}

label > input { /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img { /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}

#toTop{
	position: fixed;
	bottom: 95px;
	right: 25px;
	cursor: pointer;
	display: none;
        background-color:#E6E6FA !important;
        border-color:purple !important;
        border-radius: 50px !important;
        z-index: 1000;
}
#toTop .fa {margin-right: 5px;}

/* ---------------------------------------------------- */
/* BOOTSTRAP OVERRIDES */

.jumbotron {background-color: #E6E6FA !important;}
.panel-default > .panel-heading {background-color: #E6E6FA !important;}
.panel-neutral > .panel-heading {background-color: #F3F3F3 !important;}
.alert-neutral {color: #777777 !important; background-color: #F3F3F3 !important; border-color: #909090 !important;}
.menu-neutral {color: #777777 !important; background-color: #F3F3F3 !important; border-color: #909090 !important; font-size: 14pt; font-style: bold; text-align: right; }
.menu-neutral:hover {color: #777777 !important; background-color: #C0C0C0 !important; border-color: #909090 !important; font-size: 14pt; font-style: bold; text-align: right;}
.btn-lav {color: #000000; background-color: #E6E6FA !important; border-color: purple !important;}
.row { margin-bottom: 15px; }
.panel-amethyst{border-color:#dda0a9}
.panel-amethyst>.panel-heading{color:black;background-color:#ffc0cb;border-color:#dda0a9}
.panel-amethyst>.panel-heading+.panel-collapse>.panel-body{border-top-color:#dda0a9}
.panel-amethyst>.panel-heading .badge{color:black;background-color:#dda0a9}
.panel-amethyst>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#dda0a9}
/* ---------------------------------------------------- */
/* responsive text alignment; not included in bootstrap */

.text-left-xs, .text-left-sm, .text-left-md, .text-left-lg {text-align: left;}
.text-center-xs, .text-center-sm, .text-center-md, .text-center-lg {text-align: center;}
.text-right-xs, .text-right-sm, .text-right-md, .text-right-lg {text-align: right;}
.text-justify-xs, .text-justify-sm, .text-justify-md, .text-justify-lg {text-align: justify;}
@media (max-width: 767px) {
    .text-left-xs, .text-center-xs, .text-right-xs, .text-justify-xs {text-align: inherit;}
    .text-left-xs {text-align: left;}
    .text-center-xs {text-align: center;}
    .text-right-xs {text-align: right;}
    .text-justify-xs {text-align: justify;}
    .mobile-left {float: left !important; width: 100%;}
    .btn-mobile-full {position: relative; width: 100%;}
	.pull-right-xs { float: right; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm, .text-center-sm, .text-right-sm, .text-justify-sm {text-align: inherit;}
    .text-left-sm {text-align: left;}
    .text-center-sm {text-align: center;}
    .text-right-sm {text-align: right;}
    .text-justify-sm {text-align: justify;}
    .pull-right-sm { float: right; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md, .text-center-md, .text-right-md, .text-justify-md {text-align: inherit;}
    .text-left-md {text-align: left;}
    .text-center-md {text-align: center;}
    .text-right-md {text-align: right;}
    .text-justify-md {text-align: justify;}
    .pull-right-md { float: right; }
}
@media (min-width: 1200px) {
    .text-left-lg, .text-center-lg, .text-right-lg, .text-justify-lg {text-align: inherit;}
    .text-left-lg {text-align: left;}
    .text-center-lg {text-align: center;}
    .text-right-lg {text-align: right;}
    .text-justify-lg {text-align: justify;}
    .pull-right-lg { float: right; }
}