AilaM
4/24/2019 - 6:17 PM
Dawn CSS
MANAGE LIBRARY
Nov 13, 2018 - 11:10 AM
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,600');
body, h1,h2,h3,h4,h5, a, 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;
font-weight: 400;
}
.not-front h2 {
font-size: 2rem;
}
/*======================
GENERAL
======================*/
/* fix image aligning classes*/
.text-align-right {
text-align: right !important;
}
.text-align-left {
text-align: left !important;
}
#main .align-center,
.orbit__container .align-center {
text-align: center;
margin: 0 auto;
}
/* add space above footer */
.not-front .footer {
margin-top: 2rem;
}
/* remove space on android mobile */
.layout-container {
overflow-x: hidden !important;
}
/* map */
.iframeWrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.aw-content--contrain .block__title, .aw-content--full .block__title {
padding: 2rem 0;
}
/*======================
BUTTONS
======================*/
.button-arrow {
transition: all 0.3s ease;
font-family: "Raleway", sans-serif !important;
}
.button:hover .button-arrow,
.button--primary:hover .button-arrow {
margin-left: 10px;
}
/*======================
HEADER
======================*/
/* header within */
.aw-header .header_within {
max-width: 99%;
}
.aw-header .header_within > .grid-container {
max-width: 100%;
}
.aw-header .header_within > .grid-container > .grid-x {
align-items: flex-start !important;
}
.aw-header [data-block-internal-id="aw_core_visitormainmenu"] .menu .menu-item > a, [data-block-internal-id="aw_core_visitormainmenu"] .menu .is-submenu-parent-item > a {
letter-spacing: 2px;
white-space: nowrap;
}
@media screen and (min-width:64em){
.aw-header [data-block-internal-id="aw_core_visitormainmenu"] .menu .menu-item > a, [data-block-internal-id="aw_core_visitormainmenu"] .menu .is-submenu-parent-item > a {
white-space: nowrap;
}
}
.menu-icon::after {
background: white;
box-shadow: 0 7px 0 white,0 14px 0 white;
}
/* logo */
.path-frontpage .block--logo .image__field--type-image img {
visibility: hidden;
max-height: 25px;
}
@media screen and (min-width: 40em){
.block--logo .image__field--type-image img {
max-height: 145px;
}
}
@media screen and (max-width: 39.938em) {
.block--logo .image__field--type-image img {
max-height: 85px;
padding: 0;
}
}
.block--logo .image__field--type-image img {
padding: 0;
}
/*======================
NAVIGATION
======================*/
[data-block-internal-id="aw_core_visitormainmenu"] .dropdown.menu .is-active > a {
color: white;
}
/* submenu */
[data-block-internal-id="aw_core_visitormainmenu"] .is-dropdown-submenu {
background-color: rgba(0,0,0,0.5)!important;
border: none !important;
}
[data-block-internal-id="aw_core_visitormainmenu"] .menu-item.is-dropdown-submenu-item > a {
color: white;
}
/*======================
BANNERS
======================*/
/* logo on banner */
.path-frontpage .orbit__container h1 img {
width: 450px;
max-width: 100%;
}
/* tint for frontpage banner */
.path-frontpage .orbit__container .orbit__image:after {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
opacity: 0.33;
}
/*.path-frontpage .orbit__container .button {
position: relative;
border: none !important;
}*/
/* learn more arrow */
/*.path-frontpage .orbit__container .button::after {
font-family: "Raleway", sans-serif !important;
content: "⌄";
font-size: 2rem;
transition: all 0.3s ease;
position: absolute;
top: 2rem;
left: 50%;
transform: translate(-50%,0);
}*/
/*.path-frontpage .orbit__container .button:hover::after {
top: 3rem;
}*/
@media print, screen and (min-width: 64em){
[data-block-internal-id="core_slider_fullscreen"] .fullscreen-image-slider .orbit__caption {
width: 80%;
}
}
.path-frontpage [data-block-internal-id="core_slider_fullscreen"] .orbit__caption > h1 {
margin-top: 0.5rem;
margin-bottom: 0;
}
[data-block-internal-id="core_slider_fullscreen"] .grid-x {
justify-content: center !important;
}
@media screen and (min-width: 40em){
[data-block-internal-id="core_slider_fullscreen"] .grid-x .cell.custom {
width: auto !important;
}
}
/*fade in */
[data-block-internal-id="core_slider_fullscreen"] .fullscreen-image-slider .orbit__caption {
animation: fadeIn 1.3s ease;
}
#block-core-slider-regular,
[data-block-internal-id="core_slider_fullscreen"] .fullscreen-image-slider article,
[data-block-internal-id="core_slider_fullscreen"] .fullscreen-image-slider h1 {
animation: slideDown 1.2s ease;
position: relative;
}
main,
.footer,
[data-block-internal-id="core_slider_fullscreen"] .fullscreen-image-slider .orbit__caption .grid-x {
position: relative;
animation: slideUp 1.2s ease;
}
.path-frontpage .footer,
.path-frontpage .aw-content {
animation: fadeInSlow 1.5s ease;
}
.not-front .layout-container {
animation: fadeInSlow 1s ease;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeInSlow {
0% {opacity: 0;}
50% {opacity: 0.1;}
100% {opacity: 1;}
}
@keyframes slideDown {
from {top: -25px;}
to {top: 0;}
}
@keyframes slideUp {
from {bottom: -25px;}
to {bottom: 0;}
}
/* internal banner*/
.orbit__container .orbit__image:after {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
}
[data-block-internal-id="core_slider_regular"] .page-top-image-slider--static-caption .orbit__image img {
object-position: bottom;
}
@media screen and (min-width: 40em){
[data-block-internal-id="core_slider_regular"] h1, [data-block-internal-id="core_slider_regular"] .h1 {
font-size: 2.5rem;
}
}
@media print, screen and (min-width: 40em){
[data-block-internal-id="core_slider_regular"] .page-top__static-caption {
margin-top: 30px;
}
}
[data-block-internal-id="core_slider_regular"] .page-top__static-caption {
-webkit-transform: translate(-50%,-15%);
transform: translate(-50%,-15%);
}
/* about us block */
[data-block-internal-id="ctablock"] .block__title {
padding: 2rem 0 1rem 0;
}
/* second cta */
[data-block-internal-id="cta"] .block__content p {
margin-bottom: 0;
}
.aw-content--full .block__content {
padding: 3rem 0;
}
/*======================
TEAM BLOCK
======================*/
@media screen and (max-width: 40em){
.path-frontpage .team-member .main-section h3,
.path-frontpage .team-member--imgside .main-section .team__field--name-field-role-title, .team-member .field--name-field-role-title {
text-align: center;
}
}
@media screen and (min-width: 64em){
.team-member--imgside .main-section {
padding: 1.5rem;
}
}
.front .team-member img {
margin-bottom: 0;
}
.front .team-member--imgside {
margin: 0;
}
/* change styling of team member role/designation*/
.path-frontpage .team-member--imgside .main-section .field--name-designation {
font-family: "Raleway", sans-serif;
font-weight: normal !important;
font-size: 0.9rem !important;
text-transform: uppercase;
color: #333 !important;
display: block;
line-height: 1.8;
margin-left: 0;
}
.team-member .field--name-title .field--name-designation {
font-family: "Raleway", sans-serif;
font-weight: normal !important;
font-size: 1.1rem !important;
text-transform: uppercase;
color: #333 !important;
display: block;
line-height: 1.8;
margin-left: 0;
}
/* remove team info */
.path-frontpage .team-member--imgside .main-section .team__field--name-field-role-title + a,
.path-frontpage .team-member--imgside .main-section .field--name-field-email,
.path-frontpage .team-member--imgside .main-section .team__field--name-field-biography,
.path-frontpage .team-member--imgside .main-section .social-media-container {
display: none;
}
/*remove phone number*/
.path-frontpage .team-member--imgside .main-section > a {
display: none;
}
.not-front .team-member .card-section {
padding: 0;
}
.not-front .team-member .card-divider {
padding-left: 0;
}
.not-front .team-member .card-divider {
padding-bottom: 0;
}
.team-member .field--name-title,
.team-member .field--name-title > span {
position: relative;
}
.team-member .field--name-title .button-arrow {
position: absolute;
right: -20px;
bottom: -4px;
font-family: "Raleway", sans-serif;
}
.team-member .field--name-title:hover .button-arrow {
right: -30px;
}
@media screen and (min-width: 48em){
.team-member.card {
max-width: 25%;
}
}
.path-team-member-01 .team-member .field--name-field-image img {
transition: all 0.5s ease;
}
.path-team-member-01 .team-member .field--name-field-image:hover img {
filter: brightness(80%);
}
/*======================
SERVICES BLOCK
======================*/
.path-frontpage .products-services {
text-align: center;
}
.path-frontpage .products-services .node--read-more {
border: none;
color: var(--primary-color, #043464);
font-weight: bold;
}
[data-block-internal-id="products_services_list"] .products-services .icon {
color: var(--secondary-color,#bb2c34);
}
.grid--checkerboard .cell:nth-child(even) {
filter: none!important;
}
[data-block-internal-id="products_services_list"] .products-services .media-object-section {
margin: 0;
}
/*======================
INSIDE PAGES
======================*/
/* Services page */
.path-products-services .products-services .main-section.cell, .path-products-services .products-services p, .path-products-services .products-services .field--type-text-with-summary {
text-align: left !important;
}
.products-services .icon {
color: #333;
}
.not-front .products-services i {
text-align: left;
line-height: 1.3;
border-bottom: 2px solid;
}
.path-products-services .field--name-title .button-arrow {
position: absolute;
right: -20px;
bottom: -4px;
font-family: "Raleway", sans-serif;
}
.path-products-services .field--name-title:hover .button-arrow {
right: -30px;
}
/* Blog page */
@media screen and (min-width: 48em){
.page--node-type--blog-01 #block-mainpagecontent .field--name-field-featured-image {
float: right;
margin-left: 40px;
}
}
.page--node-type--blog-01 #block-mainpagecontent .field--name-field-featured-image img {
height: 300px;
width: 400px;
object-fit: cover;
}
.path-products-services .products-services .main-section.cell .media-object__body {
flex: 1;
}
.path-products-services .products-services .main-section.cell,
.path-products-services .products-services p,
.path-products-services .products-services .field--type-text-with-summary {
text-align: center;
}
/* PAGE - CONTACT */
[data-block-internal-id="sitewidecontactform"] .text-center {
text-align: left;
margin-bottom: 10px;
}
@media screen and (min-width: 40em){
#block-sitewidecontactform {
margin-left: 50px;
}
}
@media screen and (max-width: 40em){
#block-sitewidecontactform {
margin-top: 50px;
}
#block-sitewidecontactform h2 {
font-size: 24px;
letter-spacing: 3px;
color: #2d2d2d;
}
}
/*======================
FORMS
======================*/
input:not([type]), input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=color], textarea, fieldset {
border-radius: 5px !important;
box-shadow: none !important;
padding: 1.5rem 1rem !important;
border: 1px solid #ccc;
}
input:not([type]):focus, input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=color]:focus, textarea:focus {
border: 1px solid #2d2d2d;
}
/*======================
FOOTER
======================*/
.footer-block-wrapper.contact {
color: white;
}
.footer-block-wrapper.contact > h3:first-of-type {
display: none;
}
.footer-block-wrapper.contact .company_profile__field--type-address,
.footer-block-wrapper.contact .field--name-field-company-email {
margin-bottom: 15px;
}
@media screen and (min-width: 40em){
#block-google-map-with-address-block {
max-height: 350px;
}
.footer #block-google-map-with-address-block .google-map-container .google-map-caption {
width: 200px;
height: 300px;
}
.footer #block-google-map-with-address-block .google-map-container .google-map-wrapper {
position: relative;
top: -30px;
height: 300px;
width: calc(100% - 250px);
}
}
@media screen and (min-width: 48em){
.footer #block-google-map-with-address-block {
width: 70%;
}
.footer #block-contact-info-block {
width: 30%;
}
}
@media screen and (min-width: 64em){
.footer #block-contact-info-block {
width: 20%;
}
}
.footer #block-google-map-with-address-block .google-map-caption {
justify-content: flex-start;
padding: 0;
}
/* hide email and phone from google map block (duplicated in contact info block) */
.footer .google-map-caption .google-map-caption__email,
.footer .google-map-caption .google-map-caption__phone {
display: none;
}
/* show map on small */
@media screen and (max-width: 40em){
.footer .google-map-caption {
height: 100px;
}
.footer .google-map-wrapper {
width: 100%;
height: 300px;
}
}
/* fix line height issue on contact info block */
.footer .contact-info-container > div {
margin: 3px 0 17px;
}
.footer .social-media-icon {
font-size: 2rem;
}
/* =================
IE QA
================= */
.ie h1 {
font-size: 56px !important;
}
.ie h2 {
font-size: 42px !important;
color: #043464 !important;
}
.ie h3 {
font-size: 26px !important;
color: #043464 !important;
}
.ie h4 {
font-size: 20px !important;
color: #043464 !important;
}
.ie [data-block-internal-id="disclaimerblock"] {
background: #113363;
}
/* logo */
.ie #block-logo {
width: 100% !important;
}
/* fix block specific colors*/
.ie [data-block-internal-id="products_services_list"] .products-services .icon {
color: #BB2C34;
}
.ie [data-block-internal-id="core_slider_fullscreen"] .orbit__caption > h4,
.ie [data-block-internal-id="footer"] label,
.ie [data-block-internal-id="footer"] h3,
.ie [data-block-internal-id="footer"] h4 {
color: white !important;
}
/* team member flex issues */
.ie .team-member {
display: block;
}
/*===============
MOBILE QA
===============*/
.page--node-type--products-services .products-services .media-object-section {
margin: 0;
}
/*===============
TABLET QA
===============*/
@media screen and (min-width: 40em) and (max-width: 64em){
[data-block-internal-id="products_services_list"] .products-services .media-object-section {
margin: 1rem 1rem 4rem 1rem !important;
}
}
/* TEAM BLOCK */
@media screen and (min-width: 64em) and (max-width: 74.9em){
.team-member--imgside .main-section {
padding: 0.5rem 0 0 0.5rem !important;
}
}
/* FIX TEAM MEMBER CONTAINER TO BE FULL WIDTH */
#block-team-member-01 .grid-container {
max-width: 100%;
}
#block-team-member-01 .grid-container,
#block-team-member-01 .grid-container .grid-x
#block-team-member-01 .grid-container .grid-x .cell {
margin: 0 !important;
padding: 0 !important;
}
/* Final QA */
@media (max-width: 640px) {
.header_within .grid-x {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.google-map-container {
padding: 0;
}
}
@media screen and (max-width: 39.938em) {
.path-frontpage [data-block-internal-id="core_slider_fullscreen"] .orbit__caption > h1 {
font-size: 1.33rem;
margin-bottom: 10px!important;
}
.path-frontpage .orbit__container h1 img {
margin-bottom: 10px!important;
}
}
----------------------------------------------------------------------------------
<script>
// enlarge logo
jQuery('.aw-header .logo-section').removeClass('large-2').addClass('large-3');
// add logo to slider
jQuery('.path-frontpage [data-block-internal-id="core_slider_fullscreen"] .orbit__caption > h1').prepend('<img src="/files/images/repple-logo-white-text.png" /><br />');
// minimise textarea
jQuery( 'textarea' ).attr('rows','3');
// 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();
});
// 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);
// make footer links open in new tab
jQuery('.footer a').attr('target','_blank');
// add arrow to read more buttons
jQuery('.node--read-more').append('<span class="button-arrow"> ›</span>');
jQuery(".path-products-services .products-services").unwrap();
jQuery( ".path-products-services .products-services" ).wrapAll( "<div class='grid-x medium-up-2 grid-padding-x' />");
// add arrow to team member
jQuery('.path-frontpage .team-member .field--name-title > span:first-child').append('<span class="button-arrow"> ›</span>');
jQuery('.path-team-member-01 .team-member .field--name-title > span:first-child').append('<span class="button-arrow"> ›</span>');
jQuery('.page--node-type--team-member-01 .team-member__headshot').removeClass('medium-4').addClass('large-3 medium-3');
// fix ipad layout for team member block- USE CORRECT SELECTOR
jQuery('.path-frontpage #block-team-member-01 .grid-x').removeClass('medium-unstack medium-up-2').addClass('large-unstack');
// Add phone and email to footer
// jQuery('#block-address-block').append('<h4>Email</h4><p>Ann.Sheehan@SecuritiesAmerica.com<p><h4>Phone</h4><p>408-725-0616</p>');
// SMOOTH SCROLL --------------------
// Select all links with hashes
jQuery('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = jQuery(this.hash);
target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
jQuery('html, body').animate({
scrollTop: target.offset().top
}, 1000, function() {
// Callback after animation
// Must change focus!
var jQuerytarget = jQuery(target);
jQuerytarget.focus();
if (jQuerytarget.is(":focus")) { // Checking if the target was focused
return false;
} else {
jQuerytarget.attr('tabindex','-1'); // Adding tabindex for elements not focusable
jQuerytarget.focus(); // Set focus again
};
});
}
}
});
jQuery( document ).ready(function() {
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" );
}
});
// FIX TEAM MEMBER BLOCK NOT TAKING CONFIGURATION (3 PER ROW)
jQuery('#block-team-member-01 .large-up-2').removeClass('large-up-2').addClass('large-up-3');
//container
jQuery( "#block-aw-core-visitormainmenu .link--container > a:first-of-type" ).click(function() {
event.preventDefault();
});
</script>
APPS
Web App
LINKS
About
Support
Blog
RESOURCES
Terms of Use
Privacy Policy
© 2019 Penguin Labs, LLC
All Rights Reserved
clear