/**
 * St Michael's Custom — styles
 * Custom CSS for the St Michael's site.
 */

/**/

.wedding-gradient {background:linear-gradient(160deg, #1A0510 0%, #4A0825 35%, #6B0F36 65%, #7A3D52 100%);}

.stm-table thead td {
	background: #F4EDE8;
    text-align: left;
    padding: 12px 16px;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5C4040;
    font-weight: 500;
    border:0 !important;
    vertical-align:middle;
}
.stm-table tbody tr {}
.stm-table tbody td {
	background-color: #fff !important;
    padding: 12px 16px;
    font-size: 13px;
    color: #2E1A18;
    border-width: 0 0 1px !important;
    border-style: solid;
    border-color:#ddddc4;
    vertical-align: top;
    line-height: 1.6;
}
.stm-form input[type="submit"] {
	background-color: #7a3d52 !important;
	text-transform: uppercase !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	letter-spacing: 1px !important;
}
.gform_body .gform_fields {grid-row-gap: 30px !important;}
.stm-form .gform-field-label {
	font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #5C4040 !important;
}


form#formAcym1 {display:flex;}
form#formAcym1 .acym__subscription__form__fields > #field_2 {margin:0 10px 0 0 !important}
body #acym_fulldiv_formAcym1.acym__subscription__form__shortcode {height: auto;width: auto;display: block;padding: 0;margin: 0}
form#formAcym1 input {border-color:#ddd0c4;}
form#formAcym1 .acym__subscription__form__button {margin:0 !important;}
form#formAcym1 .acym__subscription__form__button button
{    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: 1px;
    padding: 11px 28px;
    background-color: #6b0f36;
    border-color: #6b0f36;
}

.stm-give-box {
	border-radius:0 10px 10px 0;
	border-left: 3px solid #BF9B67;
	border-top:1px solid ddddc4;
	border-right:1px solid ddddc4;
	border-bottom:1px solid ddddc4;
}

/* -------------------------------------------------------------------------
 * Menu button items (add the "stm_menu_btn" class to a menu item).
 * Desktop only — renders the menu link as a solid button.
 * WordPress puts the class on the <li>, so we style the <a> inside it;
 * we also cover the case where the class is on the link itself.
 * ---------------------------------------------------------------------- */
@media (min-width: 1025px) {

	.stm_menu_btn > a,
	a.stm_menu_btn {
		display: inline-block;
		padding: 0 22px !important;
		height: 38px;
		line-height: 38px;
		border-radius: 4px;
		background-color: #6B0F36;
		color: #ffffff !important;
		transition: opacity 0.2s ease;
	}

	.stm_menu_btn > a::after,
	a.stm_menu_btn::after {display: none !important;}

	/* Keep text white across menu states (overrides theme link colours). */
	.stm_menu_btn > a:link,
	.stm_menu_btn > a:visited,
	.stm_menu_btn > a:hover,
	.stm_menu_btn > a:focus,
	.stm_menu_btn.current-menu-item > a,
	a.stm_menu_btn:link,
	a.stm_menu_btn:visited,
	a.stm_menu_btn:hover,
	a.stm_menu_btn:focus {
		color: #ffffff;
	}

	.stm_menu_btn > a:hover,
	.stm_menu_btn > a:focus,
	a.stm_menu_btn:hover,
	a.stm_menu_btn:focus {
		opacity: 0.9;
	}
}


h1, h2, h3 {font-weight: 300 !important}
.opacity60 {opacity: 0.6}


/* -------------------------------------------------------------------------
 * Condensed main menu on small desktop / large tablet widths, so the nav
 * still fits on one line before it collapses to the burger at 1024px.
 * ---------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1250px) {

	header ul.elementor-nav-menu > li > a {
		font-size: 10px !important;
		letter-spacing: 0px !important;
		margin: 0 7px !important;
	}
}