@charset "UTF-8";
/* CSS Document */


/*2021 UPDATE*/

.annualmeeting21-highlights-section p.am21-persontitle {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.annualmeeting21-highlights-section p.am21-names {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 7px;
    color: #ffffff;
}


@media (min-width: 992px){
    .container__annual-meeting {
        max-width: 790px;
    }
    .container__registration {
        max-width: 900px !important;
    }
}

.container__intro-section {
    max-width: 1140px;
}

.annualmeeting20-highlights-section img:hover {
    opacity: 0.7;
}

.annualmeeting20-highlights-section img {
    transition: all 0.35s;
    text-decoration: underline;
}
/* ----------------------------------------- HERO ---------------------------------------- */
.annualmeeting20-hero__bg {
    background-color: #002856;
}

.annualmeeting20-hero__cover {
    background-color: #002856;
    background-image: url("https://www.juf.org/Annual-Meeting/img/Annual-Meeting-2021-BG-Desktop-nop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
}

/* ----------------------------------------- HONOREES ---------------------------------------- */

.annualmeeting20-honorees__cover {
    background-color: #002856;
    background-image: url("https://www.juf.org/Annual-Meeting/img/OurHonorees-Background-Desktop.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
}


@media (max-width: 768px) {
    .annualmeeting20-hero__cover {
        clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
    }
}



/* BOOTSTRAP 4 */



/* ----------------------------------------- CONTENT OF PAGE ---------------------------------------- */
.annualmeeting20-content {
	margin-bottom: 60px;
}
@media (max-width: 768px) {
    .annualmeeting20-content {
		margin-bottom: 40px;
	}
}
@media (max-width: 500px) {
    .annualmeeting20-content {
		margin-bottom: 30px;
	}
}




/* ----------------------------------------- HERO ---------------------------------------- */


.annualmeeting20-hero {
	background-color: #002248;
}

.annualmeeting20-hero .container {
	max-width: 834px;
}

@media (max-width: 768px) {
	.annualmeeting20-hero .container {
		padding-right: 0;
		padding-left: 0 !important;
	}
}





/* ----------------------------------------- MAIN TYPOGRAPHY ---------------------------------------- */
.annualmeeting20-content p,
.annualmeeting20-content h1,
.annualmeeting20-content h2,
.annualmeeting20-content h3,
.annualmeeting20-content h4 {
	text-align: center;
}
.annualmeeting20-content a:not(.wp-block-button__link) {
	transition: all 0.25s ease-in-out;
	text-decoration: underline;
}
	.annualmeeting20-content a:link:not(.wp-block-button__link), .annualmeeting20-content a:visited:not(.wp-block-button__link) {
		color: #61BDFF;
	}
	.annualmeeting20-content a:hover:not(.wp-block-button__link), .annualmeeting20-content a:active:not(.wp-block-button__link), .annualmeeting20-content a:focus:not(.wp-block-button__link) {
		color: #0081c9;
		text-decoration: underline;
	}

.annualmeeting20-content hr {
	border-top: solid 2px #A4E101;
	padding: 0 0 0 0;
	margin: 40px 0 30px 0;
}





/* ----------------------------------------- INTRO SECTION ---------------------------------------- */
.annualmeeting20-intro-section {
	padding-top: 36px;
	padding-bottom: 50px;
	background-color: #002855;
}
.annualmeeting20-intro-section p {
	color: #ffffff;
	font-size: 19px;
	line-height: 1.5;
	margin-bottom: 0;
}
.annualmeeting20-intro-section a {
	color: #61BDFF;
/*	font-weight: 700;
	text-decoration: underline;*/
}
.annualmeeting20-intro-section a:hover, .annualmeeting20-intro-section a:focus {
    color: #7ec8fe;
}

.annualmeeting20-intro-section p.am20-date {
	color: #A4E101;
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 0;
}
.annualmeeting20-intro-section p.am20-time {
	color: #A4E101;
	font-weight: 700;
	font-size: 23px;
	margin-bottom: 36px;
}

.annualmeeting20-intro-section p.am20-registerlink {
	/*color: #A4E101;*/
	font-weight: 700;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 36px;
}
.annualmeeting20-intro-section p.am20-registerlink br {
	display: none;
}
.annualmeeting20-intro-section p.am20-moreinfo {
	font-size: 17px;
}
.annualmeeting20-intro-section p.am20-moreinfo span {
	color: #1ba7d9;
}

.annualmeeting20-intro-section .am20-proxysection p {
	margin-bottom: 18px;
	font-weight: 700;
}

@media (max-width: 960px) {
	.annualmeeting20-intro-section {
		padding-top: 26px;
		padding-bottom: 50px;
	}
	.annualmeeting20-intro-section p {
		font-size: 18px;
	}
	.annualmeeting20-intro-section p.am20-date {
		font-size: 25px;
	}
	
	.annualmeeting20-intro-section p.am20-time {
		font-size: 21px;
		margin-bottom: 20px;
	}
}
@media (max-width: 600px) {
	.annualmeeting20-intro-section p.am20-registerlink br {
			display: inline;
		}
}

/* makes anchor tag links go to the top under the navigation DESKTOP is 165 minus 26 */
a.annualmeeting20-anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}
@media (max-width: 767px) {
    a.annualmeeting20-anchor {
		top: -150px;
    }
}
@media (max-width: 420px) {
    a.annualmeeting20-anchor {
		top: -140px;
    }
}



/* VOTE BUTTON */
.annualmeeting20-intro-section .juf-btn, .annualmeeting20-intro-section .pri-btn, .annualmeeting20-intro-section input[type=submit].juf-btn {
	color: #ffffff;
    border: none;
    padding: 11px 38px;
    font-size: 22px;
	font-weight: 400;
    background-color: #0096FF;
	margin-top: 6px;
	margin-bottom: 0;
	transition: all 0.25s ease-in-out;
}

.annualmeeting20-intro-section .juf-btn:hover, .annualmeeting20-intro-section input[type=submit].juf-btn:hover {
    background-color: #0088e7;
}

.annualmeeting20-intro-section a.juf-btn {
    color: #ffffff;
	text-decoration: none;
}



/* ----------------------------------------- HIGHLIGHTS SECTION ---------------------------------------- */
.annualmeeting20-highlights-section {
    background-color: #ecf5fa;
    padding-top: 40px;
    padding-bottom: 40px;
}


/* ---------------------------- HONOREES TYPOGRAPHY ---------------------------- */
.annualmeeting20-content .annualmeeting20-highlights-section p,
.annualmeeting20-content .annualmeeting20-highlights-section h4 {
	color: #002855;
	font-weight: 700;
}

.annualmeeting20-highlights-section h4 {
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin-top: 40px;
	margin-bottom: 15px;
}


.annualmeeting20-content .annualmeeting20-highlights-section hr {
	margin: 0 0 30px 0;
}

.annualmeeting20-highlights-section p {
	font-size: 13px;
	margin-bottom: 0;
}

.annualmeeting20-highlights-section p.am20-names {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 7px;
}

.annualmeeting20-highlights-section a {
	display:block;
	margin-bottom: 20px;
}

.annualmeeting20-highlights-section p.am20-persontitle {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 700;
	color: #0067E6;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.annualmeeting20-highlights-section .am20-chairs p.am20-persontitle {
	margin-top: 10px;
	margin-bottom: 30px;
}

.annualmeeting20-content .annualmeeting20-highlights-section a:link,
.annualmeeting20-content .annualmeeting20-highlights-section a:visited {
    color: #2e4d76;
}
.annualmeeting20-content .annualmeeting20-highlights-section a:hover {
    color: #0067E6;
}

@media (max-width: 450px) {
	.annualmeeting20-highlights-section h4 {
		font-size: 24px;
		letter-spacing: 4px;
	}
}





/* ---------------------------- HONOREES IMAGE AND COLUMN SPACING ADJUSTMENTS ---------------------------- */
.annualmeeting20-honorees {
	margin-top: 0px; 
	margin-left: -30px;
}
.annualmeeting20-highlights-section img {
	display: block;
	width: 133px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
}



@media (max-width: 767px) {
	.annualmeeting20-honorees {
		margin-left: -15px;
	}
	.annualmeeting20-honorees-pair {
		margin-top: 40px;
		padding-left: 25%;
		padding-right: 25%;
	}
	.annualmeeting20-honorees-second {
		margin-top: 40px;
		margin-left: 0;
	}
	.annualmeeting20-honorees-third {
		margin-right: 0;
	}
	.annualmeeting20-honorees-fourth {
		margin-left: 0;
	}
	
}

@media (max-width: 650px) {
	.annualmeeting20-honorees-pair {
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media (max-width: 515px) {
	.annualmeeting20-honorees-pair {
		padding-left: 15px;
		padding-right: 15px;
	}
}






/* ----------------------------------------- REGISTER SECTION ---------------------------------------- */



.annualmeeting20-register-section {
	margin-top: 30px;
	margin-bottom: 0;
}

.annualmeeting20-content .annualmeeting20-register-section p,
.annualmeeting20-content .annualmeeting20-register-section h1,
.annualmeeting20-content .annualmeeting20-register-section h2,
.annualmeeting20-content .annualmeeting20-register-section h3,
.annualmeeting20-content .annualmeeting20-register-section h4 {
	text-align: left;
}

.annualmeeting20-content .annualmeeting20-register-section h2 {
	font-size: 33px;
	color: #002855;
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom: solid 2px #A4E101;
}

.annualmeeting20-content .annualmeeting20-register-section p.annualmeeting20-form-intro {
	font-style: italic;
	font-size: 18px;
	margin-bottom: 50px;
}


@media (max-width: 450px) {
	.annualmeeting20-register-section {
		margin-top: 20px;
	}
	.annualmeeting20-content .annualmeeting20-register-section h2 {
		font-size: 30px;
		padding-bottom: 16px;
		margin-bottom: 20px;
	}

	.annualmeeting20-content .annualmeeting20-register-section p.annualmeeting20-form-intro {
		font-size: 17px;
		margin-bottom: 40px;
	}
}




/* BUTTONS */



.annualmeeting20-btn {
    color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 14px 30px;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    background-color: #0096FF;
    transition: all 0.25s ease-in-out;
}

    .annualmeeting20-btn:hover,
    .annualmeeting20-btn:active {
        color: #FFFFFF;
        background-color: #0081c9;
        outline: none;
    }