@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,600,700,800,900');

:root {
    --main-brand     : #005f8c;
    --main-brand-t   : rgba(0, 95, 140, .9);
    --dark-main-brand : #006291;
    
    --second-brand : #b90000;  

	--fixedtopbgcolor     : var(--main-brand);  /* headers and footers background */
    --footerbgcolor       : var(--main-brand);
    --footertextcolor     : white;
    
    --maintextcolor       : #ffffff;
    
    --h1-color            : #800080;
    --h2-color            : #800080;
    
    --inviteformbackgroundcolor : #800080;
    
    --mainbgcolor     : white;
    
    --site-radius  : 6px;

    --white-background : white;
}

html {
	font-size: 15px;
}

body {
    background-image : url('/images/backgrounds/bg2sm.png');
    background-attachment: fixed;
    font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	min-width : 360px;
	padding-top : 60px;
	overflow-x : hidden;
	opacity : 1;
    transition : opacity 2s;
    -webkit-transition : opacity 2s;	
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

.top-push {
	display : block;
	width : 1px;
	min-height : 65px;
	height : 65px;
}

.main-brand-text 
{ 
	color : #005f8c;
	color : var(--main-brand); 
}

.dark-main-brand-text 
{ 
	color : #005f8c;
	color : var(--dark-main-brand); 
}

.yellow-brand-text 
{ 
    color : #ffffa4;
	color : var(--yellow-brand);
}

.black-brand-text 
{ 
	color : #808080;
}

.main-brand-background 
{ 
    background-color : #005f8c;
	background-color : var(--main-brand);
}

.yellow-brand-background 
{ 
    background-color : #ffffa4;
	background-color : var(--yellow-brand); 
}

.main-brand-trans-bg { 
	background-color : #005f8c;
	background-color : var(--main-brand-t); 
}

.white-text { color : white; }

.white-background { background-color : white; }

.white-trans-background { background-color : rgba(255,255,255,.88); }

.black-text { color : black; }
.black-background { background-color : black; }

.pale-background { background-color : #f5f7fa; }

.site-hr { 
	border : 1px solid white;
}

.bordered-text-wrapper {
	display : inline-block;
	padding : 40px;
	border-top : 1px solid #e9e9e9;
	height : 100%;
	width : 100%;
	text-align : justify;
	margin-top : 30px;
	border-radius : 3px;
	border-radius : var(--site-radius);
}

.bordered-text-wrapper-heading { 
	display : inline-block;
	font-size : 1.5rem;
	background-color : #b90000;
	background-color : var(--second-brand);
    padding : 10px;
    width : 100%;
    text-align : center;
    margin-bottom : 40px;
    font-weight : 600;
    border-radius : 3px;
    border-radius : var(--site-radius);
}

.bordered-text-wrapper-smaller {
	margin-top : 70px;
	height : 90%;
}

.standard-panel-wrapper
{
	padding : 10px 10px 10px 10px;
	border-radius : 3px;
	border-radius : var(--site-radius);
    background-color : #005f8c;
	background-color : var(--main-brand);
}


.white-text-shadow 
{
	text-shadow: 1px 1px #c0c0c0;
}

.general-image-wrapper {
	border-radius : 3px;
	border-radius : var(--site-radius);
}

.tick-styling {
	margin-right : 20px;
	min-height : 30px;
}


UL { list-style : none; }

HR { color : #ff0080;}

.h1-styling {
    font-size : 1.2rem;
    font-weight : bold;
    color : #800080;
    color : var(--h1-color);
	margin : 0;
	padding : 0;
}

.hflow {
    font-size : 1.2rem;
    font-weight : bold;
    color : #800080;
    color : var(--h1-color);
	margin : 0;
	padding : 0;
}

.h2-styling {
	font-size : 1.6rem;
    font-weight : bold;
    color : #800080;
    color : var(--h2-color);
	margin : 0;
	padding : 0;
    text-align : center;
}

.map-background {
    background-image: url('not applied');
    background-size : 100vw 100vh;
}

.mclick
{
	font-size : .9rem;
	padding : 7px 4px 7px 4px;
    color : white;
    font-weight : 500;
    background-color : #008cbb;
    border-radius : var(--site-radius);
}

.mclick:hover 
{
    background-color : #00ae00;
    color : white;
	cursor : pointer;
}

a, a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}

.index-3-main-images {
	max-height : 150px;
}

.index-3-main-titles {
	display : block;
    font-size : 1.2rem;
    font-weight : 800;
    color : #005f8c;
    color : var(--main-brand);
    margin-top : 20px;
    border : 1px solid #005f8c;
    border : 1px solid var(--main-brand);
    border-radius : 3px;
    border-radius : var(--site-radius);
    background-color : white;
}

.index-symbols-wrapper {
	display : inline-block;
	width : 100%;
	background-color : white;
	border-radius : 3px;
	border-radius : var(--site-radius);
}

.mheight-100 {
	display : inline-block;
	height : 100%;
}

.tiny-text {
	display : inline-block;
	font-size : .8rem;
	font-weight : 300;
}

.base-text {
	display : inline-block;
	font-size : 1rem;
	font-weight : 300;
	line-height : 1.6rem;
}

.medium-text {
	display : inline-block;
	font-size : 1.1rem;
	font-weight : 300;
	margin-bottom : 30px;
}

.no-margin-bottom {
	margin-bottom : 0px;
}

.large-text, .large-text-no-mb {
	display : inline-block;
	font-size : 1.2rem;
	font-weight : 300;
	margin-bottom : 30px;
}

.large-text-no-mb {
   margin-bottom : 0px;	
}


.ultra-large-text {
	display : inline-block;
	font-size : 1.6rem;
	font-weight : 700;
	margin-bottom : 30px;
}

.bold-text
{
	font-weight : 500;
}

.heavy-bold-text
{
	font-weight : 700;
}

.width-push {
	display : block;
	width : 95%;
	margin : 0 auto;
	margin-bottom : 30px;
	padding : 10px 10px 10px 10px;
}

.no-border {
	border : none;
	border-radius : 0;
}

.box-shadow {
    -webkit-box-shadow: 3px 3px 7px -1px #000000;
    -moz-box-shadow: 3px 3px 7px -1px #000000;
    box-shadow: 3px 3px 7px -1px #000000;
}

.mouse-pointer:hover {cursor : pointer}

.site-fixed-top {
  position: fixed;
  position: -webkit-fixed;
  top: 0;
  left: 0;
  width : 100%;
  min-width : 220px;  
  z-index : 100;
  background : white;
  vertical-align : bottom;
}

.site-fixed-top-menu-area-wrapper {
	display : inline-block;
	width : 100%;
	background-color : #005f8c;
	background-color : var(--fixedtopbgcolor);
}

.site-fixed-top-menu-area {
    float : right;
	display : block;
    vertical-align : bottom;
}

.site-fixed-top-logo-area {
	display : inline-block;
	position : absolute;
	top :0;
	left :0;
}


.site-logo {
    margin : 5px 5px 5px 5px;
    max-height : 130px;
}

.site-logo-in-footer {
    margin : 0px;
    max-height : 150px;
}


.site-radius {
	border-radius : 3px;
	border-radius : var(--site-radius);
}



.fileswarn
{
	display : inline-block;
	font-size : .9rem;
	line-height : .9rem;
	color : #405cbf;
}


.fflogo { cursor : pointer; max-height : 50px; border-radius : 20px;}
.ff-link-text { color : white; }
.ff-link-text:hover { color : yellow; }

.site-no-lr-margin {
	width : 100%;
	padding-left: 0;
  	padding-right: 0;
}

.site-no-padding {
	padding-left: 0;
  	padding-right: 0;
}

.site-no-margin {
	margin-left: 0;
  	margin-right: 0;
}

.site-full-row {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	background : #ffffff;
}

.site-full-col {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	background : #ffffff;
}

p {
	margin : 0;
	padding : 0;
}

.site-social {

}


.site-social-icon-wrapper
{
	border : 5px solid white;
	border-radius : 40px;
	background : white;
}

.site-footer-background
{
	text-align : center;
	padding : 50px 30px 50px 30px;
	background : #005f8c;
	background : var(--footerbgcolor);
	margin : 120px 0px 30px 0px;
}

.site-footer-type-large
{
	font-size : .9rem;
	color : white;
	color : var(--footertextcolor);
}

.site-footer-type-small
{
	font-size : .9rem;
	color : white;
	color : var(--footertextcolor);
}

.listing-line-item
{
	display : block;
	word-wrap : break-word;
	overflow : hidden;
	font-size : .9rem;
}

.listing-line-item-right
{
	display : block;
	word-wrap : break-word;
	overflow : hidden;
    text-align : right;
}

.order-line-pdf-icon-color
{
	color : red;
}

.order-line-doc-icon-color
{
	color : #c0c0c0;
}

.order-line-img-icon-color
{
	color : #008040;
}


.order-headers-listing-row-wrapper
{
	padding-top : 1px;
	padding-bottom : 1px;
    background-color : white;
    border-bottom : 1px solid #e4e4e4;
    overflow : hidden;
    min-height : 32px;
}




.order-show-header-item
{
	display : inline-block;
	overflow : hidden;
}


.order-show-header-item-date
{
	display : inline-block;
	overflow : hidden;
}

.order-show-background-block
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);;
    z-index: 25001;
}




