rexjiang92
12/28/2018 - 6:05 PM
Jericho on Force
/* Jericho starting template */
@import url('https://fonts.googleapis.com/css?family=Questrial|Raleway');
body,h1,h2,h3,h4,h5, p, .field--type-text-with-summary, .company_profile__field--type-string-long, [data-block-internal-id="footer"] body, [data-block-internal-id="footer"] p, [data-block-internal-id="footer"] .field--type-text-with-summary, [data-block-internal-id="footer"] .company_profile__field--type-string-long, .button, label {
font-family: 'Raleway', sans-serif!important;
}
h1,h2,h3,h4,h5 {
font-weight: 400!important;
}
.embedded-entity {
margin-bottom: 15px;
}
/* header info */
.aw-header__header-top .contact-info-container {
justify-content: flex-end;
padding: 15px 0;
}
@media (max-width: 1023px) {
.navbar-menu-hamburger .hamburger {
background: #ececec;
padding: 10px;
}
.contact-info-container {
justify-content: center;
}
}
.block--logo .image__field--type-image img {
padding: 0;
}
.contact-info-container .social-media-icon {
margin-right: 0.45rem;
font-size: 30px;
}
#block-aw-core-visitormainmenu {
margin-bottom: 15px;
}
@media screen and (max-width: 39.938em) {
.block--logo .image__field--type-image img {
max-height: 70px;
margin-top: 13px;
}
}
/* Nav */
[data-block-internal-id="aw_core_visitormainmenu"] .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
border: none;
}
[data-block-internal-id="aw_core_visitormainmenu"] .menu-item.is-dropdown-submenu-item > a:hover {
background: #1e2d47!important;
color: white!important;
}
[data-block-internal-id="aw_core_visitormainmenu"] .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
border: none;
}
.sticky.is-stuck {
box-shadow: 0 2px 20px 0 rgba(161,170,183,.5);
}
[data-block-internal-id="aw_core_visitormainmenu"] .menu .menu-item > a {
letter-spacing: 1px;
font-weight: 600;
text-transform: capitalize;
}
/* Home Banner */
[data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__container,
[data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__image img {
height: 70vh!important;
}
.caption-overlay-image-slider .orbit__caption {
position: absolute!important;
width: 100%!important;
bottom: auto!important;
top: 50%!important;
transform: translate(0, -50%)!important;
-webkit-transform: translate(0, -50%)!important;
}
[data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__caption .button {
font-size: 18px!important;
background: transparent;
border: 2px solid white;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.caption-overlay-image-slider .orbit__caption:before,
.caption-overlay-image-slider .orbit__caption:after {
display: none;
}
.view-mode-slider:before {
background: rgba(0, 0, 0, 0.3);
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
content: '';
position: absolute;
width: 100%;
}
[data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__caption {
background: transparent;
}
[data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__previous, [data-block-internal-id="core_slider_caption_overlay"] .caption-overlay-image-slider .orbit__next {
top: 47%;
}
/* the iconic jericho square icons below banner */
.products-services--icon-top .icon-shift .card-divider {
padding-left: 0;
padding-right: 0;
}
.products-services--icon-top .icon-shift .card-divider h3 {
font-size: 1.5rem;
}
@media (min-width: 641px) {
[data-block-internal-id="blanktitlewithsubtitle"] h3 {
font-size: 33px;
}
}
/* home intro text block */
#block-cta-aboutus .block__content {
width: 850px;
max-width: 100%;
margin: 0 auto;
}
#block-cta-aboutus .block__content h3 {
margin-bottom: 15px;
}
/* contact cta block above footer */
#block-subtitlecalltoaction .block__content {
padding: 2.5rem 0 .5rem;
}
/* General House-Keeping */
/* block title padding */
.aw-content--contrain .block__title, .aw-content--full .block__title {
padding: 4rem 0 1.5rem 0;
}
/* inside page title block */
[data-block-internal-id="core_slider_regular"] .page-top__static-caption h1 {
font-size: 2.25rem;
letter-spacing: 1px;
}
/* Footer Business */
footer [type='text'], footer [type='password'], footer [type='date'], footer [type='datetime'], footer [type='datetime-local'], footer [type='month'], footer [type='week'], footer [type='email'], footer [type='number'], footer [type='search'], footer [type='tel'], footer [type='time'], footer [type='url'], footer [type='color'], footer textarea {
height: 2.25rem;
background-color: #fefefe42;
border: 1px solid transparent;
}
[data-block-internal-id="footer_motion"] h3 {
font-size: 1rem;
letter-spacing: 1px;
}
footer .contact-info-container .field {
margin-bottom: 15px;
}
[data-block-internal-id="footer_motion"] .button--primary, [data-block-internal-id="footer_motion"] .button, [data-block-internal-id="footer_motion"] input[type="submit"] {
background: transparent!important;
color: white!important;
border-color: white!important;
}
.not-front footer {
margin-top: 3rem;
}
@media (max-width: 1023px) {
#block-contactinfoblock {
display: none!important;
}
}
/* QA */
@media (max-width: 640px) {
.aw-content .grid-container {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.blog--full .field--name-field-featured-image {
float: right;
width: 500px;
margin-left: 15px;
}
}
@media screen and (max-width: 500px) {
[data-block-internal-id="core_slider_regular"] .page-top__static-caption h1 {
text-overflow: unset;
overflow: visible;
white-space: normal;
font-size: 1.35rem;
text-transform: none!important;
}
}
.ie .team-member.card {
display: block;
flex: none;
}
@media (max-width: 640px) {
.google-map-caption {
height: auto;
padding: 0 0 2rem 0;
}
.google-map-wrapper {
width: 100%;
min-height: 300px;
}
}
.ie .navbar-menu-block > div.grid-y {
height: 100%;
}
.ie [data-block-internal-id="aw_core_visitormainmenu"] .menu-item.is-dropdown-submenu-item > a:hover {
background: #1b5397!important;
color: white!important;
}
/* for landing pages */
.large-p {
font-size: 35px;
}
.button.large {
font-size: 25px;
}
.page--page-title--thank-you-for-downloading-quotthe-four-stages-of-retirement-planningquot #block-core-slider-regular,
.page--page-title--thank-you-for-downloading-quotthe-challenges-in-achieving-financial-securityquot #block-core-slider-regular,
.page--page-title--thank-you-for-downloading-quotbusiness-succession-planningquot #block-core-slider-regular,
.page--page-title--thank-you-for-downloading-quotten-pitfalls-of-retirement-planningquot #block-core-slider-regular{
display: none;
}
/* the whitepaper form */
.block--download-whitepaper {
background: #eee;
padding: 15px;
box-shadow: 6px 6px 0px gainsboro;
}
.block--download-whitepaper h2.block-title {
font-size: 1.35rem;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 10px;
}
.block--download-whitepaper #edit-actions {
text-align: center;
}
/* the four stages of retirement planning */
.page--node-type--landing-pages .view-mode-slider:before {
background: url(https://jericho2.us1.advisor.ws/files/rawpixel-749493-unsplash-dark.jpg);
background-size: cover;
background-position: center;
}
.page--node-type--landing-pages [data-block-internal-id="core_slider_regular"] .page-top__static-caption h1 {
font-weight: normal;
text-transform: none;
}
========================================================================================================================
<script>
jQuery(".logo-section").removeClass("large-2").addClass("large-4");
jQuery('.navbar-menu-block .grid-y').removeClass('full-height');
jQuery('.navbar-menu-block .grid-y .cell').removeClass('show-for-medium');
//container
jQuery( "#block-aw-core-visitormainmenu .link--container > a:first-of-type" ).click(function() {
event.preventDefault();
});
jQuery( ".social-media-container a, #block-brokercheck a").attr('target', '_blank');
//turn services square icons links into CTA links
//first icon
jQuery("#block-products-services-jericho .grid-x article:first-of-type .card-divider-image i").addClass("fi-torsos-all").wrap( "<a href='/our-team'></a>" );
jQuery("#block-products-services-jericho .grid-x article:first-of-type h3.node__title").empty().append('<a href="/our-team">Our Team</a>');
//second icon
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(2) .card-divider-image i").addClass("fi-list-thumbnails").wrap( "<a href='/products-services'></a>" );
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(2) h3.node__title").empty().append('<a href="/products-services">Services</a>');
//third icon
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(3) .card-divider-image i").removeClass('fi-shield').addClass("fi-book-bookmark").wrap( "<a href='/blog-01'></a>" );
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(3) h3.node__title").empty().append('<a href="/blog-01">Blog</a>');
//fourth icon
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(4) .card-divider-image i").addClass("fi-marker").wrap( "<a href='/contact'></a>" );
jQuery("#block-products-services-jericho .grid-x article:nth-of-type(4) h3.node__title").empty().append('<a href="/contact">Contact</a>');
jQuery(".path-products-services .products-services").unwrap();
jQuery( ".path-products-services .products-services" ).wrapAll( "<div class='grid-x medium-up-2 grid-padding-x' />");
// minimise textarea
jQuery( 'textarea' ).attr('rows','3');
// change order of contact form
var message = jQuery("#edit-message-wrapper");
message.next().insertBefore(message);
var subject = jQuery("#edit-subject-wrapper");
subject.next().insertBefore(subject);
message.next().insertBefore(message);
subject.next().insertBefore(subject);
// hide captcha unless someone clicks on form
jQuery( "footer form .g-recaptcha" ).hide();
jQuery( "footer form input, footer form textarea" ).click(function() {
jQuery( "footer form .g-recaptcha" ).fadeIn();
});
if (/MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent)) {
// This is internet explorer 9 or 11
jQuery( "body" ).addClass( "ie" );
}
if (/Edge\/\d./i.test(navigator.userAgent)){
// This is Microsoft Edge
jQuery( "body" ).addClass( "ie" );
}
</script>