/* Specific CSS to site */ /* -------------------- */ /* --------------- */ /* Greater Desktop */ /* ---------------- */ @media screen and (min-width: 804px) { #masthead {height:160px;} } @media screen and (min-width: 960px) { #masthead {height:175px;} } @media screen and (min-width: 1024px) { /* Page Structure */ #page {margin: 0;max-width: 1980px;} .page-width-outer {max-width: 100%;} .page-width-inner {width: 100%;} #masthead {max-width: 1980px;} #mobile-toggle-left-margin, #mobile-toggle-right-margin {width:32px;} #utility-left-margin, #utility-right-margin {width:32px;} #header-left-margin, #header-right-margin {width:32px;} #mobile-utility-left-margin, #mobile-utility-right-margin {width:32px;} #social-signal-left-margin, #social-signal-right-margin {width:32px;} #main-navigation-left-margin, #main-navigation-right-margin {width:32px;} #main-content {margin-left:auto; margin-right:auto; width:960px;} #footer-content {margin-left:auto; margin-right:auto; width:960px;} } /* -------- */ /* Masthead */ /* --------- */ #masthead {background-color:#000000;} @-webkit-keyframes blinker {from {opacity: 1.0;} to {opacity: 0.0;}} .blink{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; } /* Utility row */ @media screen and (min-width: 804px) { #nav-utility-5 {display:NONE;} #nav-utility-6 {display:NONE;} #nav-utility-7 {display:NONE;} } @media screen and (min-width: 960px) { #nav-utility-2 {display:NONE;} #nav-utility-3 {display:NONE;} #nav-utility-5 {display:table-cell;} #nav-utility-6 {display:table-cell;padding-right:12px;text-align: LEFT;} } @media screen and (min-width: 1334px) { #nav-utility-2 {display:table-cell;} #nav-utility-3 {display:table-cell;} } @media screen and (min-width: 1856px) { #nav-utility-5 a::before {content:"Window ";} #nav-utility-6 a::before {content:"Broken Window ";} #nav-utility-monthly-special a::before {content:"This Month's ";} } #utility-right-text h6 a {padding-right:3px;text-transform:LOWERCASE;} #utility-right-text h6::after { /* Note: Adds contact icon after contact us link */ content: "\f473"; font-family: dashicons; vertical-align: top; -webkit-font-smoothing: antialiased; } /* Social Signal Header */ @media screen and (min-width: 532px) { /* Social signal header */ #header-social-signal {float:NONE;margin:auto;position:ABSOLUTE;right:0;top:177px;width:200px;} /* #header-social-signal {float:NONE;margin-right:0;margin-top:0;position:ABSOLUTE;right:0;top:177px;} */ #social-signal-facebook-like-box-count{display:NONE;} #social-signal-facebook-like-button-count{display:BLOCK;} #social-signal-facebook-like-top-wrapper {display:NONE;} #social-signal-facebook-like-bottom-wrapper::before {content:"Join us";color:#FFFFFF;font-size:19px;padding-right:3px;vertical-align:TOP;} .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {width:100px!important;} .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {width:100px!important;} } @media screen and (min-width: 804px) { #header-social-signal {top:9px;} #social-signal-facebook-like-bottom-wrapper::before {font-size:16px;} } @media screen and (min-width: 960px) { #header-social-signal {top:9px;} } @media screen and (min-width: 1334px) { #header-social-signal {width:300px;} #social-signal-facebook-like-bottom-wrapper::before {content:"Join us on Facebook";} } /* Social Signal Row */ #social-signal-right-text h6::after { /* Note: Adds phone icon after phone number */ content: "\f525"; font-family: dashicons; vertical-align: top; -webkit-font-smoothing: antialiased; } #social-signal-right-text h6 a {padding-right:3px;text-decoration:UNDERLINE;} @media screen and (min-width: 1334px) { #social-signal-right-text h6::before {content:"Call us for any assistance on ";} } /* Background to top of masthead */ #main-navigation-outer-wrapper {background-color:#000000} #mobile-toggle-outer-wrapper{ background-image: url(/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: 0 1042px; background-repeat: repeat; border-bottom: 5px outset #1C75BB; } @media screen and (min-width: 804px) { #mobile-toggle-outer-wrapper{border-bottom: 0;} #utility-outer-wrapper, #main-navigation-outer-wrapper { background-image: url(/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: 0 1042px; background-repeat: repeat; } #utility-outer-wrapper {border-bottom: 5px outset #1C75BB;} #main-navigation-outer-wrapper {border-top: 5px outset #1C75BB;} } /* Adjust size of masthead */ @media screen and (min-width: 320px) { .mobile-toggle-height {height: 35px;} } @media screen and (min-width: 532px) { .mobile-toggle-height {height: 35px;} } @media screen and (min-width: 804px) { .mobile-toggle-height {height: 0;} .utility-height {height: 35px;} .header-height {height: 120px;} #signal-glike-text{vertical-align: TOP;} #signal-glike {vertical-align: TOP;} #social-signal-right-text{vertical-align: TOP;} } @media screen and (min-width: 960px) { .utility-height {height: 35px;} .header-height {height: 135px;} } /* Masthead background */ @media screen and (min-width: 1690px) { #masthead{background-position:0 -537px;} #header-content-left { display:BLOCK; width:650px; float:right; } #header-content-left:before{ background-image: url(/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: 50% -40px; background-repeat: no-repeat; content: ""; float:right; height: 135px; width:960px; } } /* Priority Navigation */ #nav-priority-2 {display:NONE;} #nav-priority-3 {display:NONE;} #nav-priority-4 {display:TABLE-CELL;} #nav-priority-5 {display:TABLE-CELL;} @media screen and (min-width: 532px) { #nav-priority-2 {display:TABLE-CELL;} #nav-priority-3 {display:TABLE-CELL;} } /* Main Nav */ /* -------- */ @media screen and (min-width: 804px) {.main-navigation-height {height:40px;}} #masthead h6 a:hover, #masthead h6 a:focus {text-decoration:NONE;} #menu-main-menu li:hover > a, #menu-main-menu li:focus > a {color: #8DBADD; text-decoration:NONE;} #menu-main-menu a {text-decoration: UNDERLINE;} #menu-main-menu a:hover, #menu-main-menu a:focus {text-decoration: NONE;} .menu-main-menu-container {margin-left: auto; margin-right: auto; margin-top: 18px; width:256px;} @media screen and (min-width: 532px) {.menu-main-menu-container {width:468px;}} @media screen and (min-width: 804px) {.menu-main-menu-container {margin-top: 11px;width:100%;}} #menu-main-menu {border-bottom:24px solid #000000;} @media screen and (min-width: 532px) {#menu-main-menu {border-bottom:NONE;}} #menu-main-menu li { background-image: url(/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: 0 1042px; background-repeat: repeat; padding-top: 5.5px; padding-bottom: 5.5px; text-decoration:UNDERLINE; } @media screen and (min-width: 804px) { #menu-main-menu li {background-image: url();padding-top:0;padding-bottom:0;} } #menu-main-menu li:hover, #menu-main-menu li:focus { background-color: #FFFFFF; background-image: url(); } @media screen and (min-width: 532px) { #menu-main-menu li{width: 100%;} #menu-main-menu li:first-child {text-align:CENTER;} #menu-main-menu li:last-child {text-align:CENTER;} } @media screen and (min-width: 804px) { #menu-main-menu li{font-size: 16px;} } /* Text */ #menu-item-432 a::before {content:"Window ";} /* Replacements */ #menu-item-433 a::before {content:"Window ";} /* Broken Windows */ #menu-item-316 a::after {content:" Screens";} /* Showers */ #menu-item-429 a::before {content:"Patio ";} /* Enclosures */ #menu-item-430 a::before {content:"Pool ";} /* Fencing */ #menu-item-431 a::after {content:" & Robes";} /* Mirrors */ #menu-main-menu #menu-item-435 {display:NONE;} /*Reviews*/ #menu-main-menu #menu-item-436 {display:NONE;} /*About Us*/ @media screen and (min-width: 532px) { #menu-item-432 a::before {content:"Window & Glass ";} /* Replacements */ #menu-item-433 a::before {content:"Broken Window ";} /* Repairs */ #menu-item-253 a::before {content:"Custom ";} /* Windows & Doors */ #menu-item-250 a::before {content:"Glass ";} /* Splashbacks */ #menu-item-248 a::before {content:"Glass ";} /* Balustrades */ #menu-item-430 a::before {content:"Glass Pool ";} /* Pool Fencing */ #menu-item-431 a::after {content:" & Robe Doors";} /* Mirrors */ #menu-item-251 a::after {content:" & Fitouts";} /* Shop fronts */ } @media screen and (min-width: 804px) { #menu-main-menu #menu-item-432 {display:NONE;} /*Window Replacements */ #menu-main-menu #menu-item-433 {display:NONE;} /* Broken Windows */ #menu-main-menu #menu-item-434 {display:NONE;} /*Contact Us*/ #menu-item-253 a::before {content:"";} #menu-item-316 a::after {content:"s";} /* Showers */ #menu-item-429 a::before {content:"";} #menu-item-250 a::before {content:"";} #menu-item-248 a::before {content:"";} #menu-item-430 a::before {content:"";} #menu-item-431 a::after {content:"";} #menu-item-251 a::after {content:"";} } @media screen and (min-width: 960px) { #menu-main-menu #menu-item-435 {display:BLOCK;float:RIGHT;} /*Reviews*/ #menu-main-menu li#menu-item-435 {padding-right:0;text-decoration:NONE;} #menu-main-menu li#menu-item-435 a {padding-right:3px;} #menu-main-menu li#menu-item-435::after { /* Note: Adds contact icon after contact us link */ content: "\f110"; color:#FFFFFF; font-family: dashicons; vertical-align: top; -webkit-font-smoothing: antialiased; } } @media screen and (min-width: 1334px) { #menu-item-431 a::after {content:" & Robes Doors";} /* Mirrors */ #menu-item-316 a::after {content:" Screens";} /* Showers */ #menu-item-250 a::before {content:"Glass ";} #menu-item-248 a::before {content:"Glass ";} #menu-item-430 a::before {content:"Pool ";} #menu-main-menu li#menu-item-435 a::before {content:"Our ";} /*Reviews*/ } @media screen and (min-width: 1856px) { #menu-item-253 a::before {content:"Custom ";} #menu-item-429 a::before {content:"Patio ";} #menu-item-430 a::before {content:"Glass Pool ";} #menu-item-431 a::after {content:" & Robe Doors";} #menu-item-251 a::after {content:" & Fitouts";} #menu-main-menu li#menu-item-435::before {content:"Check out our ";color:#FFFFFF;} /*Reviews*/ #menu-main-menu li#menu-item-435 a::before {content:"testimonials and ";} /*Reviews*/ #menu-main-menu li#menu-item-435 a {text-transform:LOWERCASE;} /*Reviews*/ } @media screen and (min-width: 804px) {#menu-main-menu li {float:LEFT;padding-left:6px; padding-right:6px; width:AUTO;}} @media screen and (min-width: 960px) {#menu-main-menu li {padding-left:9.5px; padding-right:9.5px;}} @media screen and (min-width: 960px) { #nav-utility-1, #nav-utility-2, #nav-utility-3, #nav-utility-4, #nav-utility-5, #nav-utility-6 {padding-right:12px;} #menu-main-menu li {padding-left:10px; padding-right:10px;} } @media screen and (min-width: 804px) {#menu-main-menu li:hover, #menu-main-menu li:focus {background-color: rgba(0, 0, 0, 0);}} /* Sub menu border */ #menu-main-menu li {border-bottom: 5px outset #1C75BB;} #menu-main-menu li:first-child {border-bottom: 5px outset #1C75BB;} #menu-main-menu li:last-child {border-bottom: 5px outset #1C75BB;} @media screen and (min-width: 804px) { #menu-main-menu li {border-bottom: NONE;} #menu-main-menu li {border-left: NONE;} #menu-main-menu li {border-right: NONE;} #menu-main-menu li:first-child {border-bottom: NONE;} #menu-main-menu li:last-child {border-bottom: NONE} } /* ------- */ /* Content */ /* ------- */ #main-outer-wrapper { background-image: url("/wp-content/themes/enterprise/settings-specific/images/masthead-background.jpg"); background-size: 1024px; background-position: 50% -50px; padding-top: 240px; } @media screen and (min-width: 532px) { #main-outer-wrapper { background-position: 50% -30px; background-size: 1330px; padding-top: 360px; } } @media screen and (min-width: 804px) { #main-outer-wrapper { background-position: 50% -80px; background-size: 1530px; padding-top: 360px; } #social-signal-left, #social-signal-right { position: absolute; top: 575px; } #social-signal-right { left: 66%; width: 250px; } } @media screen and (min-width: 960px) { #main-outer-wrapper { background-position: 50% -150px; background-size: 1930px; padding-top: 360px;} #social-signal-left, #social-signal-right { top: 575px; } #social-signal-right { left: 73%; } } @media screen and (min-width: 1024px) { #main-outer-wrapper { background-position: 50% -150px; background-size: 1930px; padding-top: 345px; } #social-signal-right { left: auto; right: 32px; width: 300px; } } @media screen and (min-width: 1334px) { #main-outer-wrapper { background-position: 50% -180px; background-size: 2048px; padding-top: 345px; } } #main-inner-wrapper{border-top:35px solid #000000; background-color:#FFFFFF} .column-inner-below-horizon-heading {margin-bottom:8px!important; margin-top:8px!important;} .column-inner-above-horizon-top-row{margin-top:16px; margin-bottom:16px;} .entry-content h1 {letter-spacing: -2.5px;} .entry-content h2, .above-horizon-bar-standard-element p {letter-spacing: -1px;} @media screen and (min-width: 532px) { .entry-content h1, .comment-content h1, .entry-content h2, .above-horizon-bar-standard-element p {letter-spacing: -2.5px;} } .column-inner-above-horizon-top-text-element-standard h1, {line-height: 1.15;} .entry-content h2, comment-content h2, .mu_register h2 {line-height:1.2;} .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {font-family: sourcesanspro; } .column-inner-above-horizon-top-row, .column-inner-below-horizon-heading-row {background-color:rgba(28, 117, 187,0.1);} .column-inner-below-horizon-heading { padding-left: 16px!important;padding-right: 16px!important;} .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 42.25px;} .above-horizon-bar-standard-element p {font-size: 22.11px;font-weight:NORMAL;} @media screen and (min-width: 532px) { .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 72px;} .above-horizon-bar-standard-element p {font-size: 42.25px;} } @media screen and (min-width: 804px) { .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 61.12px;} .above-horizon-bar-standard-element p {font-size: 30.56px;} } @media screen and (min-width: 960px) { .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 72px;} .above-horizon-bar-standard-element p {font-size: 42.25px;} } @media screen and (min-width: 1334px) { .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 80px;} .column-inner-below-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 {margin-left:80px;margin-right:0;} .column-inner-below-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 {margin-left:0px;margin-right:80px;} .column-inner-below-horizon-heading {padding-left: 0!important;padding-right: 0!important;} } /* Footer */ /* ------- */ footer#colophon {background-color:#000000;} #footer-hero {height:0;} /* Thank you */ .entry-content .social-signal-button-large .left-wrapper {margin-right:0;padding-right:0;} #___follow_0 {width:131px!important;} #___follow_0 > iframe {width:131px!important;} #___ytsubscribe_0 {padding-right:20px!important;} /* YouTube Mobile fixes*/ /* ------------------- */ .ytp-chrome-top.ytp-show-cards-title {display:none!important;} .ytp-gradient-top {display:none!important;} .ytp-gradient-bottom {display:none!important;} .ytp-chrome-bottom.ytp-volume-slider-active {display:none!important;} video.video-stream.html5-main-video { width: 322px!important; height: 322px!important; left: -1px!important; right: 0px!important; top: -1px!important; bottom: 0px!important;}