.cust-show-wrapper {
    display : block;
    visibility : hidden;
    opacity : 0;
    width : 0%;
    position : fixed;
    top : 45%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background-color : #005f8c;
    background-color : var(--main-brand);
    color : white;
    margin : 0 auto;
    z-index : 25002;
    overflow : hidden;
    border-radius : 3px;
    border-radius : var(--site-radius);
    padding : 20px;
    transition : all .2s ease-out;
}

.cust-show-inner
{
    max-height : 400px;
    overflow-y : scroll;
    overflow-x : hidden;
    padding    : 5px;
}


.cust-show-header-item
{
	display : inline-block;
	overflow : hidden;
}


.cust-show-header-item-date
{
	display : inline-block;
	overflow : hidden;
}

.cust-show-background-block
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);;
    z-index: 25001;
}




.order-show-wrapper {
    display : block;
    visibility : hidden;
    opacity : 0;
    width : 0%;
    position : fixed;
    top : 45%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background-color : #005f8c;
    background-color : var(--main-brand);
    color : white;
    margin : 0 auto;
    z-index : 25002;
    overflow : hidden;
    border-radius : 3px;
    border-radius : var(--site-radius);
    padding : 20px;
    transition : all .2s ease-out;
}

.order-show-inner
{
    max-height : 400px;
    overflow-y : scroll;
    overflow-x : hidden;
    padding    : 5px;
}



