Gold Coast Handyman Services

/* ----------------------------------------- */ /* View: Services II - start */ /* ----------------------------------------- */.image-class {width: 100%;} .title-service { background-color: #479eda; color: white; text-align: center; font-size: 110%;} .top-grid {float: left; width: 25%;} .what-img{ width: 100%;}@media screen and (max-width: 768px) {.top-grid {width: 50%;}}@media screen and (max-width: 460px) {.top-grid { width: 100%;} .what-img{ width: 100%;}}.figure {width: 100%;}.top-grid figcaption { background: rgba(0,0,0,0.8); color: white; display: table; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 100; text-align: center; } figure { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; display: block; position: relative; float: left; overflow: hidden; margin: 0 0px 0px 0; width: 100%; }figcaption { position: absolute; background: black; background: rgba(0,0,0,0.75); color: white; padding: 10px 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; width: 100%; }figure:hover figcaption { opacity: 1; }figure:before { position: absolute; font-weight: 800; background: black; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; }figure:hover:before { opacity: 0; }.top-grid:before { top: 10px; left: 10px; } .top-grid figcaption { left: 0; top: -30%; } .top-grid:hover figcaption { top: 0; }.top-grid:hover figcaption { opacity: 1; }.top-grid img { display: block; height: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; max-width: 100%; }.top-grid a {color: #fff;} .top-grid a:hover {color: #fff; text-decoration: none;} .what-img {width: 100%;}/* ----------------------------------------- */ /* View: Services II - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Services for footer - start */ /* ----------------------------------------- */ .services-footer a {color: white;} .services-footer a:hover {color: white;} /* ----------------------------------------- */ /* View: Services for footer - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Content Template for pages Layout - start */ /* ----------------------------------------- *//* ----------------------------------------- */ /* Content Template: Content Template for pages Layout - end */ /* ----------------------------------------- */