/* CSS for site buttons */

/*Large Buttons*/


.btn a:link{
    
    text-decoration: none;
    
}

.btn a:visited{
    
    text-decoration: none;
    
}

.lgg{
	
	border: thin solid var(--primary-green) !important;
	text-decoration: none;
	background-color: var(--primary-green) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}



.lgg:hover{
	
	background-color: var(--primary-white) !important;
	color: var(--primary-green) !important;
	
}


.lgg a:link{
    
    color: var(--primary-white) !important;
}

.lgg a:visited{
    
    color: var(--primary-white) !important;
}

.lgg a:hover{
    
    color: var(--primary-green) !important;
}

.rlgg{
	
	border: thin solid var(--primary-green) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-green) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.rlgg:hover{
	background-color: var(--primary-green) !important;
	color: var(--primary-white) !important;
	
	
}


.lgb{
	
	border: thin solid var(--primary-blue) !important;
	text-decoration: none;
	background-color: var(--primary-blue) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}




.lgb:hover{
	
	background-color: var(--primary-white) !important;
	color: var(--primary-blue) !important;
	
}


.lgb a:link{
    
    color: var(--primary-white) !important;
}

.lgb a:visited{
    
    color: var(--primary-white) !important;
}

.lgb a:hover{
    
    color: var(--primary-blue) !important;
}


.rlgb{
	
	border: thin solid var(--primary-blue) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-blue) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.rlgb:hover{
	background-color: var(--primary-blue) !important;
	color: var(--primary-white) !important;
	
	
}

.lgo{
	
	border: thin solid var(--primary-orange) !important;
	text-decoration: none;
	background-color: var(--primary-orange) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.lgo:hover{
	
	background-color: var(--primary-white) !important;
	color: var(--primary-orange) !important;
	border: thin solid #A64500 !important;
}

.lgo a:link{
    
    color: var(--primary-white) !important;
}

.lgo a:visited{
    
    color: var(--primary-white) !important;
}

.lgo a:hover{
    
    color: var(--primary-orange) !important;
}


.rlgo{
	
	border: thin solid var(--primary-orange) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-orange) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.rlgo:hover{
	background-color: var(--primary-orange) !important;
	color: var(--primary-white) !important;
	
	
}


.lgsdb{
	
	border: thin solid var(--secondary-dark-blue) !important;
	text-decoration: none;
	background-color: var(--secondary-dark-blue) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.lgsdb:hover{
	
	background-color: var(--primary-white) !important;
	color: var(--secondary-dark-blue) !important;
	
}

.lgsw{
	
	border: thin solid var(--primary-white) !important;
	text-decoration: none;
	background-color: var(--secondary-dark-blue) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.lgsw:hover{
	
	background-color: var(--primary-white) !important;
	color: var(--secondary-dark-blue) !important;
	
}

.rlgw{
	
	border: thin solid var(--primary-white) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: 1rem 5rem;
	font-size: 1.5rem;
	border-radius: 2rem;
  	
	}

.rlgw:hover{
	background-color: var(--primary-white) !important;
	color: var(--primary-gray) !important;
	
	
}

.form-btn {
    width: 90%;}

.formMain input[type="submit"]{
    
    border-radius: 3rem;
}




/*End Large Buttons*/

/*Small Buttons*/

.smg{
	
	border: thin solid var(--primary-green) !important;
	text-decoration: none;
	background-color: var(--primary-green) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.smg:hover{
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-white) !important;
	
}

.rsmg{
	
	border: thin solid var(--primary-green) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-green) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.rsmg:hover{
	background-color: var(--primary-green) !important;
	color: var(--primary-white) !important;
	
	
}


.smb{
	
	border: thin solid var(--primary-blue) !important;
	text-decoration: none;
	background-color: var(--primary-blue) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.smb:hover{
	
	background-color: transparent !important;
	color: var(--primary-blue) !important;
	
}

.rsmb{
	
	border: thin solid var(--primary-blue) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-blue) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.rsmb:hover{
	background-color: var(--primary-blue) !important;
	color: var(--primary-white) !important;
	
	
}

.smo{
	
	border: thin solid var(--primary-orange) !important;
	text-decoration: none;
	background-color: var(--primary-orange) !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.smo:hover{
	
	background-color: transparent !important;
	color: var(--primary-orange) !important;
	
}

.rsmo{
	
	border: thin solid var(--primary-orange) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-orange) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.rsmo:hover{
	background-color: var(--primary-orange) !important;
	color: var(--primary-white) !important;
	
	
}


.rsmw{
	
	border: thin solid var(--primary-white) !important;
	text-decoration: none;
	background-color: transparent !important;
	color: var(--primary-white) !important;
	width: max-content;
	padding: .5rem 1rem;
	font-size: 1.25rem;
	border-radius: 2rem;
  	
	}

.rsmw:hover{
	background-color: var(--primary-white) !important;
	color: var(--primary-gray) !important;
	
	
}
/*End Small Buttons*/

.button-left{
    
    text-align: left;
}

.button-right{
    
    text-align: right;
}

.button-center{
    
    text-align: center;
}


