/*@import url('https://publicdev.rjf.com/branches/_custom_dev/vanilla-dev/digitallandingpages/model4/gold.css');*/

/*
==============================================
Digital Ad Landing Page logo
==============================================
*/
.body-digital-landing-page .digital-ad-landing-logo {
min-height: 100px;
display: block;
position: relative;
/* border: 3px solid red; */
left: 0;
right: 0;
}
.body-digital-landing-page .digital-ad-landing-logo .ftr-logo-wrapper {
/* border: 3px solid blue; */
left: 0;
right: 0;
}
.body-digital-landing-page .digital-ad-landing-logo .ftr-group-name {
 color: var(--white);
 letter-spacing: 2px;
 font-size: 20px;
}

/*
==============================================
Digital Ad Landing Page Header
==============================================
*/
.body-digital-landing-page .digital-ad-landing-header-section {
background-color: var(--gray-light);
}
.body-digital-landing-page .digital-ad-landing-header-content {
padding: 50px 25px;
}
.body-digital-landing-page .digital-ad-landing-header-content .digital-ad-landing-header h1 {
text-align: left;
font-family: var(--font-3);
font-weight: 400;
font-size: 35px;
line-height: 35px;
color: var(--dark);
margin-bottom: 0px;
max-width: 80%;
text-transform: none;
animation-duration: 2s;
animation-name: slideInUpSmall;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.body-digital-landing-page .digital-ad-landing-header h1 strong {
font-weight: 800;
}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 810px) {

.body-digital-landing-page .digital-ad-landing-header-content {
padding: 50px 25px;
}
.body-digital-landing-page .digital-ad-landing-header-content .digital-ad-landing-header h1 {
font-size: 28px;
line-height: normal;
max-width: none;
}

}

/*
==============================================
Digital Ad Landing Page Form
==============================================
*/
.body-digital-landing-page .digital-ad-landing-intro-section, .body-digital-landing-page .digital-ad-landing-component-section {
background: var(--white);
border-top: 4px solid var(--light);
}
.body-digital-landing-page .digital-ad-landing-intro-section {
padding: 25px 0px;
}
.body-digital-landing-page .digital-ad-landing-intro-contact h2 {
text-align: left;
font-family: var(--font-2);
font-weight: 400;
font-size: 28px;
color: var(--white);
margin: 0px 0px 25px 0px;
text-transform: none;
}
.body-digital-landing-page .digital-ad-landing-intro-contact form p {
font-size: 14px;
line-height: normal;
}
.body-digital-landing-page .digital-ad-landing-intro-contact {
line-height: normal;
background: var(--gray-dark);
padding: 15px 25px 25px 25px;
margin-bottom: 20px;
overflow: auto;
}
.body-digital-landing-page .digital-ad-landing-page-whitepaperimg {
float: right;
padding: 0px 0px 20px 20px;
}
.body-digital-landing-page .digital-ad-landing-intro-contact p {
color: var(--white);
font-size: 15px;
line-height: 21px;
}
.body-digital-landing-page .contact-form {
margin-bottom: 0px;
padding: 0px;
}
.body-digital-landing-page .contact-form .form-inline .captcha {
background: none;
}
.body-digital-landing-page .simple-form input:not([type="submit"]), .body-digital-landing-page .simple-form textarea {
padding: 5px 10px;
border: none;
min-height: 36px;
margin-bottom: 10px;
}
.body-digital-landing-page .simple-form label {
color: var(--white);
font-size: 14px;
font-weight: normal;
}
.body-digital-landing-page .digital-ad-landing-intro-contact .simple-form input[type="submit"] {
border: 2px solid var(--light);
margin: 15px 0px 0px 0px;
color: var(--white);
background: transparent;
float: right;
display: block;
position: relative;
height: auto;
transition: all 400ms ease;
}
.body-digital-landing-page .digital-ad-landing-intro-contact .simple-form input[type="submit"]:hover {
border: 2px solid var(--black);
background: var(--black);
color: var(--white);
}
.body-digital-landing-page .digital-ad-landing-intro-contact a {
color: var(--white);
text-decoration: underline;
}
.body-digital-landing-page .digital-ad-landing-intro-contact a:hover {
color: var(--white);
}
.body-digital-landing-page .simple-form .validation-summary-errors {
color: var(--white);
}
.body-digital-landing-page .simple-form .field-validation-error {
color: var(--light);
}
.body-digital-landing-page .g-recaptcha {
color: var(--white);
font-size: 11px;
line-height: 12px;
margin-top: 20px;
}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 810px) {

.body-digital-landing-page .digital-ad-landing-intro-contact h2 {
text-align: left;
font-family: var(--font-2);
font-weight: 400;
font-size: 24px;
color: var(--white);
margin-bottom: 25px;
}
.body-digital-landing-page .digital-ad-landing-intro-text {
padding: 0px 15px 25px 15px;
}

}
@media only screen and (max-width: 430px) {

.body-digital-landing-page .digital-ad-landing-intro-contact-section {
padding: 10px;
}

}

/*
==============================================
Digital Ad Landing Page Intro Copy
==============================================
*/
.body-digital-landing-page .digital-ad-landing-intro-content {
padding: 10px;
}
.body-digital-landing-page .digital-ad-landing-intro-text .image-container {
padding: 0px;
}
.body-digital-landing-page .digital-ad-landing-intro-text a {
color: var(--dark) !important;
text-decoration: underline;
}
.body-digital-landing-page .digital-ad-landing-intro-text h3 {
text-align: left;
font-family: var(--font-3);
font-weight: 400;
font-size: 28px;
line-height: 34px;
color: var(--dark);
margin-bottom: 25px;
text-transform: none;
font-weight: 600;
}
.body-digital-landing-page .digital-ad-landing-intro-text p {
line-height: normal;
}
.body-digital-landing-page .image-container {
padding: 25px 0px;
}
.body-digital-landing-page .image-container img {
max-width: 100%;
max-height: 300px;
}

