/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/**********************************************************/

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}



.guideContainerNode .mobileLayout {
    display: none !important;
}

.afCheckBoxItem {
    width: 100%;
}

.guideWidgetLabel.right label,
.guideWidgetLabel.left label {
    line-height: 24px;
}

.guideContainerNode .red {
    color: #E21121;
}

.guideContainerNode .bold {
    font-weight: bold;
}

@media only screen and (min-width : 200px) {}

@media only screen and (min-width : 320px) {}

@media only screen and (max-width : 768px) {
    .afToolbarButton .guidebutton button .iconButton-icon {
        display: none!important;
    }
    .afToolbarButton .guidebutton button .iconButton-label {
        display: block!important;
    }
    .afToolbarButton .guidebutton button.submit {
        margin-right: 0!important;
    }
}

@media only screen and (min-width : 769px) {}

@media only screen and (min-width : 1200px) {}
	
@media only screen and (min-width : 1600px) {}

/* Begin additional custom CSS */

/* CUSTOM CSS TO ALTER HOMEPAGE BUTTONS */
.rightHomeButtons.button,
.rightHomeButtons.cmp-button {
	background: #3669a4 !important;
	color: #FFFFFF !important;
	display: block !important;
	width: 93% !important;
	height: 97px !important;
	text-align: center !important;
	margin: 0 15px 2px 15px !important;
	align-content: center;
}
.rightHomeButtons:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	background: #5994cc !important;
}
.leftHomeButtons.button,
.leftHomeButtons.cmp-button {
	background: #3669a4 !important;
	color: #FFFFFF !important;
	display: block !important;
	width: 93% !important;
	height: 130px !important;
	text-align: center !important;
	margin: 0 15px 2px 15px !important;
	padding: px !important;
	align-content: center;
}
.leftHomeButtons:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	background: #5994cc !important;
}
.vendorButtons.button,
.vendorButtons.cmp-button {
	background: #3669a4 !important;
	color: #FFFFFF !important;
	display: block !important;
	width: 60% !important;
	height: 100px !important;
	text-align: center !important;
	margin: 0 15px 50px 15px !important;
	align-content: center;
	/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}
.vendorButtons:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	background: #5994cc !important;
}
.ipgButtons.button,
.ipgButtons.cmp-button {
	background: #3669a4 !important;
	color: #FFFFFF !important;
	display: block !important;
	width: 60% !important;
	height: 100px !important;
	text-align: center !important;
	font-size: 24px;
	border-radius: 50px;
	align-content: center !important;
}
.ipgButtons:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	background: #5994cc !important;
}