.cust-listing-row-wrapper
{
	padding-top : 1px;
	padding-bottom : 1px;
    background-color : white;
    border-bottom : 1px solid #e4e4e4;
    overflow : hidden;
    min-height : 32px;
}

.cust-listing-line-item
{
	display : block;
	word-wrap : break-word;
	overflow : hidden;
	font-size : .9rem;
}


.stretchwin
{
    visibility : visible;
	width : 90%;
	opacity : 1;
}

.fadewin 
{
	opacity : 0;
	width : 0%;
	visibility : hidden;
}

.border-divider-bottom
{
	border-bottom : 1px solid #808080;
}



.filter-button-active 
{
    background-color : #008080;
}



.button-spinner-custom 
{
	display : none;
	color : white;
}

.button-spinner-custom.shown
{
	display : inline-block;
}


.form-area-blocker
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
  z-index: +1; /* Ensure it's above all other child elements */
  pointer-events: none; /* Optional: allow interaction with elements underneath */
}

.join-form-background
{
	background-color : none;
    background-image : url('/images/backgrounds/join-background.jpg');
    border-radius : 3px;
    border-radius : var(--site-radius);
}


.login-form-background
{
	background-color : none;
    background-image : url('/images/backgrounds/login-background.jpg');
    border-radius : 3px;
    border-radius : var(--site-radius);
}


.place-order-background
{
	background-color : none;
    background-image : url('/images/backgrounds/place-order-background.jpg');
    border-radius : 3px;
    border-radius : var(--site-radius);
}

.order-form-entry-wrapper {

	padding-right : 15px;
	padding-left : 15px;
	padding-bottom : 15px;
	background-color : #005f8c;
	background-color : var(--main-brand);
	border-radius : 3px;
    border-radius : var(--site-radius);
}

.order-form-filename {
    display : inline-block;
	color : white;
	overflow : hidden;
	font-size : 1rem;
	margin-top : 3px;
}

.order-form-filename-wrapper
{
	display : inline-block;
	padding : 1px 0px 5px 0px;
	margin : 1px 0px 3px 0px;
}

.order-form-cart-wrapper {
	padding : 30px;
	background-color : #005f8c;
	background-color : var(--main-brand);
	border-radius : 3px;
    border-radius : var(--site-radius);
}

.order-form-cart-row-wrapper {
	padding-top : 10px;
	padding-bottom : 10px;
    background-color : white;
    border-bottom : 1px solid #e4e4e4;
}

.cart-panel-styling
{
	background-color : #005f8c;
	background-color : var(--main-brand);
	border-radius : 0;
	margin-top : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	border-bottom : 1px solid #c0c0c0;
}

.cart-panel-radio-grouping
{
    margin-left : 1px;
    margin-right : 1px;
    margin-bottom : 3px;
	background-color : #006591;
	border-bottom : 3px solid #005f8c;
	border-bottom : 3px solid var(--main-brand);
    border-radius : 3px;
	border-radius : var(--site-radius);
}

.redtext { font-size : .8rem; color : #ff5151;}
.greentext { font-size : .8rem; color : #00b000;}


.paypal-logo
{
	padding : 15px 15px 15px 15px; 
	border-radius : 3px;
	border-radius : var(--site-radius);
}


.pdf-wrapper
{
	width : 100%; 
	border : none;
    height : 2200px;
}

@media (max-width: 1500px) 
{
    .width-push
    {
        max-width : 1920px;
	    width : 95%;
    }
}


@media only screen and (max-width: 1300px) 
{


}


@media only screen and (max-width: 992px) 
{


}


@media only screen and (max-width: 768px) 
{

    h2 {
	    font-size : 1rem;
    }

    .index-3-main-titles {
        font-size : .8rem;
    }

}


@media only screen and (max-width: 576px) {
	

}