/**
Theme Name: Astra Child
Author: Abke Design
Author URI: https://abke.com/
Description: Child Theme of Astra
Version: 1.0.0
Text Domain: astra-child
Template: astra
*/
/* ----------------------------------------------------------------------------------------
COLORS
-------------------------------------------------------------------------------------------- */
/*
Dark Blue - #04122C
Med Blue - #0B1D41
Lighter Blue - #0D59A9
Gold - #FAB505
Darker #EDC300
Logo Gold - #FCBF05
Form Red - #B2101E
Icon Red - #BD0010
Bright Red - #E00000
Black - #3a3a3a
*/
/* -------------------------------------------------------------------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------------------------------------------------------------------- */
/*
* Fix fonts that render as bold in Firefox
* https://www.lockedownseo.com/firefox-font-weight-too-bold/
* https://stackoverflow.com/questions/48230561/google-web-font-montserrat-issue-on-firefox-bold
*/
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body {
font-weight: 400 !important;
}
/* Moz Browser specific rule at the bottom */
@-moz-document url-prefix() {
body {
1font-weight: lighter !important;
1font-weight: normal !important;
font-weight: 300 !important;
}
}
/* Fix Paragraph Spacing */
1.entry-content p {
margin-bottom: 1.0em !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
TOP BAR - Secondary Menu
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Not Using */
/* -------------------------------------------------------------------------------------------------------------------------------------
HEADER - Main
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Not Using */
/* -------------------------------------------------------------------------------------------------------------------------------------
CUSTOM HEADER - Exterior Experts of Michigan
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Custom Header */
@media (max-width: 767px) {
.CustomLogo img {
max-width: 225px !important;
}
}
/* Logo with Overlap */
.CustomLogo img {
max-width: 275px !important;
box-shadow: 0px 0px 10px 1px 'rgb(0 0 0 / 40%)' !important;
position: relative;
1z-index: 2;
}
/* Main Menu Wrapper */
.CustomHeader .MainMenuWrapper,
.elementor-1275 .elementor-element.elementor-element-3408faa7 {
box-shadow: 0px 1px 10px 0px 'rgb(0 0 0 / 50%)' !important;
position: relative;
z-index: 1;
}
/* Search Full Screen */
.elementor-search-form--skin-full_screen .elementor-search-form__container{
1z-index: 3 !important;
}
/* New Menu */
/* Line Separators */
1.MainMenu ul.elementor-nav-menu li a:before {
content: "";
background: url(https://exteriorexpertsofmichigan.com/wp-content/uploads/2022/03/hd-menu-separator.png) no-repeat scroll center center;
1height: 43px;
height: 33px;
width: 2px;
position: absolute;
right: -25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
/* Dropdown Menu */
.MainMenu .elementor-nav-menu--dropdown a {
1padding: 10px 25px 10px 10px !important;
text-shadow: 1px 1px 1px #ffffff !important;
}
/* Dropdown Menu Carot */
.menu-item-has-children:after:hover {
content: "";
position: absolute;
left: 50%;
bottom: -25px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 7px 8px 0 8px;
border-color: #0f55a9 transparent transparent transparent;
opacity: 0;
margin: 0;
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
/* Submenu */
.MainMenu ul.sub-menu .elementor-nav-menu li a:before {
1display: none;
}
.MainMenu ul.sub-menu .elementor-nav-menu li a {
text-shadow: 1px 1px 1px #ffffff;
}
.elementor-nav-menu--dropdown a {
text-shadow: 1px 1px 1px #ffffff;
padding: 10px 30px 10px 10px !important;
}
/* Menu Divider Shadow */
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after {
1box-shadow: -1px 0px 1px 0px #ffffff24;
box-shadow: -1px 0px 0px 0px #ffffff24;
}
/* Hide Hover Line on Current Item */
.MainMenu a.elementor-item-active:after {
1display: none;
background-color: #0D59A9 !Important;
}
/* Still Show Hover */
.MainMenu a.elementor-item-active:hover:after {
background-color: #fff !important;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
/* Mobile Menu Toggle */
.MainMenu .elementor-menu-toggle:before {
content: 'MENU';
padding: 0px 10px 0px 0px;
font-size: 16px;
}
@media (max-width: 767px) {
.MainMenu .elementor-menu-toggle {
1font-size: 20px;
1border-width: 1px;
1padding: 2px 10px !important;
1margin: 5px !important;
width: 100%;
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5) !important;
}
.elementor-13 .elementor-element.elementor-element-597fc555 {
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5) !important;
}
}
/* -------------------------------------------------------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Not Using */
/* -------------------------------------------------------------------------------------------------------------------------------------
CONTENT
----------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------
HOME PAGE
----------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------- Slider ---------- */
.homeSlider {
}
1.GoWithExperts p {
padding: 5px 15px !important;
text-shadow: 1px 1px 1px #ffffff;
background-color: #04122CBF;
}
/* ---------- Quote Form ---------- */
/* Form Container */
.page-id-553 .HomeQuoteForm .wpforms-container {
margin: 0px 0px 15px 0px;
}
/* Inputs */
.page-id-553 .HomeQuoteForm input,
.page-id-553 .HomeQuoteForm textarea {
padding: 0.25em 0.25em 0.25em 0.5em;
}
/* WPForms Button */
.page-id-553 .HomeQuoteForm .wpforms-submit-container {
padding: 25px 0px 10px 0px;
}
.page-id-553 .HomeQuoteForm button.wpforms-submit {
background-color: #04122C !important;
width: 100%;
margin: 0px;
}
.page-id-553 .HomeQuoteForm button.wpforms-submit:hover {
background-color: #0D59A9 !important;
}
/* Placeholder text */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #606060;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: black;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: black;
}
/* Captcha */
@media (min-width: 769px) {
.page-id-553 .wpforms-form .wpforms-field-label {
color: #fff;
margin: 0px 0px -5px 0px;
}
.page-id-553 .wpforms-form .wpforms-captcha-equation {
color: #fff;
}
}
/* Protection Value Curb Appeal Section */
.elementor-553 .elementor-element.elementor-element-73dfe6e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
background-position: 30% 50%;
}
/* ---------- Horizontal Scale Slider ---------- */
/* Wrapper */
.horizontal-sliding-wrapper {
overflow: hidden;
}
/* Image */
.horizontal-sliding-scale {
1position: absolute;
1top: 0px;
1right: 0px;
width: 5000px;
height: 35px;
background-image: url(https://exteriorexpertsofmichigan.com/wp-content/uploads/scale-horizontal.png);
background-repeat: repeat-x;
animation: slide1 60s linear infinite;
-webkit-animation: slide1 60s linear infinite;
}
@keyframes slide1 {
0%{
transform: translate3d(0, 0, 0);
}
100%{
transform: translate3d(-1692px, 0, 0);
}
}
/* ---------- Vertical Scale Slider ---------- */
/* Wrapper */
.vertical-sliding-wrapper {
overflow: hidden;
}
/* Image */
.vertical-sliding-scale {
position: absolute;
top: 0px;
right: 0px;
margin-top: -10px;
width: 35px;
height: 100%;
min-height: 807px;
background-image: url(https://exteriorexpertsofmichigan.com/wp-content/uploads/scale-vertical.png);
background-repeat: repeat-y;
animation: slide2 60s linear infinite;
-webkit-animation: slide2 60s linear infinite;
}
@keyframes slide2{
from { background-position: 0 1920px; }
to { background-position: 0 0; }
}
@-webkit-keyframes slide2{
from { background-position: 0 1920px; }
to { background-position: 0 0; }
}
/* ---------- Credentials Section ---------- */
/* Google Reviews */
/* Facebook Reviews */
/* ---------- Services Section ---------- */
/* Icon */
1.ServicesSection .ServicesIcon .elementor-widget-container {
border: 1px solid #BD0010;
}
/* Button */
.ServicesSection .elementskit-btn {
text-shadow: 1px 1px 2px #9f8300 !important;
}
/* ---------- Customer Reviews ---------- */
/* Quote Ticks */
.CustomerReviews .elementskit-watermark-icon {
border: 1px solid #BD0010;
border-radius: 100px;
padding: 1px;
background-color: #BD0010;
width: 50px;
height: 50px;
}
.CustomerReviews .elementskit-watermark-icon svg path {
stroke: #fff !important;
fill: #fff !important;
}
.CustomerReviews .ekit-wid-con .elementskit-single-testimonial-slider .elementskit-watermark-icon>svg {
height: 45px;
width: 48px;
margin: 0px 0px 0px -1px;
}
/* Customer Reviews - Stars */
1.CustomerReviews .elementskit-stars {
margin: 0px 0px 40px 0px !important;
}
/* Testimonial Name */
1.CustomerReviews .elementskit-author-name {
bottom: 40px !Important;
}
/* Review Category / Client Designation */
.CustomerReviews .elementskit-author-des {
display: none;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
SERVICES PAGES
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Slider */
.ServicesSlider .elementor-swiper-button-prev,
.ServicesSlider .elementor-swiper-button-next {
1border: 2px solid #fbfbfb;
border: 2px solid #d5d5d5;
border-radius: 3px;
padding: 5px;
background-color: #81818154;
}
.ServicesSlider .elementor-swiper-button-prev:hover,
.ServicesSlider .elementor-swiper-button-next:hover {
background-color: #5655557a;
}
.elementor-swiper-button-prev {
left: -20px;
}
.elementor-swiper-button-next {
right: -20px;
}
/* Seamless Gutters Page */
/* Adjust Header Background Image */
1.page-id-2335 .elementor-2335 .elementor-element.elementor-element-d7d8b56:not(.elementor-motion-effects-element-type-background) {
background-position: 50% 25% !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
GALLERY SECTION
----------------------------------------------------------------------------------------------------------------------------------------- */
.GalleryLinks .elementor-button {
width: 100%;
}
/* Make lightbox on top of everything */
.tos-desktop .tos-wrapper.tos-fixed {
z-index: 9999;
}
/* Before & After */
.galleryBorder img {
border: 1px solid #e0e0e0;
padding: 5px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Gallery - NextGen Gallery
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Elementor Lightbox */
.dialog-type-lightbox {
background: #000 !important;
1opacity: 0.85 !important;
}
/* NextGen Lightbox */
.sl-overlay {
background: #000 !important;
opacity: 0.85 !important;
}
.sl-image {
z-index: 9999;
}
.sl-wrapper .sl-navigation button {
color: #fff;
1background-color: #ffffff94;
}
/* Gallery Images */
1.ngg-gallery-thumbnail-box {
margin: 2px;
}
/* Keeps exqual distance between columns */
.ngg-gallery-thumbnail-box.ngg-5-columns {
width: auto;
}
/* Space between images */
.ngg-gallery-thumbnail {
margin: 10px; /* Space between images */
}
/* Remove border surrounding image & caption */
.ngg-gallery-thumbnail {
border: 0px !important;
1max-width: 200px !important; /* Container Width - Match Caption Width to Image Width */
}
/* Add border just around image */
.ngg-galleryoverview .ngg-gallery-thumbnail a img {
margin: 0 auto;
box-shadow: none;
1cursor: pointer;
border: 1px solid #c9c9c9;
border-radius: 3px;
padding: 5px;
1max-width: 200px !important;
1max-height: 133px !important;
}
/* Add Magnifying Glass - Icon */
/* Container */
.ngg-gallery-thumbnail a {
display: block;
position: relative !important;
margin: 0px auto 0px auto !important;
}
/* Yellow Hover over border */
.ngg-galleryoverview .ngg-gallery-thumbnail a img:hover {
background-color: #feffd2 !important; /* yellow */
opacity: .5 !important;
overflow: hidden;
}
/* Fade in on Hover */
.ngg-galleryoverview .ngg-gallery-thumbnail a:hover {
animation: fadeIn linear 0.5s;
-webkit-animation: fadeIn linear 0.5s;
-moz-animation: fadeIn linear 0.5s;
-o-animation: fadeIn linear 0.5s;
-ms-animation: fadeIn linear 0.5s;
}
/* This is for Icon */
.ngg-galleryoverview .ngg-gallery-thumbnail a:hover:after {
position: absolute;
text-align: center;
vertical-align: middle;
content: "\f00e";
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 40px;
font-weight: 600;
z-index: 1;
height: 100%;
width: 100%;
1transition: all 0.3s ease;
}
/* This makes color Overlay Color */
.ngg-galleryoverview .ngg-gallery-thumbnail a:hover:after{
position: absolute;
top: 0px;
left: 0px;
background-color: #0e303eb0 !important;
padding: 50px;
}
/* Image Caption */
.ngg-gallery-thumbnail span {
line-height: 1.3em;
font-weight: 500;
color: #383838;
font-family: 'Open Sans', arial, sans-serif;
padding: 0px !important;
margin: 8px auto 0px 0px !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Gallery - NextGen Gallery - Lightbox
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Close Button */
.tos-close {
top: 70px;
right: 25px;
}
.tos-close {
background-color: #646464;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Search Results Page - using Elementor Theme Builder Search Page
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Page Title */
.search-results h1 {
text-transform: capitalize;
}
/* Page Result Title */
.search-results h3.elementor-post__title {
margin: 0px 0px 10px 0px !important;
}
.search-results h3.elementor-post__title a {
color: #5c5c5c;
}
.search-results h3.elementor-post__title a:hover {
color: #2fc1ff;
}
/* In between Archives */
.search-results .elementor-posts--skin-classic .elementor-post {
border-bottom: 1px solid #d7d7d7;
}
.search-results .elementor-posts .elementor-post__excerpt {
margin: 10px 0px 20px 0px !important;
}
.search-results a.elementor-post__read-more {
color: #fff;
font-size: 14px !important;
border: 1px solid #fff;
background-color: #0D59A9;
padding: 5px 12px;
border-radius: 5px;
display: inline-block;
}
.search-results a.elementor-post__read-more:hover {
color: #fff !important;
background-color: #3a3a3a;
border: 1px solid #fff;
display: inline-block;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Search Results Page - using Search.php
----------------------------------------------------------------------------------------------------------------------------------------- */
1.search .main-header-bar {
background-color: #0b2750;
}
/* Tablet */
@media (max-width: 921px) {
1.ast-primary-header-bar.ast-primary-header {
background-color: #0b2750;
}
}
/* Mobile */
@media (max-width: 544px) {
1.ast-primary-header-bar.ast-primary-header {
background-color: #0b2750;
}
}
.search-results h2 {
text-transform: capitalize;
}
.search.ast-separate-container .ast-article-post {
padding: 30px 10px 30px 10px !important;
}
.search .site-title a {
color: #fff;
}
.search .site-title a:visited {
color: #fff;
}
/* Hide top block */
.search .ast-archive-description {
display: none;
}
/* Search Read More Button */
.search .read-more {
margin: 20px 0px 0px 0px;
}
.search .read-more a {
color: #fff;
border: 1px solid #fff;
background-color: #2fc1ff;
padding: 3px 12px;
border-radius: 5px;
display: inline-block;
}
.search .read-more a:hover {
color: #fff !important;
background-color: #3a3a3a;
display: inline-block;
}
/* Hide Footer Background Overlay */
.search .elementor-background-overlay {
opacity: 0 !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
404 Error Page - Fix Header
----------------------------------------------------------------------------------------------------------------------------------------- */
.error404 .main-header-bar {
background-color: #3f577d;
}
.error404 .site-title a {
color: #fff;
}
.error404 .site-title a:visited {
color: #fff;
}
/* Hide Footer Background Overlay */
1.error404 .elementor-background-overlay {
opacity: 0 !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Sitemap Page - using Elementor Sitemap
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Excluded pages
*/
/* Sitemap Page Title */
.page-id-2394 #Sitemap h2.elementor-sitemap-page-title {
display: none;
}
.page-id-2394 #Sitemap h2 {
color: #003e82 !important;
font-size: 1.3em;
font-weight: 500;
text-transform: capitalize;
}
/* Begin Sitemap */
1.page-id-2394 #Sitemap ul.elementor-sitemap-list {
list-style: none;
}
.page-id-2394 #Sitemap ul.elementor-sitemap-list li {
margin: 0px 0px 10px 0px !important;
}
.page-id-2394 #Sitemap ul.elementor-sitemap-list li a {
color: #0D59A9;
}
.page-id-2394 #Sitemap ul.elementor-sitemap-list li a:hover {
color: #b3b3b3;
}
/* Sub Pages Parent */
.page-id-2394 #Sitemap ul.children {
list-style: none !important;
margin: 5px 0px 0px 10px;
}
.page-id-2394 #Sitemap ul.children li {
margin: 0px 0px 0px 20px !important;
}
/* Sub Pages */
.page-id-2394 #Sitemap ul.children li.elementor-sitemap-item:before {
content: ' - ';
margin: 0px 5px 0px -30px;
}
/* Sitemap Keyword Text */
.sitemapSText a {
color: #4c5253;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
Sitemap Page - using WP Sitemap Page
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Excluded pages
112,114,197,523,117,3,2,662,700,903,
*/
#wp-Sitemap {
display: none;
}
/* Hide Page Title */
h2.wsp-pages-title {
display: none;
}
.page-id-1310 h2 {
color: #003e82 !important;
font-size: 1.3em;
font-weight: 500;
text-transform: capitalize;
}
.page-id-1310 ul.wsp-pages-list {
1list-style: none;
}
.page-id-1310 ul.wsp-pages-list li {
margin: 0px 0px 20px 20px !important;
}
.page-id-1310 ul.wsp-pages-list li.page_item_has_children {
margin: 0px 0px 30px 20px !important;
}
.page-id-1310 ul.children {
list-style: none;
}
.page-id-1310 ul.children li {
margin: 0px 0px 0px 20px !important;
}
.page-id-1310 ul ul{
margin: 0em 0em 0.5em 2em;
}
/* Sub Page */
.page-id-1310 ul.children li:before {
content: ' - ';
margin: 0px 5px 0px -20px;
}
/* XML Sitemaps Link */
p.xmlLinks {
text-align: right;
}
p.xmlLinks a:link {
font-size: 11px !important;
color: #4f7543 !important;
text-decoration: none !important;
border: 0px !important;
}
p.xmlLinks a:visited {
font-size: 11px !important;
color: #4f7543 !important;
text-decoration: none !important;
border: 0px !important;
}
p.xmlLinks a:hover {
font-size: 11px !important;
color: #b49b5a !important;
text-decoration: none !important;
border: 0px !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
SEO LINKS
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Sitemap Page */
.page-id-2394 .links a {
color: #737373;
}
.page-id-2394 .links a:hover {
color: #737373;
}
/* 404 Page */
.error404 .links a {
color: #737373;
}
.error404 .links a:hover {
color: #737373;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
SIDEBAR
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Sidebar Contact */
.sidebarContact {
font-size: 18px;
text-align: center;
line-height: 1.5em;
}
.sidebarContact span {
font-size: 20px;
font-weight: 600;
}
/* Search with Magnifying Glass */
1.widget_search .search-form input[type=submit] {
background-color: green;
}
1.widget_search .search-form:after {
color: #fff;
font-family: Astra;
font-size: 1.2em;
font-weight: 400;
content: "\e8b6";
position: absolute;
top: 50%;
right: 15px;
transform: translate(0,-50%);
}
/* Search Input */
.sidebar-main .widget_search .search-form .search-field {
background: #ffffff;
border: solid 1px #bbb;
-webkit-border-radius: 2px;
border-radius: 2px;
}
/* Search Input */
.sidebar-main .widget_search input[type="text"] {
color: #666;
background-color: #fff;
border: solid 1px #dadada;
max-width: 100%;
}
.sidebar-main .widget_search .search-form .search-field:hover {
color: #666;
background: #ffffff;
border: solid 1px #bbb;
}
.sidebar-main .widget_search .search-form .search-field:focus {
color: #666;
background-color: #fbf8dc;
border: solid 1px #bbb;
}
/* Widget Title */
.sidebar-main h3.widget-title {
font-size: 1.1rem !important;
border-bottom: 1px solid #e0e0e0 !important;
padding-bottom: 5px !important;
margin: 20px 0px 20px 0px !important;
}
/* Sidebar Menu */
.sidebar-main .widget_nav_menu {
margin-top: 3.0625em;
}
.sidebar-main ul.menu {
background-color: #fff;
border: 2px solid #3f577d;
border-radius: 2px;
padding: 2px;
}
.sidebar-main ul.menu li {
color: #fff;
line-height: 3em;
background-color: #3f577d;
border-bottom: 1px solid #f0ebde;
padding: 0px 0px 0px 0px;
margin: 0px !important;
}
.sidebar-main ul.menu li:last-child {
border-bottom: 0px;
}
.sidebar-main ul.menu li:hover {
color: #fff !important;
background-color: #3a4e6d;
}
.sidebar-main ul.menu li a {
color: #fff;
font-size: .95em;
font-weight: 400;
text-decoration: none;
display: block;
text-transform: capitalize;
letter-spacing: .5px;
}
.sidebar-main ul.menu li a:before {
/* chevron */
/* content: "\f054";
content: '\f101'; */
content: '\f105' !important;
font: normal normal normal 12px/1 FontAwesome;
font: normal normal normal 12px/1 FontAwesome !important;
/* font-family: 'FontAwesome';
font-size: 12px;
font-weight: normal; */
display: inline-block;
margin: 0px 5px 0px 10px;
}
.sidebar-main ul.menu li a:hover {
color: #fff !important;
}
/* For Sidebar Menu Items on 2 Rows */
/* Pages: About, Preschool, Resources */
.sidebar-main ul.menu li.menu-item.menu-item-type-custom.menu-item-object-custom a {
line-height: 1.5em;
padding: 12px 0px 12px 0px;
text-transform: none !important;
}
.sidebar-main ul.menu li.menu-item.menu-item-type-custom.menu-item-object-custom a span {
padding-left: 20px;
}
/* Submenu */
.sidebar-main ul.menu ul.sub-menu {
list-style: none outside;
margin: 0px;
}
.sidebar-main ul.menu ul.sub-menu li:first-child {
border-top: 1px dotted #bdbdbd59;
}
.sidebar-main ul.menu ul.sub-menu li {
line-height: 2em;
background-color: #002f63;
padding-left: 15px;
border-bottom: 1px dotted #bdbdbd59;
}
.sidebar-main ul.menu ul.sub-menu li:hover {
background-color: #018ec3;
}
.sidebar-main ul.menu ul.sub-menu li a {
font-size: .9em;
font-weight: 400;
}
.sidebar-main ul.menu ul.sub-menu li a:before {
1content: '\f0da ';
content: ' - ';
font: normal normal normal 11px/1 FontAwesome;
display: inline-block;
margin: 0px 5px 0px 5px;
}
.sidebar-main ul.menu ul.sub-menu li:last-child {
padding-bottom: 5px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
SIDEBAR BUTTONS - Donate, Get Involved, Subscribe, Contact Us
----------------------------------------------------------------------------------------------------------------------------------------- */
.sidebar-main .bdt-advanced-button .bdt-advanced-button-text {
width: 100%;
}
/* Outer Space around buttons */
.elementor-1074 .elementor-element.elementor-element-96c857a {
margin: 2px;
}
/* Inner Space */
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 5px !important;
}
1.sidebar-main .sideBar-Btn {
border: 2px solid #b49b5a;
padding: 2px 2px 5px 2px;
background-color: #fff;
min-height: 54px;
}
1.sidebar-main .elementor-widget:not(:last-child) {
margin-bottom: 10px;
}
/* Hide Sidebar on Mobile */
@media screen and (max-width: 767px) {
.aux-resp .aux-sidebar-style-border.left-sidebar .aux-sidebar-primary {
border-right: none;
background-color: #fff;
}
}
/* -------------------------------------------------------------------------------------------------------------------------------------
FOOTER - CUSTOM FOOTER - using Elementor Custom Layouts
----------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
FOOTER CTA ROW
------------------------------------------------------------------------- */
.footerCTA {
}
.footerCTA .elementor-icon-box-title a:hover {
1color: #4282cb;
color: #cfcfcf;
}
/* ---------------------------------------------------------------------
Widget Area - Custom Footer
------------------------------------------------------------------------- */
.CustomFooter {
}
.CustomFooterWidgets p a {
color: #c0c0c0 !important;
}
.CustomFooterWidgets p a:hover {
color: #fff !important;
}
.CustomFooter .KLinks a {
color: #c0c0c0 !important;
}
/* ---------------------------------------------------------------------
Copyright Area - Custom Footer
------------------------------------------------------------------------- */
/* ----- Copyright ----- */
.CustomerFooter .Copyright {
}
.CustomFooter.Copyright,
.CustomFooter.Copyright p {
1font-size: 14px;
color: #a5a5a5;
margin: 0px !important;
}
.CustomFooter.Copyright a,
.CustomFooter.Copyright p a {
color: #a5a5a5;
}
.CustomFooter.Copyright a:hover,
.CustomFooter.Copyright p a:hover {
color: #fff !important;
}
.CustomFooter.Copyright a:visited,
.CustomFooter.Copyright p a:visited {
color: #a5a5a5;
}
.CustomFooter.Copyright a:active,
.CustomFooter.Copyright p a:active {
color: #a5a5a5;
}
/* ----- Designer Link ----- */
.CustomFooter.Copyright p a.designer {
1font-size: 13px;
color: #a5a5a5;
margin: 0px !important;
}
.CustomFooter.Copyright p a.designer:hover{
color: #c3c3c3 !important;
}
.CustomFooter.Copyright p a.designer:visited {
color: #a5a5a5;
}
.CustomFooter.Copyright p a.designer:active {
color: #a5a5a5;
}
/* ----- Footer Menu ----- */
.CustomFooter.Copyright ul.elementor-nav-menu li.menu-item {
border-right: 1px solid #505050;
}
.CustomFooter.Copyright .elementor-nav-menu li.menu-item:last-child {
border-right: 0px;
}
.CustomFooter.Copyright ul.elementor-nav-menu li.menu-item a {
text-transform: capitalize !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 0px 7px 0px 7px !important;
line-height: 13px;
color: #a5a5a5 !important;
}
.CustomFooter.Copyright ul.elementor-nav-menu li.menu-item a:visited {
color: #c9c9c9;
}
.CustomFooter.Copyright ul.elementor-nav-menu li.menu-item a:hover,
.CustomFooter.Copyright ul.elementor-nav-menu li.menu-item a:active {
color: #fff !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
FOOTER - STANDARD
----------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------
FOOTER WIDGET SECTION
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Widget 1 - Logo / Keywords */
/* Widget 2 - Quick Links */
/* Widget 3 - Contact Info - Align Map Icon to Top */
.footer-widget-area .elementor-widget .elementor-icon-list-item {
1display: inline-block !important;
align-items: flex-start !important;
1webkit-box-align: top !important;
}
.footer-widget-area .elementor-icon-list-item > .elementor-icon-list-text {
margin: -5px 0px 0px 0px;
}
/* Widget 4 - Search */
.footer-widget-area .widget_search .search-field {
padding: 8px 45px 8px 15px !important
}
/* Change width of the footer widgets */
@media (min-width: 768px) {
1div.site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
width: 100% !important;
}
1div.site-footer-primary-section-2.site-footer-section.site-footer-section-2 {
width: 100% !important;
}
aside.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"] {
margin-left: 20px;
}
1aside.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] {
min-width: 350px;
}
}
/* -------------------------------------------------------------------------------------------------------------------------------------
FOOTER BOTTOM - Standard Copyright Section
----------------------------------------------------------------------------------------------------------------------------------------- */
.site-below-footer-wrap {
border-top: 1px solid #16478f;
}
/* Reduce Padding between Copyright & Designer
@media (min-width: 769px) {
.ast-footer-overlay {
padding-top: 2.3em;
padding-bottom: 2.3em;
}
}
*/
/* Reduce Padding between Copyright & Designer
@media (max-width: 768px) {
.ast-header-break-point .footer-sml-layout-2 .ast-small-footer-section-2 {
margin-top: 0em;
}
}
*/
/* ---------------------------------------------------------------------
Copyright - Left Side
------------------------------------------------------------------------ */
.ast-footer-copyright {
font-size: .95em !important;
font-family: 'Open Sans', Arial, Sans-serif;
font-weight: 500 !important;
color: #c9c9c9;
text-align: left;
}
.ast-footer-copyright a,
.ast-footer-copyright a:visited {
color: #aaa !important
}
.ast-footer-copyright a:hover,
.ast-footer-copyright a:active {
color: #fff !important;
}
/* Designer Link */
.ast-footer-copyright a.designer {
color: #aaa !important;
font-size: .90em;
margin: 0px 0px 0px 0px !important;
}
.ast-footer-copyright a.designer:visited {
color: #aaa !important;
font-size: .90em;
}
.ast-footer-copyright a.designer:hover,
.ast-footer-copyright a.designer:active {
color: #b9b9b9 !important;
}
/* ---------------------------------------------------------------------
Copyright - Right Side
------------------------------------------------------------------------ */
/* Footer Menu */
.astra-footer-menu li:after {
content: '|';
color: #505050;
font-family: 'open sans';
font-weight: 400;
margin-left: 3px;
margin-right: 1px;
}
.astra-footer-menu li:last-child:after {
content: ' ';
margin-left: 0;
margin-right: 0;
}
.astra-footer-menu li {
1float: left;
margin-bottom: 0;
margin-right: 0px;
}
.astra-footer-menu li a,
.astra-footer-menu li a:visited {
text-transform: capitalize !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #c9c9c9;
padding: 0px;
}
.astra-footer-menu li a:hover,
.astra-footer-menu li a:active {
color: #fff !important;
}
/* Divider Line */
#astra-footer-menu li.menu-item a:after {
content: '|';
color: #505050;
font-family: 'open sans';
font-weight: 400;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
}
#astra-footer-menu li.menu-item:last-child a:after {
content: ' ';
margin-left: 0;
margin-right: 0;
}
@media (min-width: 769px) {
.footer-nav-wrap .astra-footer-horizontal-menu a {
padding: 0px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
PLUGINS
----------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------
WPFORMS
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Who would you like to contact */
#wpforms-1809-field_10-container .wpforms-field-label {
font-size: 14px !important;
font-weight: 400 !important;
}
/* Please enter your information below */
.wpforms-form h3 {
font-size: 14px !important;
font-weight: 400 !important;
}
/* Labels */
.wpforms-form .wpforms-field-label {
font-size: 15px !important;
font-weight: 500 !important;
color: #3e3e3e;
}
/* Sub Label */
.wpforms-form .wpforms-field-sublabel {
font-size: 13px !important;
font-weight: 400 !important;
}
.wpforms-form .wpforms-field-label-inline {
font-size: 14px !important;
font-weight: 300 !important;
}
/* Input Fields */
.wpforms-form input[type=date],
.wpforms-form input[type=datetime],
.wpforms-form input[type=datetime-local],
.wpforms-form input[type=email],
.wpforms-form input[type=month],
.wpforms-form input[type=number],
.wpforms-form input[type=password],
.wpforms-form input[type=range],
.wpforms-form input[type=search],
.wpforms-form input[type=tel],
.wpforms-form input[type=text],
.wpforms-form input[type=time],
.wpforms-form input[type=url],
.wpforms-form input[type=week],
.wpforms-form select,
.wpforms-form textarea {
background-color: #f3fbff;
border: 1px solid #d8d8d8 !important
}
.wpforms-form .wpforms-field-row.wpforms-field-medium,
.wpforms-form input[type=email],
.wpforms-form input[type=text],
.wpforms-form input[type=tel] {
min-width: 100%;
}
.wpforms-form input:hover,
.wpforms-form input[type=text]:hover,
.wpforms-form textarea:hover,
.wpforms-form select:hover {
border: 1px solid #d8d8d8 !important;
box-shadow: 0px 0px 10px 0px rgb(114 175 251 / 38%);
}
.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form textarea:focus,
.wpforms-container .wpforms-form select:focus {
background: #fdfdf0 !important;
border: 1px solid #d8d8d8 !important;
box-shadow: 0px 0px 10px 0px rgba(185, 183, 183, 0.68);
}
/* Chrome Override for Black Border on Focus */
*,*:focus,*:hover{
outline:none;
}
/* Select Buttons */
/* Selection Items Display in one line */
.wpforms-form ul li {
/* Keep inline-block for displaying on one line or hide for displaying on seperate lines) */
/* display: inline-block !important; */
}
/* Select Options Block UL */
.wpforms-form .wpforms-field ul {
margin: 10px 0px 5px 0px !Important;
}
.wpforms-form input[type=radio] {
margin: 0px 5px 0px 3px;
}
.wpforms-form .wpforms-field-label-inline {
padding-right: 25px;
}
/* Description */
.wpforms-form .wpforms-field-description {
color: #dc0303
}
/* Dropdowns */
.wpforms-form select {
font-size: 14px !important;
}
select.wpforms-field-address-state {
font-weight: 300;
}
/* Total Amount */
div#wpforms-233086-field_5-container.wpforms-field.wpforms-field-payment-total.totalAmount {
margin: 0px 0px 50px 0px;
border: 1px solid #FFC107;
background-color: #ffffbe;
padding: 20px 20px 25px 20px;
width: 200px;
border-radius: 10px;
}
/* Submit Button */
.wpforms-form .wpforms-submit-container {
padding: 25px 0px 50px 0px;
}
button.wpforms-submit {
background-color: #0c1d41 !important;
border: 0px solid #1058a8 !important;
border-radius: 2px !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 700;
font-family: "Open Sans", Arial, sans-serif;
text-transform: uppercase !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.16) !important;
padding: 15px 30px !important;
transition: all 0.4s ease-in-out;
letter-spacing: 1px;
}
button.wpforms-submit:hover {
background-color: #0d59a9 !important;
}
/* CSS in Form */
.name,.email,.phone,.company,.comments,.submit {
color: #494949 !important;
}
.wpforms-form .wpforms-one-half,.wpforms-form .wpforms-three-sixths,.wpforms-form .wpforms-two-fourths {
width: 50% !important;
margin-left: 0 !important;
padding-right: 0px !important;
}
/* Fix for 2 columns */
.wpforms-form .wpforms-first {
padding-right: 10px !important;
}
/* Required Fields - Use star image */
.wpforms-form .wpforms-required-label:after {
content: ' ';
background-image: url('https://exteriorexpertsofmichigan.com/wp-content/uploads/star.png');
background-repeat: no-repeat;
width: 12px !important;
padding-right: 15px !important;
margin-left: -8px;
}
.wpforms-form .wpforms-required-label {
color: #f9f7ed !important;
padding: 0px 0px 0px 0px;
}
/* Confirmation Message*/
.wpforms-confirmation-container-full {
color: #333;
margin: 0 0 24px 0;
background: #fffdeb !important;
border: 1px solid #fbf4bb !important;
padding: 15px 15px;
}
/* Custom Form Section Block */
.wpforms-form .SectionBlock {
background-color: #0d59a9;
line-height: 45px;
text-align: center;
color: #fff;
font-family: "Poppins", Sans-serif !important;
font-size: 18px;
letter-spacing: 1px;
font-weight: 500;
margin: 0px 0px 10px 0px;
}
.wpforms-form p.FormInquiries {
font-size: 15px;
margin: 0px 0px 20px 0px;
color: #3e3e3e;
font-weight: 600;
line-height: 1.5;
background-color: #ffffda;
padding: 10px;
border: 1px dotted #f3f3cf;
}
1.wpforms-form .SectionBlock .heading:before {
content: "";
display: block;
width: 35%;
height: 1px;
margin: 0px 10px 0px 10px;
background: #fff;
left: 0;
top: 45%;
position: absolute;
}
1.wpforms-form .SectionBlock .heading:after {
content: "";
display: block;
width: 35%;
height: 1px;
margin: 0px 10px 0px 10px;
background: #fff;
right: 0;
top: 45%;
position: absolute;
}
/* Error - All fields not complete */
/* Home Page - Quick Form */
.page-id-553 .wpforms-container label.wpforms-error {
color: #fff;
}
/* Form Complete - Inline Thank you */
/* Home Page Quick Page */
.page-id-553 .wpforms-confirmation-container .HomeContactForm {
color: #fff;
1border: 1px dotted #fdbf06;
1padding: 30px 20px 20px 30px;
1background-color: #fffef4;
1font-size: 16px;
}
.page-id-553 .wpforms-confirmation-container .HomeContactForm a {
color: #ffc72a;
font-weight: 600;
}
/* Contact Page */
.page-id-2380 .wpforms-confirmation-container .ContactPageForm {
color: #737373;
border: 1px dotted #fdbf06;
padding: 30px 20px 20px 30px;
background-color: #fffef4;
font-size: 16px;
}
.page-id-2380 .wpforms-confirmation-container .ContactPageForm a {
color: #489cf5;
font-weight: 600;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
MISCELLANEOUS
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Scroll to Top / Back to Top */
#ast-scroll-top {
background-color: #0D59A9;
font-size: 1.2rem;
font-weight: 700;
border: 2px solid #fff;
}
#ast-scroll-top:hover {
background-color: #FAB505;
}
#ast-scroll-top.ast-scroll-to-top-right {
right: 10px !important;
bottom: 30px;
width: 2.5em;
height: 2.4em;
line-height: 2.4em;
}
/* Google Text in Footer */
.footerSText {
text-align: center;
color: #fff;
display: none;
}
.footerSText a:link {
text-align: center;
color: #c0c0c0;
color: #fff;
display: none;
}
.footerSText a:visited {
text-align: center;
color: #fff;
display: none;
}
/* Equal Height Column */
/* Add to Section */
1 .equal-height {
display: table;
width: 100%;
}
/* Add to item you want Equal Column Height */
1.equal-height-col {
display: table-cell;
padding: 0px;
}
/* ---------- FIX ICON ALIGNMENT ---------- */
/* Fix Icon Lists - Align Icons to Text Top - in Header */
.CustomHeader .elementor-icon-list-item {
align-items: start !important;
}
.CustomHeader .elementor-icon-list-item .elementor-icon-list-icon {
margin-top: 0px;
}
.CustomHeader .elementor-icon-list-item .elementor-icon-list-icon .icon-envelope1::before {
font-size: 18px;
line-height: 0px;
}
@media (min-width: 769px) {
.CustomHeader .elementor-icon-list-item .elementor-icon-list-icon i {
line-height: 20px;
}
}
/* Fix Icon Lists - Align Icons to Text Top - in Content */
.elementor-icon-list-item {
align-items: start !important;
}
.elementor-icon-list-item .elementor-icon-list-icon {
margin-top: 3px;
}
/* Fix Icon Lists - Align Icons to Text Top - in Footer */
1.CustomFooter .elementor-icon-list-item a {
align-items: start !important;
}
.CustomFooter .elementor-icon-list-item .elementor-icon-list-icon {
margin-bottom: 3px;
}
1.CustomFooter .elementor-icon-list-item .elementor-icon-list-text {
margin: 0px 0px 0px 0px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------
BOOKMARKS / ANCHORS / JUMP LINKS
pixelflips.com/blog/anchor-links-with-a-fixed-header
itsupportguides.com/knowledge-base/tech-tips-tricks/how-to-offset-anchor-tag-link-using-css/
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Anchor Link Fix - Used for linking to IDs */
1:target:before {
content:" " !important;
display: block !important;
height: 86px !important; /* fixed header height*/
margin: -86px 0px 0px 0px !important; /* negative fixed header height */
visibility: hidden;
}
/* Example Link
Link From
products
Link To
*/
/* This version is working
Do not add ID or Class in Page Builder, just in HREF link */
a.anchor {
display: block;
position: absolute;
top: -115px;
visibility: hidden;
}
/* Example Link
*/
/* -------------------------------------------------------------------------------------------------------------------------------------
BOOKMARKS / ANCHORS
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Anchor Link Fix - Used for linking to IDs*/
:target:before {
content:" " !important;
display: block !important;
height: 20px !important; /* fixed header height*/
margin: -25px 0 0 !important; /* negative fixed header height */
}
/* Example
Link From
products
Link To
*/
/* -------------------------------------------------------------------------------------------------------------------------------------
FONT AWESOME FREE
https://fontawesome.com/icons/pray?style=solid
----------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------
MEDIA QUERIES
----------------------------------------------------------------------------------------------------------------------------------------- */
/* Tablet */
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px) {
}
@media screen and (max-width: 921px) {
}
/* Mobile */
@media screen and (max-width: 767px) {
}
@media (max-width: 767px) {
}
@media screen and (max-width: 480px){
}
/* Mobile
@media (max-width: 767px)
*/
/* Tablet
@media (min-width: 768px) and (max-width: 1024px)
*/
/* Desktop
@media (min-width: 1025px) and (max-width: 99999px)
*/