/* Display options */ /* -------------------------------------------------------------- */ /* Note: This is only for block elements within content */ .display-mobile-only {display:BLOCK;} .display-mobile-tablet-only {display:BLOCK;} .display-tablet-only {display:NONE;} .display-tablet-above {display:NONE;} .display-phablet-above {display:NONE;} @media screen and (min-width: 532px) { .display-mobile-only {display:NONE;} .display-tablet-only {display:BLOCK;} .display-tablet-above {display:BLOCK;} } @media screen and (min-width: 804px) { .display-mobile-tablet-only {display:NONE;} .display-tablet-only {display:NONE;} .display-phablet-above {display:BLOCK;} } @media screen and (min-width: 960px) { } /* Site structure */ /* -------------------------------------------------------------- */ /* Site HTML */ html { font-size: 100%; /* Overwrite "87.5%" in Twenty Twelve. This changed schema from 14 base to 16 base */ overflow-y: scroll; } /* Site padding */ .site {padding: 0;} /*Reset site padding*/ /* Site overflows */ div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {overflow:hidden;} /* Site images */ img { max-width:100%; /* Make all images responsive */ height:auto; /* Override for twenty twelve makes images scale to column widths */ vertical-align: bottom; /* Remove small space from text decender effect */ } /* Site fonts */ @font-face { font-family: sourcesanspro; /* used as body font */ src: url(https://www.guysglass.com.au/wp-content/themes/enterprise/fonts/sourcesanspro/sourcesanspro-light-web.ttf); /* used as body font */ } @font-face { font-family: oswald; /* used as heading font */ src: url(https://www.guysglass.com.au/wp-content/themes/enterprise/fonts/oswald/oswald-bold-web.ttf); /* used as heading font */ } /* Page */ #page { box-shadow: 0 2px 20px rgba(100, 100, 100, 0.3); margin: auto; max-width: 384px; } @media screen and (min-width: 532px) { #page {max-width: 596px;} } @media screen and (min-width: 804px) { #page {max-width: 868px;} } @media screen and (min-width: 960px) { #page {max-width: 1024px;} } /* Body -------------------------------------------------------------- */ body {font-family: sourcesanspro; } /* Overwrite custom font in Twenty Twelve */ body.custom-font-enabled {font-family: sourcesanspro;} /* Overwrite custom font in Twenty Twelve */ body .site { padding-left: 0; /*Override on Twenty Twelve */ padding-right: 0; /*Override on Twenty Twelve */ margin-top: 0; /*Override on Twenty Twelve */ margin-bottom: 0; /*Override on Twenty Twelve */ box-shadow: none; /*Override on Twenty Twelve */ } /* =Page structure -------------------------------------------------------------- */ /* Page elements */ .table-css {display: table;width: 100%;table-layout: fixed;} .table-cell-css {display: table-cell;vertical-align: middle;} /* =Page widths -------------------------------------------------------------- */ .page-width-outer {max-width: 384px;margin: auto;} .page-width-inner {width: 320px;margin: auto;} @media screen and (min-width: 532px) { .page-width-outer {max-width: 596px;} .page-width-inner {width: 532px;} } @media screen and (min-width: 804px) { .page-width-outer {max-width: 868px;} .page-width-inner {width: 804px;} } @media screen and (min-width: 960px) { .page-width-outer {max-width: 1024px;} .page-width-inner {width: 960px;} } /* =Page heights ----------------------------------------------- */ .mobile-toggle-height {height: 40px;} .utility-height {height: 0px;} .header-height {height: 80px;} .mobile-utility-height {height: 40px;} .social-signal-height {height: 30px;} #masthead { background-position:50% -1142px; max-width: 384px; height: 190px; } @media screen and (min-width: 532px) { .mobile-toggle-height {height: 45px;} .utility-height {height: 0px;} .header-height {height: 85px;} .mobile-utility-height {height: 45px;} .social-signal-height {height: 35px;} #masthead { background-position:50% -932px; max-width: 596px; height: 210px; } } @media screen and (min-width: 804px) { .mobile-toggle-height {height: 0px;} .utility-height {height: 40px;} .header-height {height: 120px;} .mobile-utility-height {height: 0px;} .social-signal-height {height: 30px;} #masthead { background-position:50% -742px; max-width: 868px; height: 190px; } } @media screen and (min-width: 960px) { .mobile-toggle-height {height: 0px;} .utility-height {height: 45px;} .header-height {height: 125px;} .mobile-utility-height {height: 0px;} .social-signal-height {height: 35px;} #masthead { background-position:50% -537px; /*Check */ /*Page template: */ /*site_footer_hero_height_css = 490px */ /*site_footer_google_plus_height_css = 47px */ max-width: 1024px; height: 205px; } } /* Caption */ p.wp-caption {color: #000000!important;} .wp-caption, .wp-caption-text,.gallery-caption,.entry-caption { color: #000000!important; font-style: italic!important; font-size: 16px!important; line-height: 1.2!important; text-align:center!important; } /* Form fields */ button, input, select, textarea { box-shadow:none; padding: 6px;} /* need to remove padding: 0.428571429rem; */ /* uu need to test as from FFQOAU */ /* =Site background colors ----------------------------------------------- */ .site, #main, footer#colophon {background-color: rgba(0,0,0,0);} #menu-main-menu a:hover, #menu-main-menu a:focus {background-color: rgba(0,0,0,0);} #menu-main-menu li:hover ul li a:hover {background-color: rgba(0,0,0,0);} #display-menu-reset-from-mobile-toggle {background-color: rgba(0,0,0,0);} .site-info {background-color: rgba(0,0,0,0);} .captacha-data {background-color: rgb(255,255,255);} .captacha-code {background-color: rgb(255,255,255);} img.ajax-loader {background-color: rgba(0,0,0,0);} body {background-color: rgb(255,255,255);} #page {background-color: rgb(255,255,255);} #menu-main-menu ul li {background-color: #FFFFFF;} #menu-main-menu ul li:hover, #menu-main-menu ul li:focus {background-color: #FFFFFF;} .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 {background-color: #E5E5E5;} .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 {background-color: #E5E5E5;} #footer {background-color: #000000;} #footer-from-header-utility-menu-left {background-color: #000000;} #footer-navigation {background-color: #000000;} #footer-utility-get-social {background-color: #000000;} #footer-hero {background-color: #000000;} #footer-copyright {background-color: #000000;} .inner-page-inner-right-column-toc-standard.wpb_text_column.wpb_content_element p {background-color: #808080;} .inner-page-above-horizon-contact-form {background-color: #808080;} .wpcf7-form-control.wpcf7-submit {background: rgb(255,0,0);} .wpcf7-form-control.wpcf7-submit:hover {background: rgba(255,0,0,0.5);} /* Social signals with content - fixed color to match social channel */ .entry-content .social-signal-button-large.facebook-like {background-color: #3B579D;} .entry-content .social-signal-button-large.google-plus-one {background-color: #D9473C;} .entry-content .social-signal-button-large.linkedin-follow {background-color: #005986;} .entry-content .social-signal-button-large.youtube-subscribe {background-color: #952520;} .entry-content .social-signal-button-large.twitter-follow {background-color: #1DA1F2;} /* =Site font colors ----------------------------------------------- */ .entry-content .social-signal-button-large {color: rgb(255,255,255);} .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {color: rgb(255,0,0);} a {color: #8DBADD;} a:hover, a:focus {color: #D2421D;} a:visited {color: #9F9F9F;} #masthead h6 {color: #FFFFFF;} #masthead h6 a, #masthead h6 a:visited {color: #FFFFFF;} #masthead h6 a:hover, #masthead h6 a:focus {color: #8DBADD;} #toggle-menu-text h6 a {color: #FFFFFF;} #toggle-menu-text h6 a:hover, #toggle-menu-text h6 a:focus {color: #8DBADD;} #utility-menu-left h6 a {color: #FFFFFF;} #utility-menu-left h6 a:hover, #utility-menu-left h6 a:focus {color: #8DBADD;} #utility-menu-right h6 a:hover, #utility-menu-right h6 a:focus {color: #8DBADD;} #signal-glike-text {color: #FFFFFF;} #social-signal-right-text h6 {color: #FFFFFF;} #menu-main-menu a {color: #FFFFFF;} #menu-main-menu a:hover, #menu-main-menu a:focus {color: #8DBADD;} #masthead .open-menu-primary h6 {color: #FFFFFF;} #masthead .open-menu-primary h6:hover, #masthead .open-menu-primary h6:focus {color: #8DBADD;} #menu-main-menu li a {color: #FFFFFF;} #menu-main-menu li a:hover, #menu-main-menu li a:focus {color: #8DBADD;} #menu-main-menu ul li:a {color: #FFFFFF;} #menu-main-menu ul li a:hover, #menu-main-menu ul li a:focus {color: #8DBADD;} .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {color: #000000;} .entry-content p, .entry-summary p, .comment-content p, .mu_register p, .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ol, .comment-content ol, .entry-content li, .comment-content li, .mu_register li {color: #000000;} .entry-content a:visited, .comment-content a:visited {color: #9F9F9F;} .column-inner-above-horizon-top-text-element-standard h1 {color: #000000;} .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 .inner-page-inner-right-column-toc-standard p {color: #FFFFFF;} .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 .inner-page-inner-right-column-toc-standard .toc_list li, ul.toc_list li a {color: #000000;} footer[role="contentinfo"] {color: #FFFFFF;} footer[role="contentinfo"] a {color: #FFFFFF;} footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus {color: #8DBADD;} footer[role="contentinfo"] a:visited {color: #FFFFFF;} .onlineform-heading {color: #E5E5E5;} .onlineform p {color: #E5E5E5;} .wpcf7-form-control.wpcf7-submit {color: #FFFFFF;} .wpcf7-form-control.wpcf7-submit:hover {color: #FFCC66;} /* =Site masthead ----------------------------------------------- */ #masthead { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-repeat:no-repeat; margin:auto; } #masthead h6, #masthead h6 a {font-weight: normal;} /*removes bold from all H6s */ #masthead h6 a {text-decoration: underline;} #mobile-utility h6,#toggle-menu h6, #menu-main-menu li{font-size: 19px;} /* UU to remove @media screen and (min-width: 804px) { #mobile-utility h6,#toggle-menu h6, #menu-main-menu li {font-size: 16px;} } */ #social-signal h6 {font-size: 19px;} @media screen and (min-width: 804px) { #social-signal h6 {font-size: 16px;} } /* =Utility menu ----------------------------------------------- */ #utility h6 {font-size: 19px;} @media screen and (min-width: 804px) { #utility h6 {font-size: 16px;} } #utility-menu-left {text-align: left;} #utility-left-text { /* Note this applies to then utility-mobile secion */ display:table; table-layout:fixed; width:100%; } @media screen and (min-width: 532px) { /* This apply to the utility mobile in tablet as well as the utility section in phablet and desktop */ #utility-left-text { display: table-cell; vertical-align: middle; text-align: left; } } /* #nav-utility */ @media screen and (min-width: 532px) { #nav-utility-1, #nav-utility-2, #nav-utility-3, #nav-utility-4, #nav-utility-5 { padding-right:12px; text-align: LEFT; } } #utility-menu-right {text-align: right;} /* =Mobile toggle ----------------------------------------------- */ /* mobile toggle */ .display-menu-reset-from-mobile-toggle {display:block;} /* change of state triggers jquery within navagaition.js */ @media screen and (min-width: 804px) { .display-menu-reset-from-mobile-toggle {display:none;} /* change of state triggers jquery from left to right in navagaition.js used */ } #toggle-closed { display: none; text-align:right; } #toggle-open {text-align: right;} #toggle-open a h6::after, #toggle-closed a h6::after { font-family: dashicons; vertical-align: top; margin-right: 6px; -webkit-font-smoothing: antialiased; white-space: nowrap; text-decoration:none; } #toggle-open a h6::after {content: "\f333";} #toggle-closed a h6::after{content:"\f158";} #toggle-menu-text { text-align: left; width: 240px; } @media screen and (min-width: 532px) { #toggle-menu-text {width: 450px;} } #toggle-menu-text-closed { display:none; text-align: left; width: 240px; } @media screen and (min-width: 532px) { #toggle-menu-text-closed {width: 450px;} } .open-menu-primary h6{text-decoration: underline;} .open-menu-primary h6:hover, .open-menu-primary h6:focus {cursor:pointer;} /* Priority nav */ #nav-priority-1, #nav-priority-2, #nav-priority-3, #nav-priority-4, #nav-priority-5 {padding-right:8px;} #nav-priority-3 {padding-right:0;} #nav-priority-4, #nav-priority-5 {display:none;} @media screen and (min-width: 532px) { #nav-priority-3 {padding-right:8px;} #nav-priority-4, #nav-priority-5 {display:table-cell;} #nav-priority-5 { display:table-cell; padding-right:0; } } /* =Header social signal ----------------------------------------------- */ #header-social-signal { position:absolute; top:165px; } @media screen and (min-width: 532px) { #header-social-signal { float:right; left:0px; /*reset from generic view */ margin-right:8px; /* Note as position is set with header div its height is not affected by site configuration */ margin-top:43px; position:relative; /*reset from generic view */ top:0px; /*reset from generic view */ width:auto; } } @media screen and (min-width: 804px) { #header-social-signal { margin-right:7px; margin-top:27px; } } #social-signal-facebook-like-top-wrapper{display: none;} @media screen and (min-width: 804px) { #social-signal-facebook-like-top-wrapper { display: block; background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position:-810px -490px; height:38px; margin-bottom: 6px; width:85px; } } #social-signal-facebook-like-bottom-wrapper {text-align:center;} #social-signal-facebook-like-box-count{display: none;} @media screen and (min-width: 532px) { #social-signal-facebook-like-box-count { display: block; } } @media screen and (min-width: 804px) { #social-signal-facebook-like-box-count {display: none;} } #social-signal-facebook-like-button-count{display: block;} @media screen and (min-width: 532px) { #social-signal-facebook-like-button-count {display: none;} } @media screen and (min-width: 804px) { #social-signal-facebook-like-button-count {display: block;} } /* UU remove #social-signal-linkedin-follow-button-count{display: block; width: 140px;} */ /* Note: Settings requirted for LinkedIn follow button to be high and wide enough */ .IN-widget iframe{height:25px!important;width:130px!important;} /* Note: Settings requirted for Facebook follow button to be high and wide enough */ .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {height:60px!important;width:100px!important;} .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {height:60px;width:100px!important;} @media screen and (min-width: 532px) { .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span {width:55px!important;} .fb-like.fb_iframe_widget.fb_iframe_widget_fluid span iframe {width:55px!important;} } @media screen and (min-width: 804px) { .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;} } #social-signal-linkedin-follow-top-wrapper{display: none;} @media screen and (min-width: 532px) { #social-signal-linkedin-follow-top-wrapper { display: block; background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position:-895px -490px; height:45px; margin-bottom: 3px; width:129px; } } #social-signal-linkedin-follow-bottom-wrapper {text-align:center;} /* Note this is needed to hide the comments box when you go to do a Facebook like */ #fb_button{overflow:hidden;} iframe {max-width: none;} #social-signal-left { display: none; margin-left:8px; } @media screen and (min-width: 532px) { #social-signal-left {display: table-cell;} } #social-signal-right {text-align: right;} #signal-glike-text { display: none; margin-left:0; } @media screen and (min-width: 532px) { #signal-glike-text {display: table-cell; padding-right:6px;} } #___plusone_0 {width:40px!important;} /*overrides Google+ in-style seting */ /* =Utility mobile menu ----------------------------------------------- */ #mobile-utility-menu-left { display: TABLE-CELL; text-align: LEFT; } #mobile-utility-menu-right { display: TABLE-CELL; text-align: RIGHT; } #mobile-utility #nav-utility-1, #mobile-utility #nav-utility-4, #mobile-utility #nav-utility-5 {display: NONE;} @media screen and (min-width: 532px) { #mobile-utility #nav-utility-4 {display: TABLE-CELL;} } /* =Navigation Menu -------------------------------------------------------------- */ .main-navigation { margin-top: 0; /* override Twenty Twelve */ text-align:left; /* override Twenty Twelve */ } .main-navigation li { margin-top: 0; /* override Twenty Twenty*/ line-height: 1; /* override Twenty Twenty*/ } #site-navigation {margin-top: 0;} /* overide Twenty Twenty */ #menu-main-menu { display: none; /* hide menu */ padding-left: 0; /* uu maybe not needed */ } @media screen and (min-width: 804px) { #menu-main-menu{ display: table; table-layout: fixed; /* display: block; */ /* to remove */ list-style:none; padding: 0; min-width: 500px; width: 100%; } #menu-main-menu:after { content: ''; display: inline-block; width: 100%; } #menu-main-menu a{ padding:0; text-decoration:none; } } #menu-main-menu a {text-decoration: NONE;} #menu-main-menu a:hover, #menu-main-menu a:focus {text-decoration: UNDERLINE;} #menu-main-menu ul{ /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ background:#; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */ background:rgba(0,0,0,0); } #menu-main-menu li{ border-bottom:1px solid #808080; display:BLOCK; padding-bottom: 9.5px; padding-left:0; padding-right:0; padding-top: 9.5px; margin-right:0; margin-top:0; text-align:CENTER; } @media screen and (min-width: 804px) { #menu-main-menu li{ border-bottom: none; padding-top: 11.055px; padding-bottom: 11.055px; padding-left:9.5px; padding-right:9.5px; text-align:LEFT; } } #menu-main-menu li:first-child {padding-left:0;} #menu-main-menu li:last-child {border-bottom: NONE; padding-right: 0;} #menu-main-menu li ul.sub-menu { margin-left:0; /* negate padding-left from #menu-main-menu li */ max-height: 0; overflow: hidden; /*Animation*/ -webkit-transition: max-height 3s ease; -moz-transition: max-height 3s ease; -o-transition: max-height 3s ease; -ms-transition: max-height 3s ease; transition: max-height 3s ease; } @media screen and (min-width: 804px) { #menu-main-menu li ul.sub-menu { margin-left:-9.5px; /*Note: Negate padding-left from #menu-main-menu li */ margin-top: 11.055px; /* Note: Negate padding-bottom from #menu-main-menu li */ margin-right:-9.5px; /*Note: Negate margin-left from #menu-main-menu li ul.submenu */ width: 22.11px; /*Note: Make width fit with margin adjustments */ } } #menu-main-menu ul li, #menu-main-menu ul li:first-child, #menu-main-menu ul li:last-child { display:TABLE; table-layout:FIXED; padding-left:0; padding-right:0; padding-top:9.5px; padding-bottom:9.5px; text-align: CENTER; width:100%; } @media screen and (min-width: 804px) { #menu-main-menu ul li, #menu-main-menu ul li:first-child, #menu-main-menu ul li:last-child { padding-left: 9.5px; padding-right: 9.5px; /* padding-top:1px; not needed */ /* Introducing a padding between the li and the a give the illusion spaced items */ /* display: block; */ /*not needed * /* text-align:left; not needed */ padding-top: 11.055px; padding-bottom: 11.055px; text-align: LEFT; width: px; } } /* Submenu border */ @media screen and (min-width: 804px) { #menu-main-menu ul li {border-bottom: 2px solid #808080;} #menu-main-menu ul li {border-left: 2px solid #808080;} #menu-main-menu ul li {border-right: 2px solid #808080;} #menu-main-menu ul li:first-child {border-top: 2px solid #808080;} #menu-main-menu ul li:last-child {border-bottom: 2px solid #808080;} } /* Submenu spacing */ /* UU Remove #menu-main-menu li:hover, #menu-main-menu li:focus {padding-bottom:0;} */ #menu-main-menu li:hover ul.sub-menu { margin-top:9.5px; max-height: 960px; } #menu-main-menu ul li:hover, #menu-main-menu ul li:focus {padding-bottom:11.055px;} /* Submenu underline */ #menu-main-menu li:hover a, #menu-main-menu li:focus a {text-decoration:NONE;} #menu-main-menu ul li a {text-decoration:UNDERLINE!important;} #menu-main-menu ul li:hover a {text-decoration:NONE!important;} /* Desktop navigation */ @media screen and (min-width: 804px) { /* desktop naviagtion settings */ #main-navigation-outer-wrapper, #main-navigation-inner-wrapper, #site-navigation, .menu-main-menu-container, #menu-main-menu, #menu-main-menu li, ul.sub-menu { overflow: visible; } /* drop down */ #menu-main-menu ul { list-style:none; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ } #menu-main-menu ul a{ white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ } } /* UU not needed for left aligned menu #menu-main-menu li{ display: table-cell; width:100%; text-align:center; vertical-align: middle; } */ @media screen and (min-width: 532px) { #menu-main-menu li{width: 225px} #menu-main-menu li:first-child{text-align:left;} #menu-main-menu li:last-child{text-align:right;} #menu-main-menu li:hover ul{ /* Note: Display the dropdown on hover */ left:auto; /* Bring back on-screen when needed */ z-index:9999; } } /* =Before and afters in masthead -------------------------------------------------------------- */ #signal-glike-text h6::before { content: "Click G+ to like "; white-space: nowrap; } @media screen and (min-width: 532px) { #signal-glike-text h6::before {content: "Click G+ to like ";} } @media screen and (min-width: 804px) { #signal-glike-text h6::before {content: "Click G+ to like ";} } @media screen and (min-width: 960px) { #signal-glike-text h6::before {content: "Click G+ to like on Google ";} } #utility-right-text {text-align: CENTER;} @media screen and (min-width: 532px) { #utility-right-text {text-align: RIGHT;} } #utility-right-text h6::before { content: " "; white-space: nowrap; } @media screen and (min-width: 532px) { #utility-right-text h6::before {content: " ";} } @media screen and (min-width: 804px) { #utility-right-text h6::before {content: "For help with questions please ";} } @media screen and (min-width: 960px) { #utility-right-text h6::before {content: "For help on questions or advice feel free to ";} } #social-signal-right-text h6::before { content: "Call us on "; white-space: nowrap; } @media screen and (min-width: 532px) { #social-signal-right-text h6::before {content: "Call ";} } @media screen and (min-width: 804px) { #social-signal-right-text h6::before {content: "Call ";} } @media screen and (min-width: 960px) { #social-signal-right-text h6::before {content: "For assistance ";} } /* =Main content and comment -------------------------------------------------------------- */ /* Site content */ .site-content { margin: 0; }/*Override on Twenty Twelve */ @media screen and (min-width: 1216px) { .site-content { margin-top: 16px;} } .site-content article { border-color: none; /*Override on Twenty Twelve */ border-bottom: 0; /*Override on Twenty Twelve */ margin-bottom: 0; /*Override on Twenty Twelve */ padding-bottom: 0; /*Override on Twenty Twelve */ -webkit-hyphens: none; /* Removes hythens */ -moz-hyphens: none; /* Removes hythens */ hyphens: none; /* Removes hythens */ } /* Entry content */ .entry-header {margin:0;} /*Override Twenty Twelve */ .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 0; /*override Twenty Twelve */ line-height: 1.2; font-family: oswald; margin-bottom: 8px; } .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 36px;} /*override Twenty Twelve */ @media screen and (min-width: 532px) { .entry-content h1, .comment-content h1, .mu_register h1 {font-size: 42.25px;} } .entry-content h2,.comment-content h2, .mu_register h2 {font-size: 23px;}/*override Twenty Twelve */ @media screen and (min-width: 532px) { .entry-content h2, .comment-content h2, .mu_register h2 {font-size: 30.56px;} } .entry-content h3, .comment-content h3 {font-size: 19px;} /*override Twenty Twelve */ @media screen and (min-width: 532px) { .entry-content h3, .comment-content h3, .mu_register h3 {font-size: 22.11px;} } .entry-content h4, .comment-content h4 {font-size: 16px;} /*override Twenty Twelve */ .entry-content h5, .comment-content h5 { font-size: 16px; /*override Twenty Twelve */ font-family: sourcesanspro; font-weight:bold; } .entry-content h6, .comment-content h6 { font-family: sourcesanspro; font-size: 11.57px; /*override Twenty Twelve */ font-weight:normal!important; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p, .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul, .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ol, .comment-content ol, .entry-content li, .comment-content li, .mu_register li { font-size: 16px; /*override Twenty Twelve */ line-height: 1.2; /*override Twenty Twelve */ margin-bottom: 8px; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {margin-bottom: 0;} .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; margin-top: 0; margin-bottom: 8px; } .entry-content ol, .comment-content ol {list-style: decimal outside;} .entry-content li, .comment-content li, .mu_register li { margin-bottom: -8px; margin-left:8px; margin-top:16px; margin-top:0px; overflow:visible; } .entry-content ul li, .comment-content ul li, .mu_register ul li { margin-bottom:0px; margin-left:16px; margin-top:0px; overflow:visible; } .entry-content ol li, .comment-content ol li, .mu_register ol li { margin-bottom:0px; margin-left:28px; margin-top:0px; overflow:visible; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: 0; /* Override border radius in Twenty twelve template */ box-shadow: none; /* Override box shadow in Twenty twelve template */ } /* Lists for text elements */ .list-two-column { -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0; } @media screen and (min-width: 532px) { .list-two-column-tablet{ -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0; } } .list-three-column { -moz-column-count: 3; -moz-column-gap: 0; -webkit-column-count: 3; -webkit-column-gap: 0; column-count: 3; column-gap: 0; } /* =Inner page ----------------------------------------------- */ .column-inner-above-horizon-top.wpb_column.vc_column_container.vc_col-sm-12 { margin-top: 16px; margin-bottom: 0px; } @media screen and (min-width: 960px) { .column-inner-above-horizon-top.wpb_column.vc_column_container.vc_col-sm-12 { margin-left:32px; margin-right:32px; width: 896px; } } .column-inner-above-horizon-top-text-element-standard h1{ line-height: 1; padding-bottom:0px; padding-left:12px; padding-right:12px; padding-top:12px; text-align: CENTER; } /* Above the horizon two column layout */ .column-inner-above-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; overflow: hidden; } @media screen and (min-width: 532px) { .column-inner-above-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: auto; margin-right: auto; width:400px; } } @media screen and (min-width: 804px) { .column-inner-above-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { background-image: none; height: auto; margin-left: 0; margin-right: 2px; padding-right:0; width: 400px; } } @media screen and (min-width: 960px) { .column-inner-above-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left:32px; margin-right:48px; } } .column-inner-above-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; } @media screen and (min-width: 532px) { .column-inner-above-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: auto; margin-right: auto; width:400px; } } @media screen and (min-width: 804px) { .column-inner-above-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: 2px; margin-right: 0px; width:400px;} } @media screen and (min-width: 960px) { .column-inner-above-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left:48px; margin-right:32px; } } .column-inner-above-horizon-left-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; overflow: hidden; } @media screen and (min-width: 532px) { .column-inner-above-horizon-left-minor.wpb_column.vc_column_container.vc_col-sm-6 { height: 95px; margin-left: 66px; margin-right: 66px; width:400px; } } @media screen and (min-width: 804px) { .column-inner-above-horizon-left-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: 0; margin-right: 2px; } } @media screen and (min-width: 960px) { .column-inner-above-horizon-left-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: 32px; margin-right:48px; width:400px } } .column-inner-above-horizon-right-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; width:100%; } @media screen and (min-width: 532px) { .column-inner-above-horizon-right-minor.wpb_column.vc_column_container.vc_col-sm-6 { height: 95px; margin-left: 66px; margin-right: 66px; width:400px; } } @media screen and (min-width: 804px) { .column-inner-above-horizon-right-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: 2px; margin-right: 0; } } @media screen and (min-width: 960px) { .column-inner-above-horizon-right-minor.wpb_column.vc_column_container.vc_col-sm-6 { margin-left:48px; margin-right:32px; } } /* Above horizon swap sides in two column layout for mobile and tablet */ .vc_row.wpb_row.vc_row-fluid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .column-inner-above-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .column-inner-above-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media screen and (min-width: 804px) {.vc_row.wpb_row.vc_row-fluid{display:block;}} .above-horizon-content-with-image {display:none;} @media screen and (min-width: 804px) {.above-horizon-content-with-image{display:block;float: right;}} .above-horizon-bar { border-radius: 0px; padding-top:12px!important; margin-bottom:28px!important; margin-top:32px!important; text-align: CENTER; } .above-horizon-bar-standard-element p{ line-height: 1.2; font-family: oswald!important; font-size: 23px; font-weight: BOLD; } @media screen and (min-width: 532px) { .above-horizon-bar-standard-element p{ font-size: 30.56px; } } .column-inner-below-horizon-heading { border-radius: 0px; padding-left: 32px!important; padding-right: 32px!important; padding-top:12px!important; margin-bottom:28px!important; margin-top:32px!important; text-align: CENTER; } /* Below horizon - half half Row - 1/2 + 1/2 */ /* ----------------------------------------- */ /* Note: two column layout with even content columns */ .column-inner-below-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; overflow: hidden; } @media screen and (min-width: 532px) { .column-inner-below-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: auto; margin-right: auto; width:400px; } } @media screen and (min-width: 804px) { .column-inner-below-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { background-image: none; margin-left: 0; margin-right: 2px; padding-right:0; width: 400px; } } @media screen and (min-width: 960px) { .column-inner-below-horizon-left-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left:32px; margin-right:48px; } } .column-inner-below-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-top:12px; } @media screen and (min-width: 532px) { .column-inner-below-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: auto; margin-right: auto; width:400px; } } @media screen and (min-width: 804px) { .column-inner-below-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left: 2px; margin-right: 0px; width:400px;} } @media screen and (min-width: 960px) { .column-inner-below-horizon-right-major.wpb_column.vc_column_container.vc_col-sm-6 { margin-left:48px; margin-right:32px; } } /* Below horizon - two thirds one third row - 2/3 + 1/3 */ /* ---------------------------------------------------- */ /* Note: two column layout with content and side bar */ .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-8 { padding-bottom: 12px; } @media screen and (min-width: 532px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-8 { width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-8 { margin-left:0px; margin-right: 12px; padding-top: 12px; width:485px; } } @media screen and (min-width: 960px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-8 { margin-left:0px; margin-right:61px; width:532px; } } .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 20px; padding-left: 12px; padding-right: 12px; padding-top:12px; margin-bottom:24px; width:320px; } @media screen and (min-width: 532px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 24px; padding-left: 126px; padding-right: 126px; padding-top:24px; margin-bottom:24px; width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 13.5px; padding-top: 13.5px; padding-left: 13.5px; /* uu */ padding-right: 13.5px; /* uu */ width:307px; } } @media screen and (min-width: 960px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 43.5px; padding-top: 43.5px; padding-left: 43.5px; /* uu */ padding-right: 43.5px; /* uu */ width:367px; } } .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 img { display: table; margin-left:auto; margin-right: auto; width: 280px; border-radius: 0px; } /* Side bar color and structure in tablet */ .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 {} /* Note: background colors set in background color sections */ @media screen and (min-width: 532px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { border: 67.5px rgba(28,117,187,0.25) solid; padding:58.5px; width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { border: 0; padding:13.5px; width:307px; } } @media screen and (min-width: 960px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 { padding:43.5px; width:367px; } } .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 img {} @media screen and (min-width: 532px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 img { padding:0; margin:0; } } @media screen and (min-width: 804px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-4 img { padding:0px; margin:0; width:280px; } } /* Below horizon - one thirds two third row - 1/3 + 2/3 */ /* ---------------------------------------------------- */ /* Note: reverse two column layout with side bar and content */ /* Left hand side */ .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 20px; padding-left: 12px; padding-right: 12px; padding-top:12px; margin-bottom:24px; } @media screen and (min-width: 532px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 24px; padding-left: 126px; padding-right: 126px; padding-top:24px; margin-bottom:24px; width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 13.5px; padding-top: 13.5px; padding-left: 13.5px; /* uu */ padding-right: 13.5px; /* uu */ width:307px; } } @media screen and (min-width: 960px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { padding-bottom: 43.5px; padding-top: 43.5px; padding-left: 43.5px; /* uu */ padding-right: 43.5px; /* uu */ width:367px; } } .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 img { display: table; margin-left:auto; margin-right: auto; width: 280px; border-radius: 0px; } /* Side bar color and structure in tablet */ .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 {} /* Note: background colors set in background color sections */ @media screen and (min-width: 532px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { border: 67.5px rgba(28, 117,187,0.25) solid; padding:58.5px; width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { border: 0; padding:13.5px; width:307px; } } @media screen and (min-width: 960px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 { padding:43.5px; width:367px; } } .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 img {} @media screen and (min-width: 532px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 img { padding:0; margin:0; } } @media screen and (min-width: 804px) { .column-inner-page-left.wpb_column.vc_column_container.vc_col-sm-4 img { padding:0px; margin:0; width:280px; } } /* Right hand side */ .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 { margin-bottom: 12px; } @media screen and (min-width: 532px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 { width:532px; } } @media screen and (min-width: 804px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 { margin-left: 12px; /* swap left and right px */ margin-right: 0px; /* swap left and right px */ margin-top: 12px; width:485px; } } @media screen and (min-width: 960px) { .column-inner-page-right.wpb_column.vc_column_container.vc_col-sm-8 { margin-left: 61px; /* swap left and right px */ margin-right:0px; /* swap left and right px */ width:532px; } } /* Row - Thirds column - structure */ .wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard { margin-left: 0; margin-right: 0; text-align:center; } @media screen and (min-width: 532px) { .wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard { margin-left: 106px; margin-right: 106px; } } @media screen and (min-width: 804px) { .wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard { margin-left: 0; margin-right: 9px; } } @media screen and (min-width: 960px) { .wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard { margin-left: 0; margin-right: 29px; } } .wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard { margin-left: 0; margin-right: 0; text-align:center; } @media screen and (min-width: 532px) { .wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard { margin-left: 106px; margin-right: 106px; } } @media screen and (min-width: 804px) { .wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard { margin-left: 4.5px; margin-right: 4.5px; } } @media screen and (min-width: 960px) { .wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard { margin-left: 14.5px; margin-right: 14.5px; } } .wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard { margin-left: 0; margin-right: 0; text-align:center; } @media screen and (min-width: 532px) { .wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard { margin-left: 106px; margin-right: 106px; } } @media screen and (min-width: 804px) { .wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard { margin-left: 9px; margin-right: 0; } } @media screen and (min-width: 960px) { .wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard { margin-left: 29px; margin-right: 0; } } /* Row - Thirds column - margin in content boxes*/ .column-inner-page-first-of-three-text-element-standard > .wpb_wrapper {margin:0 24px;} .column-inner-page-second-of-three-text-element-standard > .wpb_wrapper {margin:0 24px;} .column-inner-page-third-of-three-text-element-standard > .wpb_wrapper {margin:0 24px;} @media screen and (min-width: 804px) { .column-inner-page-first-of-three-text-element-standard > .wpb_wrapper {margin:0;} .column-inner-page-second-of-three-text-element-standard > .wpb_wrapper {margin:0;} .column-inner-page-third-of-three-text-element-standard > .wpb_wrapper {margin:0;} } /* Row - Thirds column - padding and background colors */ .column-inner-below-horizon-three-one-third-columns-row .wpb_text_column.wpb_content_element {margin-bottom:0;} /*Note: Overides custom-style setting */ .column-inner-page-first-of-three {padding-top:24px;} .column-inner-page-second-of-three {padding-top:24px;} .column-inner-page-third-of-three {padding-top:24px;padding-bottom:24px;} .column-inner-below-horizon-three-one-third-columns-row + .column-inner-below-horizon-three-one-third-columns-row {margin-top:-24px;} @media screen and (min-width: 532px) { .column-inner-page-first-of-three {padding-top:36px;} .column-inner-page-second-of-three {padding-top:36px;} .column-inner-page-third-of-three {padding-top:36px;padding-bottom:36px;} .column-inner-below-horizon-three-one-third-columns-row + .column-inner-below-horizon-three-one-third-columns-row {margin-top:-36px;} } @media screen and (min-width: 804px) { .column-inner-page-first-of-three {padding-top:0;} .column-inner-page-second-of-three {padding-top:0;} .column-inner-page-third-of-three {padding-top:0;} .column-inner-below-horizon-three-one-third-columns-row {background-color:rgba(0,0,0,0);} .column-inner-below-horizon-three-one-third-columns-row + .column-inner-below-horizon-three-one-third-columns-row {margin-top:0;} } .column-inner-below-horizon-three-one-third-columns-row {background-color:#FFFFFF;} @media screen and (min-width: 532px) {.column-inner-below-horizon-three-one-third-columns-row {background-color:#808080;}} @media screen and (min-width: 804px) {.column-inner-below-horizon-three-one-third-columns-row {background-color:rgba(0,0,0,0);}} @media screen and (min-width: 532px) {.wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard {background-color:#E5E5E5;margin-left:58.5px; margin-right:58.5px; padding-bottom:58.5px; padding-top:58.5px; width:415px;}} @media screen and (min-width: 804px) {.wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard {background-color:rgba(0,0,0,0); margin: 0; padding:0; width:259px;}} @media screen and (min-width: 960px) {.wpb_text_column.wpb_content_element.column-inner-page-first-of-three-text-element-standard {width:280px}} @media screen and (min-width: 532px) {.wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard {background-color:#E5E5E5;margin-left:58.5px; margin-right:58.5px; padding-bottom:58.5px; padding-top:58.5px; width:415px;}} @media screen and (min-width: 804px) {.wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard {background-color:rgba(0,0,0,0); margin-left:auto; margin-right:auto; padding:0; width:259px}} @media screen and (min-width: 960px) {.wpb_text_column.wpb_content_element.column-inner-page-second-of-three-text-element-standard {width:280px}} @media screen and (min-width: 532px) {.wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard {background-color:#E5E5E5;margin-left:58.5px; margin-right:58.5px; padding-bottom:58.5px; padding-top:58.5px; width:415px;}} @media screen and (min-width: 804px) {.wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard {background-color:rgba(0,0,0,0); margin-left:auto;margin-right:0; padding:0; width:259px}} @media screen and (min-width: 960px) {.wpb_text_column.wpb_content_element.column-inner-page-third-of-three-text-element-standard {width:280px}} /* Row - Thirds column - remove bullets*/ .column-inner-page-first-of-three-text-element-standard ul{ list-style-type:NONE;} .column-inner-page-second-of-three-text-element-standard ul{ list-style-type:NONE;} .column-inner-page-third-of-three-text-element-standard ul{ list-style-type:NONE;} /* Row spacers - generic */ .vc_separator.row-spacer-small { margin-bottom:0px; border: 1px solid none; } @media screen and (min-width: 532px) { .vc_separator.row-spacer-small { margin-bottom:8px; } } .vc_separator.row-spacer-large { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.row-spacer-large { margin-bottom:96px; } } .vc_separator.row-spacer-mobile { margin-bottom:32px; } @media screen and (min-width: 532px) { .vc_separator.row-spacer-mobile { margin-bottom:96px; } } /* Row spacers - numeric */ .vc_separator.wpb_content_element.row-spacer-8-8-8-8 { margin-bottom:8px; } .vc_separator.wpb_content_element.row-spacer-16-16-16-16 { margin-bottom:16px; } .vc_separator.wpb_content_element.row-spacer-0-0-8-8 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-8-8 { margin-bottom:8px; } } .vc_separator.wpb_content_element.row-spacer-0-0-16-16 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-16-16 { margin-bottom:16px; } } .vc_separator.wpb_content_element.row-spacer-0-0-48-48 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-48-48 { margin-bottom:48px; } } .vc_separator.wpb_content_element.row-spacer-0-0-96-96 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-96-96 { margin-bottom:96px; } } .vc_separator.wpb_content_element.row-spacer-0-0-192-192 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-192-192 { margin-bottom:192px; } } .vc_separator.wpb_content_element.row-spacer-0-0-480-480 { margin-bottom:0px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-0-0-480-480 { margin-bottom:480px; } } .vc_separator.wpb_content_element.row-spacer-8-8-16-16 { margin-bottom:8px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-8-8-16-16 { margin-bottom:16px; } } .vc_separator.wpb_content_element.row-spacer-8-8-32-32 { margin-bottom:8px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-8-8-32-32 { margin-bottom:32px; } } .vc_separator.wpb_content_element.row-spacer-32-32-96-96 { margin-bottom:32px; } @media screen and (min-width: 804px) { .vc_separator.wpb_content_element.row-spacer-32-32-96-96 { margin-bottom:96px; } } /* Table of contents -------------------------------------------------------------- */ .wpb_text_column.wpb_content_element.inner-page-inner-right-column-toc-standard p { margin: 0; font-weight: BOLD; padding-top:9px; padding-bottom:9px; margin-bottom:12px; text-align: CENTER; } @media screen and (min-width: 532px) { .wpb_text_column.wpb_content_element.inner-page-inner-right-column-toc-standard p { font-size: 22.11px; } } .wpb_text_column.wpb_content_element.inner-page-inner-right-column-toc-standard {border-radius: 0px; display:NONE;} @media screen and (min-width: 804px) { .wpb_text_column.wpb_content_element.inner-page-inner-right-column-toc-standard {display:BLOCK;} } /* =Social signals with content -------------------------------------------------------------- */ .entry-content .social-signal-button-large { border-radius: 4px; margin: auto; padding: 10px; width: 250px; height: 40px; } .entry-content .social-signal-button-large .right-wrapper { float: right; margin: 0px auto; padding: 0px; width: auto; border-radius: 0px; padding-top: 8px; } .entry-content .social-signal-button-large .left-wrapper { float: left; line-height: 15px; margin-right: 20px; padding-top: 3px; padding-bottom: 0px; width:auto; } .entry-content .social-signal-button-large.facebook-like { padding-left: 7px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; } .entry-content .social-signal-button-large.google-plus-one { padding-left: 7px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; } .entry-content .social-signal-button-large.facebook-like.right-wrapper { float: right; margin: 0px auto; padding-top: 5px; padding-bottom: 0px; width: 100px; border-radius: 0px; } .entry-content .social-signal-button-large.linkedin-follow { padding-left: 7px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; } .entry-content .social-signal-button-large.linkedin-follow iframe { margin-bottom: 0px; } .entry-content .social-signal-button-large.youtube-subscribe { padding-left: 7px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; } .entry-content .social-signal-button-large.twitter-follow { padding-left: 7px; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; } /* =Footer ----------------------------------------------- */ #colophon { margin:0; /* Override max width in footer in Twenty Twelve */ font-size:16px } footer[role="contentinfo"] { border-top: none; /*Override Twenty Twelve */ max-width:none; /* Override max width in footer in Twenty Twelve */ line-height:1.2; margin-top: 0; /*Override Twenty Twelve */ padding: 0; /*Override Twenty Twelve */ } #footer-from-header-utility-menu-left {margin-top:16px;} #footer-from-header-utility-menu-left h6 {font-weight: normal;} #nav-footer-1, #nav-footer-2, #nav-footer-3, #nav-footer-4, #nav-footer-5 {display:inline-block; padding-right: 8px;} #footer-navigation {display: none;} /*navigation only to show on desktop */ @media screen and (min-width: 960px) { #footer-navigation { display: block; margin-bottom: 8px; margin-top: 16px; } } .footer-navigation-section { display: inline-block; vertical-align:top; max-width: 156px; margin-right: 4px; } .footer-navigation-section p, .footer-navigation-section ul { line-height:1.2; margin-bottom: 4px; } .footer-navigation-section li{ margin-left: 0; margin-bottom: 4px; } #footer-utility-get-social { display: block; margin-bottom: 8px; margin-top: 16px; } #footer-utility { clear: both; float: left; } #footer-get-social { clear: BOTH; float: LEFT; padding-top:16px; } @media screen and (min-width: 532px) { #footer-get-social { clear: NONE; float: RIGHT; padding-top:0; } } #social-icon-facebook { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position:0 -490px; display: inline-block; height:47px; width:47px; } #social-icon-google-plus { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: -47px -490px; display: inline-block; height:47px; width:47px; } #social-icon-youtube { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: -94px -490px; display: inline-block; height:47px; width:47px; } #social-icon-linkedin { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: -141px -490px; display: inline-block; height:47px; width:47px; } #social-icon-twitter { background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-position: -188px -490px; display: inline-block; height:47px; width:47px; } #footer-hero { display: block; margin-bottom: 3px; background-image: url(https://www.guysglass.com.au/wp-content/themes/enterprise/images/custom/site-sprite.png); background-size:106.66666666667%; background-position: -10.666666666667px 0; height:163.33333333333px; width:320px; } @media screen and (min-width: 532px) { #footer-hero { background-position: -17.733333333333px 0; height:271.54166666667px; width:532px; } } @media screen and (min-width: 804px) { #footer-hero { background-position: -26.8px 0; height:410.375px; width:804px; } } @media screen and (min-width: 960px) { #footer-hero { background-position: -32px 0; height:490px; width:960px; } } #footer-copyright {text-align:CENTER;} /* =Plugins ----------------------------------------------- */ /* Google Maps */ /* ------------*/ .google-maps { position: relative; padding-bottom: 75%; /* This is the aspect ratio */ height: 0; overflow: hidden; margin-top: 12px!important; margin-bottom: 12px!important; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* Table of Contents Plus*/ /* ----------------------*/ .toc_list li { font-family: sourcesanspro!important; font-size: 16px; line-height: 1.2; } ul.toc_list li {margin-left:0px;} ul.toc_list li a {text-decoration: none;} .toc_list ul li {margin-left:16px;} /* Contact 7 */ .inner-page-above-horizon-contact-form { padding: 12px; border-radius: 0px; margin-bottom:12px; } .onlineform-heading { line-height: 1.2; font-family: oswald; font-size: 23px!important; } @media screen and (min-width: 532px) { .onlineform-heading {font-size: 30.56px!important;} } .onlineform p { line-height: 1.2; margin-bottom: 12px; } @media screen and (min-width: 804px) { .onlineform p {margin-bottom: 16px;} } .wpcf7-form-control.wpcf7-text,textarea.wpcf7-form-control,.wpcf7-form-control.wpcf7-captchar { border: 0px; border-radius: 0px; box-sizing: border-box; /*needed to kep input boxes within parent div*/ display:block; /*needed to kep input boxes within parent div*/ font-size: 16px; padding-top: 6px; padding-right: 12px; padding-left: 12px; padding-bottom: 6px; width:100%; /*needed to keep input boxes within parent div*/ } .onlineformsendsection {margin-bottom:0;} @media screen and (min-width: 532px) { .onlineformsendsection { display: table; top: 0; left: 0; } } .captacha-section { width:100%; text-align:center; } @media screen and (min-width: 532px) { .captacha-section { vertical-align: top; display: table-cell; width:100%; text-align:left; } } .captacha-section p{margin-bottom: 3px;} .captacha-code-data-section {} @media screen and (min-width: 532px) { .captacha-code-data-section { display: table; top: 0; left: 0; } } .captacha-code { border-radius: 0px; padding-bottom:6px; width:100%; } @media screen and (min-width: 532px) { .captacha-code { border-radius: 0; display: table-cell; padding:2px; width:100%; vertical-align: middle; } } .captacha-data { margin-top: 12px; border-radius: 0px; width:100%; } @media screen and (min-width: 532px) { .captacha-data { border-radius: 0px; display: table-cell; vertical-align: middle; width:100%; } } .wpcf7-form-control.wpcf7-captchar { padding: 12px; font-size: 16px; vertical-align: middle; text-align:CENTER; border: 0px; border-radius: 6px; } @media screen and (min-width: 532px) { .wpcf7-form-control.wpcf7-captchar { padding-left:0px; margin-left:12px; width:100px; } } .onlineformsendbutton { width:100%; margin-top:12px; display: table; } @media screen and (min-width: 532px) { .onlineformsendbutton { min-width: 120px; vertical-align: top; } } img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-624 { border: 0; height:100%; } .wpcf7-form-control.wpcf7-submit { height: 110%; min-width: 100%; font-size: 24px; border: 0; border-radius: 6px; } input[type="submit"]:hover { background-repeat: NO-REPEAT; /* override Twenty twelve */ background-image: NONE; /* override Twenty twelve */ } img.ajax-loader { /* visibility: visible; */ position: relative; top: -38px; left: 180px; } @media screen and (min-width: 532px) { img.ajax-loader { top: -49px; left: 90px; } } .wpcf7-response-output.wpcf7-display-none { border: 0px; margin:0; line-height:1; text-align:center; } span.wpcf7-not-valid-tip { line-height:1; text-align:center; } /*------- Adjust STYLE SHEET FOR TABLE ------------ */ .entry-content td, .comment-content td { border-top: 1px solid rgba(0,0,0,0); /* overide default style */ padding: 6px 10px 6px 6px; /* overide default style */ } /*----------Table TYPE 1--------------------*/ .table-type-1 { border-collapse: collapse; border-spacing: 0; width: 100%; } td.cell-table-type-1 { border: none; padding: 6px; } th.cell-table-type-1 { line-height: 12px; border: none; padding: 6px; } tr:nth-child(even){background-color: #f2f2f2} .div-table-type-1 {overflow-x: auto;} .div-table-type-1:before { content: "Note: table below scrolls to the right"; font-style: italic; } @media screen and (min-width: 804px) { .div-table-type-1:before { content: none; } } .div-table-type-1:after { color: rgb(255,0,0); content: "Note: table above scrolls to the right "; font-style: italic; } @media screen and (min-width: 804px) { .div-table-type-1:after { content: none; } } .column-first-table-type-1 {text-align:left;} .cell-table-type-1 {text-align: center;} /* YouTube Embedded clip */ /* ----------------------*/ .youtube-responsive-container-1-1, .youtube-responsive-container-16-9 {position:relative;padding-top:0;height:0;overflow:hidden;} .youtube-responsive-container-1-1{padding-bottom: 100%;} .youtube-responsive-container-16-9{padding-bottom: 56.1%;} .youtube-responsive-container-1-1 iframe, youtube-responsive-container-1-1 object, .youtube-responsive-container-1-1 embed, .youtube-responsive-container-16-9 iframe, .youtube-responsive-container-16-9 object, .youtube-responsive-container-16-9 embed {position:absolute; top:0;left:0;width:100%;height:100%;} /* Visual Composer */ /* ----------------*/ /* Reset columns */ .vc_column_container>.vc_column-inner { box-sizing:content-box!important; /* Overwrite visual composer */ padding-left: 0!important; /* Overwrite visual composer */ padding-right: 0!important; /* Overwrite visual composers */ } .vc_row.wpb_row.vc_row-fluid { margin-left:0; margin-right:0; } .vc_row{ margin-left:0; margin-right:0; } /* Makes images scale to column widths */ /* Reset floats on inner columns to be inline with 532, 804 grid */ /* UU this is ot needed @media (min-width: 768px) { .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 { float: none!important; } } */ @media (min-width:804px){ .vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9{float:left}.vc_col-sm-12{width:100%} .vc_col-sm-11{width:91.66666667%} .vc_col-sm-10{width:83.33333333%} .vc_col-sm-9{width:75%} .vc_col-sm-8{width:66.66666667%}.vc_col-sm-7{width:58.33333333%}.vc_col-sm-6{width:50%}.vc_col-sm-5{width:41.66666667%}.vc_col-sm-4{width:33.33333333%}.vc_col-sm-3{width:25%}.vc_col-sm-2{width:16.66666667%}.vc_col-sm-1{width:8.33333333%}.vc_col-sm-pull-12{right:100%}.vc_col-sm-pull-11{right:91.66666667%}.vc_col-sm-pull-10{right:83.33333333%}.vc_col-sm-pull-9{right:75%}.vc_col-sm-pull-8{right:66.66666667%}.vc_col-sm-pull-7{right:58.33333333%}.vc_col-sm-pull-6{right:50%}.vc_col-sm-pull-5{right:41.66666667%}.vc_col-sm-pull-4{right:33.33333333%}.vc_col-sm-pull-3{right:25%}.vc_col-sm-pull-2{right:16.66666667%}.vc_col-sm-pull-1{right:8.33333333%}.vc_col-sm-pull-0{right:auto}.vc_col-sm-push-12{left:100%}.vc_col-sm-push-11{left:91.66666667%}.vc_col-sm-push-10{left:83.33333333%}.vc_col-sm-push-9{left:75%}.vc_col-sm-push-8{left:66.66666667%}.vc_col-sm-push-7{left:58.33333333%}.vc_col-sm-push-6{left:50%}.vc_col-sm-push-5{left:41.66666667%}.vc_col-sm-push-4{left:33.33333333%}.vc_col-sm-push-3{left:25%}.vc_col-sm-push-2{left:16.66666667%}.vc_col-sm-push-1{left:8.33333333%}.vc_col-sm-push-0{left:auto}.vc_col-sm-offset-12{margin-left:100%}.vc_col-sm-offset-11{margin-left:91.66666667%}.vc_col-sm-offset-10{margin-left:83.33333333%}.vc_col-sm-offset-9{margin-left:75%}.vc_col-sm-offset-8{margin-left:66.66666667%}.vc_col-sm-offset-7{margin-left:58.33333333%}.vc_col-sm-offset-6{margin-left:50%}.vc_col-sm-offset-5{margin-left:41.66666667%}.vc_col-sm-offset-4{margin-left:33.33333333%}.vc_col-sm-offset-3{margin-left:25%}.vc_col-sm-offset-2{margin-left:16.66666667%}.vc_col-sm-offset-1{margin-left:8.33333333%}.vc_col-sm-offset-0{margin-left:0} } @media (min-width: 804px) { .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 { float: left!important; } } .wpb_text_column.wpb_content_element {margin-bottom: 12px;} /* Note: when removing front CSS these are the rules that needed to be added */ .vc_col-sm-12{width:100%;} .vc_col-lg-1,.vc_col-lg-10,.vc_col-lg-11,.vc_col-lg-12,.vc_col-lg-2,.vc_col-lg-3,.vc_col-lg-4,.vc_col-lg-5,.vc_col-lg-6,.vc_col-lg-7,.vc_col-lg-8,.vc_col-lg-9,.vc_col-md-1,.vc_col-md-10,.vc_col-md-11,.vc_col-md-12,.vc_col-md-2,.vc_col-md-3,.vc_col-md-4,.vc_col-md-5,.vc_col-md-6,.vc_col-md-7,.vc_col-md-8,.vc_col-md-9,.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9,.vc_col-xs-1,.vc_col-xs-10,.vc_col-xs-11,.vc_col-xs-12,.vc_col-xs-2,.vc_col-xs-3,.vc_col-xs-4,.vc_col-xs-5,.vc_col-xs-6,.vc_col-xs-7,.vc_col-xs-8,.vc_col-xs-9{ position:relative; min-height:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* Reset Above Horizon */ /* -------------------------------------------------------------- */ #header-content, #mobile-utility-content {background-color:rgba(0,0,0,0);} #mobile-toggle-content, #utility-content, #mobile-utility-menu-left, #mobile-utility-menu-right, #social-signal-content, #main-navigation-content, #footer-content{display:TABLE-CELL;} #header-content-left {display:NONE;} #header-social-signal {display:BLOCK;}