 :root {
     --inviteformbackgroundcolor : var(--site-brand);
     
 }

.outerBoxPadding
{
	position : relative;
	
	padding : 20px 57px 20px 57px;
	border : 2px solid var(--site-brand);
	border-radius : 0px;
	z-index : 50;

}


.inlineContactImageDimmer
{
	background-color : rgb(0,0,0,.5);
}


.rounded-image
{
	max-height : 180px;
	border-radius : 90px;
}

.flameColor
{
	color : var(--site-brand);
	opacity : 1;
	padding-top : 10px;
}

.call-invite
{
	display : inline-block;
	font-size : 2.4rem;
	font-weight : 600;
	color : var(--inviteformbackgroundcolor); 
}

.call-to-invite-send-button
{
	font-size : 1.4rem;
	font-weight : 700;

	background-color : var(--site-brand);
    color : black;

    border : none;
    padding : 18px;
    border-radius : 8px;
    margin-top : 10px;
}

.call-to-invite-send-button:hover
{
	font-size : 1.4rem;
	font-weight : 700;
	background-color : #12ad16;
    color : white;    
    cursor : pointer;
    
}

.call-invite-call-to-action
{
	display : inline-block;
	font-size : 2rem;
	font-weight : 600;
	color : var(--site-brand);
	text-shadow : 1px 1px 1px #808080;
	
}


.rightSep
{
	border-right : 2px solid #cfcfcf;
}

.call-invite-intro-text-left-side
{
	color : #575757;
	font-size : 1.4rem;
	font-weight : 700;
	text-align : left;

}

.call-invite-intro-text
{
	display : inline-block;
	color : #ffffff;
	font-size : 1.6rem;
	font-weight : 700;
	text-align : center;
	text-shadow : 2px 2px 2px black;
	padding : 30px 0px;
}

.call-to-invite-block-styling
{
	background-color : white;
    border-radius : 0px;
    margin : 0px 0px 0px 0px;
    padding-bottom : 30px;
}

.call-to-invite-form-styling
{
    border-radius : 0px;
    margin : 0px 0px 0px 0px;
}

.call-to-invite-top-spacer
{
	margin-top : 0px;
}

.call-to-invite-logo
{
    margin-bottom : 20px;
    max-height : 50px;
    border : 5px solid white;
}

.stdInputFormBlockBackground {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}

.stdInputFormBlockBackground.active
{
    display: inline-block;
}


.stdInputFormShortBlockBackground {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color : rgba(0,0,0, .2);
    z-index: 25001;
}

.stdInputFormShortBlockBackground.active
{
    display: inline-block;
}

.stdInputFormMessageBox 
{
    display : none;
    position : fixed;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background : #ffffff;
	box-shadow : 5px 5px 10px 0.9px rgba(0, 0, 0, 0.5);
	border : 1px solid grey;
    margin : 0 auto;
    padding : 30px 30px 30px 30px;
    text-align : center;
    z-index : 25006;
    transition : all .6s;
}
.stdInputFormMessageBox.active
{
    display : inline-block;
}


.stdInputFormShortMessageBox 
{
    display : none;
    position : fixed;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background : #ffffff;
	box-shadow : 5px 5px 10px 0.9px rgba(0, 0, 0, 0.5);
	border : 1px solid grey;
    margin : 0 auto;
    padding : 30px 30px 30px 30px;
    text-align : center;
    z-index : 25006;
    transition : all .6s;
}

.stdFormLinks
{
	color : #ffff80;
}

.stdFormLinks:hover
{
	color : #ffff09;
}

.stdFullInputLine
{
	display : block;
	color : #ffffff;
	font-size : 1rem;
	font-weight : 700;
	text-align : left;
	text-shadow : 2px 2px 2px black;
}





.stdInputFieldLegend {
	display : inline-block;
	width : 100%;
	text-align : right;
	height : 36px;
	color : #ffffff;
	margin : 3px 0px 0px 4px;
	padding : 0px 8px 0px 0px;
	font-size : 1.2rem;
	font-weight : 700;
	text-shadow : 2px 2px 2px black;
	
	
}

.stdInputTextSingleLine, .stdInputTextSingleLineUCASE 
{
	display : inline-block;
	width : 100%;
	height : 36px;
	background-color : #efefef;
	border : 2px solid #e6e6e6;
	outline : none;
	padding : 0px 0px 0px 12px;
	margin : 0px 0px 10px 0px;
	font-size : 14px;
	color : #787878;
	border-radius : 0px;
}


.stdInputTextSingleLineUCASE
{
   text-transform : uppercase;
}

.stdInputTextMultiLine {
	display : inline-block;
	width : 100%;
	height : 100px;
	background-color : #efefef;
	border : 2px solid #e6e6e6;
	margin : 0px;
	padding : 5px 0px 0px 13px;
	font-size : 14px;
	color : #787878;
	resize : none;
	outline : none;	
	vertical-align : center;
	border-radius : 0px;	
}


.stdInputTextMultiLine:focus, .stdInputTextSingleLine:focus, .stdInputTextSingleLineUCASE:focus 
{
   background-color : white;
}


@media only screen and (max-width: 992px) 
{
    .rightSep
    {
	    border-right : none;
    }
    
    .call-to-invite-top-spacer
    {
        padding-top : 40px;
    }
    
    .stdInputFieldLegend
    {
	    text-align : left;
    }
}

@media only screen and (max-width: 576px) {

.stdInputFieldLegend {
	text-align : left;
	margin : 6px 0px 0px 0px;
}

.outerBoxPadding
{
	padding : 15px 15px 15px 15px;
}


}