@media only screen and (max-width: 430px) {

.body-digital-landing-page .image-container img {
width: 100%;
max-height: 300px;
}

}

/*
==============================================
Digital Ad Landing Page Callouts
==============================================
*/
.body-digital-landing-page .callout-item .head-1 {
color: var(--dark);
font-family: var(--font-2);
}
.body-digital-landing-page .callout-item p {
color: var(--gray-dark);
}
.body-digital-landing-page .callout-link {
cursor: default;
}
.body-digital-landing-page .callouts-version-1 .slick-prev {
left: 0px;
}
.body-digital-landing-page .callouts-version-1 .slick-next {
right: 0px;
}
.body-digital-landing-page .callouts-version-1 .slick-prev:before, .slick-next:before {
color: var(--gray-dark);
}

/*
==============================================
Digital Ad Landing Page Yearbook
==============================================
*/
.body-digital-landing-page .slick-dots {
bottom: 0px;
}
.body-digital-landing-page .yearbook-three .yearbook-first-name,
.body-digital-landing-page .yearbook-three .yearbook-last-name {
color: var(--dark);
font-family: var(--font-1);
}
.body-digital-landing-page .yearbook-three .yearbook-title,
.body-digital-landing-page .yearbook-three .yearbook-designation {
color: var(--dark);
font-family: var(--font-2);
}
.body-digital-landing-page .yearbook-three .yearbook-links-as-icon, 
.body-digital-landing-page .yearbook-three .yearbook-links .fa {
color: var(--dark);
}
.body-digital-landing-page .yearbook-three .yearbook-hr {
background-color: var(gray-light);
}
.body-digital-landing-page .yearbook-three h1 {
display: none;
}


/*
==============================================
Digital Ad Landing Page Quote
==============================================
*/
.body-digital-landing-page .quote-wrapper {
text-align: center;
padding: 50px;
position: relative;
}
.body-digital-landing-page .quote-wrapper .quote-hr {
margin: 0 auto;
width: 100%;
border: 1px solid var(--gray-light);
}
.body-digital-landing-page .quote-wrapper .quote {
text-align: center;
font-family: var(--font-1);
font-weight: 600;
font-size: 24px;
line-height: normal;
color: var(--dark);
text-transform: none;
margin: 0 auto;
padding: 25px;
max-width: 720px;
width: 100%;
}
.body-digital-landing-page .quote-wrapper .quote-cite {
color: var(--gray-dark);
font-family: var(--font-2);
font-weight: 400;
font-size: 16px;
}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 810px) {

.body-digital-landing-page .yearbook-three .yearbook-headshot-wrapper::after {
background-color: transparent !important;
}
.body-digital-landing-page .callouts-container .callout-item {
width: calc(100% - 20px);
}

}



/*
==============================================
Digital Ad Landing Page Buttons
==============================================
*/
.body-digital-landing-page .digital-ad-landing-intro-text button {
margin: 10px 0px;
font-family: var(--font-2);
font-size: 14px;
color: var(--dark);
letter-spacing: 1px;
font-weight: 400;
display: inline-block;
padding: 0px 25px 0px;
background: none;
border-radius: 25px;
text-transform: uppercase;
-webkit-transition: all 400ms ease;
border: 2px solid var(--light);
transition: all 400ms ease;
}
.body-digital-landing-page .digital-ad-landing-intro-text button:hover {
color: var(--white);
background: var(--dark);
border: 2px solid var(--dark);
}


/*
==============================================
Digital Ad Landing Page Footer Section
==============================================
*/
.body-digital-landing-page .footer-section {
border-top: 3px solid var(--light);
}
.body-digital-landing-page .footer-cta-contact-section {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 25px 70px 45px 70px;
}
.body-digital-landing-page .footer-section .footer-contact-logo {
width: 100%;
text-align: center;
margin-top: inherit;
animation-delay: 1s;
position: relative;
bottom: inherit;
right: 0px;
display: block;
float: none;
}
.body-digital-landing-page .footer-social-section, .body-digital-landing-page .footer-cta {
display: none !important;
}
.body-digital-landing-page .footer-section .footer-contact-section {
padding-top: 50px;
}
.body-digital-landing-page .footer-section .ftr-nap .ftr-nap-address:before, .footer-section .ftr-nap-name {
display: none !important;
}
.body-digital-landing-page .footer-section .footer-contact-info {
width: 100% !important;
margin: 0 auto;
text-align: center;
}
.body-digital-landing-page .footer-section .footer-contact-info .ftr-nap {
text-align: center;
padding: 0px;
}
.body-digital-landing-page .social-container {
text-align: center;
}
.body-digital-landing-page .footer-social-section {
border-bottom: 1px solid var(--medium);
border-top: 3px solid  var(--medium);
}
.body-digital-landing-page .footer-contact-content {
padding-left: 15px;
width: 100%;
float: none;
text-align: center;
}
.body-digital-landing-page .footer-logo {
width: 100%;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {

.body-digital-landing-page .callouts-container .callout-item {
width: calc(100% - 20px);
}

}

@media screen and (min-width: 374px) and (max-width: 767px) {

}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 430px) {

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 767px) and (max-width: 480px) and (orientation: portrait) {

}

@media only screen and (min-width: 480px) and (max-width: 667px) and (orientation: landscape) {

}

/* IE only */
@media screen\0 {

}