/* Theme Name: Smith Cleaning Child Theme URI: https://stiveswindowcleaning.co.uk Description: Smith Cleaning Child Author: David Chapman Author URI: https://stiveswindowcleaning.co.uk Template: zillah Version: 1.0 Text Domain: smith-cleaning-child */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* NOTES FOR THIS WEBSITE */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* 1. ** !IMPORTANT WP BAKERY STYLES LOAD LAST. ADD "BODY" BEFORE ANY WP BAKERY CLASS TO OVERIDE A STYLE WITHOUT AN !IMPORTANT 2. ALL STYLES ARE IN THIS DOC EG BASE, PLUGIN OVERIDES, BASE THEME OVERIDES, MEDIA QUERIES @ MAX-WIDTH ETC. 3. FONTS ********************************************* FONT - font-family: 'aglet-sans' EXTRA LIGHT - 200 LIGHT - font-weight: 300; REGULAR - font-weight: 400; SEMIBOLD - font-weight: 600; BOLD - font-weight: 800; 6. COLOURS ******************************************* WHITE #FFF, RGB - rgba(255,255,255,1) BLACK - #000, RGB - rgba(0,0,0,1) GREY - #CCC, RGB - rgba(204,204,204,1) BLUE - #3085a1, RGB - rgba(48,133,161,1) */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* NORMALIZE - GITHUB */ /*---------------------------------------------------------------------------------------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,div{display:block;} audio,canvas,video{display:inline-block;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0; padding:0;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:400; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; color:#000;} dfn{font-style:italic;} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} mark{background:#ff0;color:#000;} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;} pre{white-space:pre-wrap;} q{quotes:"\201C" "\201D" "\2018" "\2019";} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{border:0;} svg:not(:root){overflow:hidden;} figure{margin:0;} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} button,input{line-height:normal;} button,select{text-transform:none;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} button[disabled],html input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;} input[type="search"]{width:100%;-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; float:left;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top;} table{border-collapse:collapse;border-spacing:0;} ul {padding:0; margin:0; list-style-type:none;} li {padding:0; margin:0; list-style-type:none;} /*---------------------------------------------------------------------------------------------------------------------------- */ /* REMOVE STYLES ON NUMBERS FOR IOS */ /*---------------------------------------------------------------------------------------------------------------------------- */ h1 a[href^="tel"], h2 a[href^="tel"], h3 a[href^="tel"], h4 a[href^="tel"], h5 a[href^="tel"], h6 a[href^="tel"] { text-decoration:inherit; color: inherit; border:0; padding:0; margin:0; display:inline; background:none; width:auto; cursor:text; } /*REMOVE SCROLL BARS*/ .blog-categories {ms-overflow-style:none !important; overflow:-moz-scrollbars-none !important;} /*::-webkit-scrollbar {display:none !important;}*/ /*---------------------------------------------------------------------------------------------------------------------------- */ /* CORE STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ html{width:100%; height:100%;} body { width:100%; height:auto; margin:0 0 0 0; padding:0 0 0 0; padding-top:0 !important; /*remove padding from sticky header*/ background:#FFF; font-family: 'aglet-sans', sans-serif; font-size:100%; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; border:none; text-align:left; font-weight:200; font-size:12px; -webkit-margin-before: 0; -webkit-margin-after: 0; color:#000; -ms-word-wrap: normal; word-wrap: normal; } /*base styles ***********************************************************************/ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} body {font-size:100%; line-height:175%;} .full-width {width:100%; max-width:100%; display:block; overflow:hidden; position:relative; /*background:#FFF;*/ clear:both;} .wrapper {/*width:100%; */ margin:0 auto; max-width:1200px; padding:0 20px; display:block; overflow:hidden; float:none;} .wrapper.container-header {position:relative; overflow:visible;} .full-width.static-non-wp {background:#FFF;} .full-width.static-non-wp .wrapper {margin:40px auto 20px auto;} img {width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;} /*GRIDICULOUS ***********************************************************************/ .wfull {width:100%;max-width:100%} .c1 {width:8.33%;} .c2 {width:16.66%;} .c3 {width:25%;} .c4 {width:33.33%;} .c5 {width:41.66%;} .c6 {width:50%;} .c7 {width:58.33%;} .c8 {width:66.66%;} .c9 {width:75%;} .c10 {width:83.33%;} .c11 {width:91.66%;} .c12 {width:100%;} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {min-height:1px; float:left; padding:0 20px; position:relative;} .vc_section .c1,.vc_section .c2,.vc_section .c3,.vc_section .c4,.vc_section .c5,.vc_section .c6,.vc_section .c7,.vc_section .c8,.vc_section .c9,.vc_section .c10,.vc_section .c11,.vc_section .c12 {padding:0;} .s1 {margin-left:8.33%;} .s2 {margin-left:16.66%;} .s3 {margin-left:25%;} .s4 {margin-left:33.33%;} .s5 {margin-left:41.66%;} .s6 {margin-left:50%;} .s7 {margin-left:58.33%;} .s8 {margin-left:66.66%;} .s9 {margin-left:75%;} .s10 {margin-left:83.33%;} .s11 {margin-left:91.66%;} .end {float:right;} /*GRIDICULOUS END ***********************************************************************/ /*remove styles for ios devices on forms and iframes ***********************************************************************/ input, iframe, form {/*overflow: hidden;*/ border-radius:0; -webkit-appearance: none; -webkit-border:0; -webkit-border-radius:0; -moz-appearance: none; -moz-border:0; -moz-border-radius:0; -webkit-overflow-scrolling:touch;} /*BASE STYLES ***********************************************************************/ h1,h2,h3,h4,h5,h6,p,a,ol,ul,li,th,td,tr,img {margin:0; padding:0; border:none; text-align:left; font-weight:200; -webkit-margin-before: 0; -webkit-margin-after: 0; position:relative;} h1, h6, h1.page-header {font-family: 'aglet-sans', sans-serif; letter-spacing:10px; font-size:100px; line-height:100%; color:#000; margin-bottom:20px; text-transform:initial; font-weight:400;} h2, .entry-title-blog, h3.entry-title a {font-family: 'aglet-sans', sans-serif; letter-spacing:5px; font-size:80px; line-height:110%; color:#000; margin-bottom:20px; text-transform:initial; font-weight:400;} h3, .fts-jal-fb-user-name a {font-family: 'aglet-sans', sans-serif; letter-spacing:7px; font-size:60px; line-height:110%; color:#000; margin-bottom:20px; text-transform:initial; font-weight:400;} h4 {font-family: 'aglet-sans', sans-serif; letter-spacing:5px; font-size:40px; line-height:130%; color:#000; margin-bottom:20px; text-transform:initial; font-weight:400;} h5, .fts-jal-fb-description-wrap a {font-family: 'aglet-sans', sans-serif; letter-spacing:5px; font-size:25px; line-height:130%; color:#000; margin-bottom:15px; text-transform:initial; font-weight:400;} p {font-family: 'aglet-sans', sans-serif; font-weight:200; font-size:18px; line-height:150%; letter-spacing:1px; color:#000; margin-bottom:10px;} .enlarged-paragraph p {font-size:20px;} ol,ul,li {font-family: 'aglet-sans', sans-serif; list-style:none; font-weight:200;} span {color:#000;} p.bold, p strong {color:#000; font-weight:400;} p.normal {} p.italic {font-style:italic; color:#000;} p span.bold {font-weight:bold; color:#000; font-weight:300;} p span.normal {color:#000; font-weight:200;} .vc_section em {font-style:italic;} a {font-size:18px; line-height:150%; font-weight:200; letter-spacing:1px; text-decoration:none; cursor:pointer; outline:0; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; color:#000;} .enlarged-paragraph a {font-size:20px;} a:visited {color:initial;} a, a:hover, a:active, .entry-title-blog a:hover {color:#3085A1;} a:hover, a:any-link {cursor:pointer; outline:0; text-decoration:none} a:active {-moz-outline-style: 0; outline:0;} a:focus, button:focus {-moz-outline-style: 0; outline:0;} a.hidden {display: none; outline:0;} a[href=""] {cursor:default; -moz-outline-style: 0; outline:0;} input {-moz-outline-style: 0; outline:0;} input::-moz-focus-inner {outline:0;} select::-moz-focus-inner {outline:0;} i.fa {transition:all 0.9s ease; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -o-transition:all 0.9s ease} input:focus, input:hover, select:focus, textarea:focus, form:focus, button:focus {outline:0; color:#000;} /*a href within a heading or paragraph tag*/ /*this must match the generic font sizes above*/ h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:400;} h1 a, h6 a {font-size:100px;} h2 a {font-size:80px;} h3 a {font-size:60px;} h4 a {font-size:40px;} h5 a {font-size:25px;} p a, input.big-button {font-size:18px;} /*TEXT COLOUR CHANGE*/ .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white strong, .text-white p.bold, .text-white a {color:#FFF;} .text-white a, .text-white a:hover, .text-white a:active {color:#FFF;} /*HEADING BORDERS SWIPES | SECTION TITLES*/ h2 {border-bottom:solid 1px #000; padding-bottom:40px; margin-bottom:40px;} h2:before {content:""; border-bottom:solid 10px #3085a1; width:100px; position:absolute; bottom:0; left:0; border-radius:5px 5px 0 0;} .text-white h2, .background-black h2, .background-grey h2, .background-blue h2 {border-bottom:solid 1px #FFF; padding-bottom:40px;} .text-white h2:after, .background-black h2:after, .background-grey h2:after, .background-blue h2:after {content:""; border-bottom:solid 10px #FFF; width:100px; position:absolute; bottom:0; left:0; border-radius:5px 5px 0 0;} /*BG IMAGES*/ body .image-big {overflow:hidden; /*width:100%;*/ min-height:600px; position:relative;} body .image {overflow:hidden; /*width:100%;*/ min-height:400px;} body .image-overlay {background:rgba(255,255,255,0.2); clip-path: polygon(0 0, 0% 65%, 100% 0); -webkit-clip-path: polygon(0 0, 0% 65%, 100% 0); -o-clip-path: polygon(0 0, 0% 65%, 100% 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index:2;} /*IMAGE WIDTH CHANGE*/ .image-width-25 img {width:25%; margin:0 auto;} .image-width-35 img {width:35%; margin:0 auto;} .image-width-50 img {width:50%; margin:0 auto;} .image-width-75 img {width:75%; margin:0 auto;} /*content_width set 1200px ***********************************************************************/ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width:100%; height:auto;} select { border-radius: none; -webkit-appearance: none; -webkit-border: 0; -webkit-border-radius: 0; -moz-appearance: none; -moz-border: 0; -moz-border-radius: 0;} /*content_width set 1200px ***********************************************************************/ /*remove styles for ios devices on forms and iframes ***********************************************************************/ input, iframe, textarea, button, input[type="text"], input[type="button"], input[type="submit"], input[type="search"] { border-radius:0; -webkit-appearance: none; -webkit-border:0; -webkit-border-radius:0; -moz-appearance: none; -moz-border:0; -moz-border-radius:0;} /*remove styles for ios devices on forms and iframes ***********************************************************************/ /*remove pre styles to iframes ***********************************************************************/ iframe {border:none;} /*remove pre styles to iframes ***********************************************************************/ /*Wordpress content "tinymce" css overides for visual viewing backend ***********************************************************************/ body#tinymce p img {width:auto;} body#tinymce p, body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6 {margin-bottom:10px;} body#tinymce h4 {font-size:50px; line-height: 50px;} /*wordpress align none remove margins ***********************************************************************/ .alignnone {margin:0;} /*buttons generic styles ***********************************************************************/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="button"], input[type="reset"], input[type="submit"], .button {font-weight:200; margin-bottom:5px; display: inline-block; color:#000; border:1px solid #CCC; border-radius:0; padding:10px 20px; text-align:center; background:none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; float:left;} .not-found input[type="submit"], .btn, input[type="button"], input[type="reset"], input[type="submit"], button {color:#000; padding:10px 20px; background:#FFF;} input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], button:hover {color:#000; background:#FFF;} label{width:70%; float:left} input.search-field {width:100%; padding:10px; box-sizing:border-box;} input.search-submit {width:30%; float:right;} /*---------------------------------------------------------------------------------------------------------------------------- */ /* ABOVE ARE CORE STYLES*/ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* BELOW ARE SITE SPECIFIC STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*----------------------------------------------------------------------------------------------------------------------------*/ /*ZILLAH - PARENT THEME OVERIDES*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /*Fonts ***********************************************************************/ .post-navigation .nav-links, .post-navigation .nav-links a, .comment-author .fn, .comment-author .fn a, .comment-metadata, .comment-metadata a, .comment-reply-title, .comments-title, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="button"], input[type="reset"], input[type="submit"], .button, .comment-respond label, label {font-family: 'aglet-sans', sans-serif; text-transform: initial;} /*change text alignemnet on input forms ***********************************************************************/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"] {text-align:left;} /*PARENT THEME CONTAINERS THESE HAVE BEEN OVERWRITTEN TO FULL WIDTH*/ /***********************************************************************/ /*zillah container*/ .container, .content-inner-wrap {width:100%; max-width: 100%; padding:0;} /*zillah comments container*/ .comments-area-wrap {max-width:100%; padding:0;} .comments-area-wrap .comments-area {max-width:1200px;} .blog-post, .site-main > article.article, .search-page .site-main > article {margin-bottom:0px;} /***********************************************************************/ /*PARENT THEME CONTAINERS THESE HAVE BEEN OVERWRITTEN TO FULL WIDTH*/ /*HEADER*/ .header-inner {padding:20px 0;} .header-inner-top {position:-webkit-sticky; position:sticky; top:0; background-color:rgba(255, 255, 255, 1); z-index: 999; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;} /*404 - nothing found*/ .not-found, .page-header-search-nothing {margin-top:50px;} /*generic page header*/ .page-header {border:none;} /*remove margin from lists*/ li > ul, li > ol {margin:0;} /*to top*/ .back-to-top {position:fixed; bottom:80px; right:1000px; border:none; margin:10px; background:#FFF; z-index:999; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} /*the css right is set with javascript for the fade in*/ .back-to-top:hover {border:none;} .back-to-top .to-top {font-size:20px; padding:10px; display:block;} /*post category information*/ .blog-categories-container {padding:0 0 60px 0;} .blog-categories-container .page-title {padding:40px 0;} .blog-categories {height:300px; margin-bottom:20px; overflow:hidden;} .blog-categories h3, .blog-categories ul li {border-bottom: 1px solid #DDD; margin:10px 0; padding:5px 0;} .blog-categories h2 {margin:0 0 30px 0;} .blog-categories ul {width: 100%; max-height: 300px; overflow-x: hidden; overflow-y: scroll;} /*.blog-categories ul li a {width:100%; display:block;}*/ .blog-categories ul li span {color:#000;} li.blog-categories ul li a, li.blog-categories ul li a:hover {color:#000;} /*Posts article flex equal height ***********************************************************************/ article.blog-post {display:flex; display:-webkit-flex; display:-ms-flexbox; flex:wrap;} .background-blue article.blog-post .entry-title-blog a:hover {color:#FFf; opacity:0.8;} article.blog-post .flex-one {min-height:400px; display:flex; display:-webkit-flex; display:-ms-flexbox; overflow:hidden;} article.blog-post .flex-two {width:100%; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; overflow:hidden;} /*reverse layout*/ .blog-article-container.background-blue article.blog-post {flex-direction: row-reverse;} /*ARCHIVE lAYOUT*/ body.archive .vc_row {padding:0 0;} .blog-article-container {padding:60px 0;} /*match vc_scetion*/ article.blog-post .blog-featured-image {background-repeat: no-repeat; padding:0; margin:0; position:relative; background-size:cover; background-position:center center; display:block;} article.blog-post div.entry-content {width:100%; padding:40px 40px 40px 0; margin:40px 0; position:relative; border-radius:5px;} /*style content*/ article.blog-post div.entry-content:before {content: ""; background: url(/wp-content/themes/smith-cleaning-child/library/images/swipe-blue.png) no-repeat; background-size: cover !important; position: absolute; bottom: 0; right: 0; width: 150px; height: 150px;} article.blog-post div.entry-content:after {content: ""; position: absolute; bottom: -10px; left: 0; width: 75%; height: 10px; background: #3085a1;} .blog-article-container.background-blue article.blog-post div.entry-content:before {content: ""; background: url(/wp-content/themes/smith-cleaning-child/library/images/swipe-white.png) no-repeat;} .blog-article-container.background-blue article.blog-post div.entry-content:after {background: #FFF;} /*POSTS*/ .entry-title {text-transform:initial;} .entry-title-blog a {line-height:initial;} /*post pagination/navigation generic*/ body .site-main nav.post-navigation {max-width:1200px; margin:0 auto; float:none; padding:80px 20px; border-top:1px solid #CCC;} .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {max-width:320px;} .post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin:0;} .post-navigation .nav-previous a span, .post-navigation .nav-next a span, .posts-navigation .nav-previous a span, .posts-navigation .nav-next a span {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a, .post-navigation .nav-previous:hover a span, .post-navigation .nav-next:hover a span, .posts-navigation .nav-previous:hover a, .posts-navigation .nav-next:hover a, .posts-navigation .nav-previous:hover a span, .posts-navigation .nav-next:hover a span {/*color:#000;*/ background:none; color:#FFF; } /*generic post content*/ .post-thumbnail-wrap {margin-bottom:0;} .cat-links, .posted-on {clear:both; display:block;} .more-link {text-transform: initial; margin-bottom:40px; font-size:18px;} span.meta-nav {display:none;} .site-main > article.blog-post, .site-main > article.search-post {margin:20px 0;} .blog-post, .site-main > article.article, .search-page .site-main > article {padding:0; background:none;} .wrapper.home-entry-header, article.post .entry-header {padding:40px 20px; /*margin-bottom:60px;*/} .content-wrap {padding:0; /*margin-bottom:30px;*/} .page-title {padding:40px 20px; margin:0; /*font-weight:200;*/ /*text-transform:initial;*/} /*post pagination/navigation post landing*/ .posts-navigation {width:100%; position:relative; margin:0;} .posts-navigation .nav-links {max-width:1200px; padding:40px 20px; margin:0 auto; position:relative; display:block; overflow:hidden;} .posts-navigation .nav-links .nav-previous {float:left;} .posts-navigation .nav-links .nav-next {float:right;} .posts-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-next a {width:100%; color:#000; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:14px; padding: 10px;} .posts-navigation .nav-links .nav-previous a:before {content:""; display:inline-block; vertical-align:top; padding-right:5px; } .posts-navigation .nav-links .nav-next a:after {content:""; display:inline-block; vertical-align:top; padding-left:5px;} /*post pagination/navigation single posts*/ nav.posts-navigation {display:none;} /*we are using ajax load more posts*/ /*.post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a {width:100%; max-width:100%;} .post-navigation .nav-links .nav-previous a:before {content:""; vertical-align: top;color:#000; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}*/ /*.post-navigation .nav-links .nav-next a:after {content:""; vertical-align: top; color:#000; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}*/ .post-navigation .nav-links .nav-next a:after {content:"";} /*post entry date*/ .entry-date {color:#000;} /*single post page content (visual composer)*/ body.single-post .entry-content img {padding-bottom:40px;} /* ------------------------------------------------------------------------------------------------------------------------- ALL PLUGIN OVERIDES ----------------------------------------------------------------------------------------------------------------------------*/ /*MEGA MENU*/ .hide-header {top:-100px !important;} /*this style is adding extra position top to hide the header on scroll, JS is dynamic and adds the hide of the header.*/ .screen-menu #mega-menu-wrap-primary {clear:none; background:transparent; margin:0;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {background:transparent; color:#000; font-weight:400; font-size:18px; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color:#000; font-weight:400; font-size:18px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover, .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {color:#3085A1;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary {text-align:center;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li {padding:0 14px;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {background:#FFF;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu li {border-bottom:1px solid #CCC;} /*SUB MENU / FLYOUT MENU*/ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {width:200px;} .screen-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {padding:10px; box-sizing: border-box; font-weight:400;} .screen-menu .mega-sub-menu a.mega-menu-link:before {display:none;} /*OTHERS SETTINGS ARE CEATED IN THE CMS*/ /*RESPONSIVE BUTTON*/ .mobile-menu button#responsive-menu-button {display:block; overflow:hidden; float:right; line-height: 0;} .mobile-menu .responsive-menu-label.responsive-menu-label-top, .mobile-menu .responsive-menu-label.responsive-menu-label-bottom {display:none;} /*hamburger*/ .mobile-menu button#responsive-menu-button span.responsive-menu-box {width:55px; height:55px;} .mobile-menu button#responsive-menu-button span.responsive-menu-box span.responsive-menu-inner::before {width:45px;} .mobile-menu button#responsive-menu-button span.responsive-menu-box span.responsive-menu-inner {width:55px;} .mobile-menu button#responsive-menu-button span.responsive-menu-box span.responsive-menu-inner::after {width:35px;} /*hamburger is active*/ .mobile-menu button#responsive-menu-button.is-active span.responsive-menu-box span.responsive-menu-inner::before, .mobile-menu button#responsive-menu-button.is-active span.responsive-menu-box span.responsive-menu-inner, .mobile-menu button#responsive-menu-button.is-active span.responsive-menu-box span.responsive-menu-inner::after {width:55px; right:0;} /*RESPONSIVE MENU*/ .mobile-menu #responsive-menu-container #responsive-menu-wrapper {margin:100px auto; width:75%;} .mobile-menu #responsive-menu-container {left:0;} /*RESPONSIVE MENU LIST*/ #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size:22px !important; font-weight:400;} #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link:hover, #responsive-menu-container #responsive-menu li.responsive-menu-current-item .responsive-menu-item-linkhover {color:#3085a1 !important;} #responsive-menu-container #responsive-menu li.responsive-menu-item {padding:20px 10px; border-bottom:1px solid #CCC;} #responsive-menu-container #responsive-menu li.responsive-menu-item ul.responsive-menu-submenu li {border-bottom:none; padding-bottom:0;} /*VERY IMPORTANT *********************************************************************/ /* stop scrolling when mobile menu is open*/ html.responsive-menu-open {overflow:hidden;} /*stop scrolling when mobile menu is open*/ /*VERY IMPORTANT *********************************************************************/ /*REVOLUTION SLIDER AND FEATURED IMAGE BANNER TEXT *************************/ /*.tp-shape {width:5000px; height:200vh; position:absolute; top:-300px; left:-300px; background-color: rgba(219, 20, 60, 0.7); -webkit-clip-path: polygon(5% 0, 50% 0, 30% 100%, 100% 100%); clip-path: polygon(5% 0, 50% 0, 30% 100%, 100% 100%); overflow:hidden;} */ /*REVOLUTION SLIDER AND FEATURED IMAGE BANNER TEXT *************************/ /*CONTACT FORM 7*/ img.ajax-loader {width:20px;} div.wpcf7-response-output {clear:both} span.wpcf7-not-valid-tip {color:#f00;} .email-form {width:100%; overflow:hidden;} .email-form span {color:#DC143C;} .email-form p {margin-bottom:20px; font-weight:200; color:#000;} .email-form p label {width:50%; float:left; box-sizing:border-box; padding:10px; font-weight:200; margin-bottom:10px;} .email-form p label input {width:100%; font-weight:200; z-index:1; margin-top:10px; margin-bottom:10px;} .email-form p label.textarea {width:100%; margin-bottom:20px;} .email-form input.wpcf7-submit {margin:10px; -o-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; transition: border-color 0.5s ease;} .email-form textarea {z-index:1; width:100%; color:#000; margin-top:10px; height:180px;} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border:1px solid #DC143C;} /*FLEXY BREADCRUMBS*/ .flexy-breadcrumb-container {width:100%; position:absolute; bottom:0;} .flexy-breadcrumb-journal {max-width:auto;} ol .fbc-items {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .fbc-page .fbc-wrap .fbc-items {background-color:#3085a1 !important; border-radius: 4px 4px 0 0;} .fbc-items a, .fbc-items p, .fbc-items span, .fbc-items li, ol.fbc-items {color:#FFF !important; font-size:18px !important; font-weight:400; font-family: 'aglet-sans', sans-serif !important; padding:0; white-space:nowrap;} .fbc-items a:hover {opacity:0.8;} .fbc-page .fbc-wrap .fbc-items li.active span {font-weight:600;} /*.flexy-breadcrumb-journal .fbc-separator:after {content:" Journal";}*/ /*add journal to flexy breadcrumbs*/ .fbc-page .fbc-wrap .fbc-items li a:last-child {margin-right:0px;} .fbc-page .fbc-wrap .fbc-items li {margin:0px 3px;} /*remove category from breadcrumbes, this is replaced with Journal in js funcations*/ body.single-post ol.fbc-items li:nth-child(2) {display:none;} body.single-post .fbc-page .fbc-wrap .fbc-items li.active span a {font-weight:600;} /*VISUAL COMPOSER ACCORDION ON ALL ONLY*/ /*.hugeit-contact-column-block {margin:0;} .vc_tta-style-classic {border-top:none;} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {padding:20px 5px 20px 5px; text-align:left; background:transparent;} .wpb-js-composer .vc_tta-panel .vc_tta-panel-heading {background:#CCC;} .wpb-js-composer .vc_tta-panel .vc_tta-panel-heading:hover, .wpb-js-composer .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-panel-body {border:1px solid #FFF; background:#F9F9F9;} .vc_tta-panel-body {padding:20px 40px 40px 40px;} .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {margin:0;} .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text {color:#000; margin-left:60px; text-transform:initial; display:table;} .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left i.vc_tta-controls-icon::before, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left i.vc_tta-controls-icon::after {color:#000; border-color:none;} .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {right:auto; margin-left:20px; color:#000;} .vc_tta-panel-title a {margin-bottom:0;} .wpb-js-composer .vc_tta-container {margin-bottom:60px;}*/ /*GOOGLE MAP*/ .wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {padding-bottom:100% !important;} /*ADMIN CUSTOM LOGIN*/ /******************* this needs to be added to the plugin css box. ************************/ form#loginform {background:rgb(0,172,160,0.6);} /*MAILCHIMP FORM EMBED*/ .wpb_raw_code p {display:none;} /*visual composer is adding p tags around scripts etc when using static blocks!!!*/ .footer #mc_embed_signup input, .footer #mc_embed_signup input:focus {border:1px solid #FFF; border-color:#FFF;} .mailchimp {padding:0 0 0 0; width:100%; float:left;} .mailchimp h3 {color: #FFF;} .mailchimp input[type="email"] {color:#FFF; margin-bottom:20px;} .mailchimp #mc_embed_signup form {padding:0 0 0 0;} .mailchimp #mc_embed_signup .mc-field-group {width:100%; clear:none; padding-bottom:5px;} .mailchimp #mc_embed_signup {background:transparent;} .mailchimp .email-address-field {float:left; width:100%;} .mailchimp label.form-label-title, .mailchimp #mce-success-response, .mailchimp #mce-error-response {color:#FFF; font-size:18px; font-weight:200;} .mailchimp #mc_embed_signup div.response {width:100%; padding:5px; margin:20px 0; border:1px solid #FFF; padding:5px; color:#FFF;} .mailchimp #mc_embed_signup div#mce-responses {margin:0; padding:0;} .mailchimp #mc-embedded-subscribe {margin:10px 0 0 0; font-weight:300;} /*WP ANCHOR HEADING*/ /*Adds a weird anchore image on heading remove it here*/ /*a.anchorlink.dashicons-before {display:none; visibility: :hidden; width:1px; height:1px;}*/ /*FANCYBOX3*/ .fancybox-slide--iframe .fancybox-content {background: transparent; width:90%; height:90%;} /*VISUAL COMPOSER A POST CAROUSEL*/ .post-carousel .vc_column_container.image > .vc_column-inner {padding-bottom:0;} .post-carousel .vc_column_container.post-text > .vc_column-inner {padding-top:0;} .lvca-posts-carousel {max-width: 100%;} .lvca-posts-carousel .lvca-posts-carousel-item .entry-title {margin:30px 0;} .lvca-posts-carousel .lvca-posts-carousel-item .hentry, .lvca-posts-carousel .lvca-posts-carousel-item .hentry:hover {border-radius: 0; background:none; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border:none;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-entry-text-wrap {width:100%; margin: 0; padding:20px 0px;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image {display:block; width:100%; height:600px;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image img {object-fit:cover; width:110%; max-width:110%; height:110%;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image .image-overlay {width:100vw; height:100vh;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image .lvca-image-info {display:none;} .lvca-posts-carousel .lvca-posts-carousel-item .hentry .lvca-project-image:hover::after {left:20px;} .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image:hover img {-webkit-filter: brightness(85%); filter: brightness(85%);} /*re order the image and title so the title is at the top (1st div)*/ /*.lvca-posts-carousel .lvca-posts-carousel-item .hentry {display:flex; flex-flow:row wrap;} .lvca-posts-carousel .lvca-posts-carousel-item .hentry .lvca-project-image {order:2; -webkit-order:2;} .lvca-posts-carousel .lvca-posts-carousel-item .hentry .lvca-entry-text-wrap {order:1; -webkit-order:1;}*/ /*VISUAL COMPOSER SINGLE IMAGE*/ body .single-images .vc_column_container:first-child > .vc_column-inner, body .single-images .vc_column_container .vc_column-inner, body .single-images .vc_column_container:last-child > .vc_column-inner {padding:0; float:left; width: calc(100% - 0px);} body .single-images .vc_single_image-wrapper {height:300px;} body .single-images .vc_single_image-wrapper img {object-fit:cover; width:110%; max-width:110%; height:110%;} body .single-images .vc_column_container .vc_column-inner > .wpb_wrapper {padding:0;} .wpb_single_image .vc_figure {width:100%;} body .single-images .wpb_single_image .vc_single_image-wrapper {display:block;} body.page-form-confirmation .vc_section.single-images {padding-top:0;} /*remove padding top from static block single images only on form confirmation page*/ body.page-testimonials .vc_section.single-images {padding-top:0;} /*remove padding top from static block single images only on testimonials page*/ /*SLIDE ANYTHING SLIDER/CAROUSEL*/ /*.testimonials .owl-item h1, .testimonials .owl-item h2, .testimonials .owl-item h3, .testimonials .owl-item h4, .testimonials .owl-item h5, .testimonials .owl-item h6, .testimonials .owl-item p {padding-left:40px; padding-right:40px;}*/ /*AJAX LOAD MORE POSTS*/ .alm-btn-wrap {padding:60px 20px;} .alm-btn-wrap button.alm-load-more-btn {margin:0 auto; display:block; background-color:rgba(48,133,161,1); color:#FFF;} button.alm-load-more-btn {font-size:18px; color:#FFF;} /*FACEBOOK FEED*/ /*.fts-jal-fb-header, .fts-jal-fb-user-thumb, .fts-likes-shares-etc-wrap {display:none;} .fts-jal-fb-group-display h3, .fts-jal-fb-group-display a, .fts-jal-fb-group-display a:hover {color:#3085A1;} .fts-jal-single-fb-post {border-bottom:2px solid #3085A1; padding:40px 0 !important;} .fts-jal-fb-group-display h3 {width:70%;} .fts-jal-fb-message {width:70%; padding:20px 0 20px 0;} .fts-powered-by-text {visibility:hidden; margin:0; padding:0; width:0; height:0;} .fts-jal-fb-picture, .fts-jal-fb-vid-picture {width:100%;} .fts-3-photos {width:33.333% !important;} .fts-4-photos {width:25% !important;}*/ /*Social Media widget plugin - Simple Social Icons*/ .social-media-icons li {float:left; display:inline-block; margin-right:10px;margin-bottom:0 !important;} .social-media-icons li a svg {width:100%; height:100%;} .social-media-icons li.ssi-facebook {margin-right:5px;} .social-media-icons li.ssi-facebook a svg {width:90%; height:100%;} .social-media-icons li.ssi-youtube a svg {width:120%; height:120%; margin-top:-3px;} .top-header .social-media-icons ul {margin-top:40px;} .top-header li.social-media-icons {width:30%;} .top-header .social-media-icons li {width:25px; height:25px;} .footer .social-media-icons ul {margin-top:20px; margin-left:0;} footer li.social-media-icons ul li {width:35px; height:35px;} footer .social-media-icons li.ssi-facebook {fill:#FFF;} footer .social-media-icons li.ssi-youtube {fill:#FFF;} footer .social-media-icons li.ssi-instagram {fill:#FFF;} footer .social-media-icons li.ssi-twitter {fill:#FFF;} .social-media-icons li:hover.ssi-facebook {fill:#3085a1;} .social-media-icons li:hover.ssi-youtube {fill:#3085a1;} .social-media-icons li:hover.ssi-instagram {fill:#3085a1;} .social-media-icons li:hover.ssi-twitter {fill:#3085a1;} /*COOKIE NOTICE*/ #cookie-notice {min-width:280px !important; width:280px; margin:20px; border-radius:5px 5px 5px 0;} #cookie-notice .cookie-notice-container::before {content:""; background:url(/wp-content/themes/smith-cleaning-child/library/images/swipe-white.png) no-repeat; background-size:cover; position:absolute; bottom:0; right:0; width:75px; height:75px;} #cookie-notice .cookie-notice-container::after {content:""; position: absolute;bottom: -10px; left:0; width:75%; height:10px; background:#FFF;} .cookie-notice-container {padding:30px;} .cn-buttons-container, .cn-text-container {display:block;} #cookie-notice #cn-notice-text {text-align:left; color:#FFF;} .cookie-notice-container #cn-notice-buttons {overflow:hidden; float:left; margin:20px 0;} #cookie-notice .cn-button {margin:10px 10px 0 0 !important; padding:10px !important; min-width:120px; float:left; background:#FFF;} #cookie-notice #cn-close-notice.cn-close-icon {display:none;} /*GO CARDLESS RAW HTML*/ .go-cardless input, .go-cardless input[type="text"]:focus {width:95%; clear:both; float:left; height:45px; margin:0 0 30px 0; padding:0 0 0 20px; border:5px solid #3085a1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .go-cardless a {width:250px; clear:both; float:left;} .go-cardless .wpb_raw_code p {display:block;} .go-cardless .wpb_raw_code p a {width:auto; float:none;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*GENERIC VISUAL COMPOSER OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*visual composer generic section styles*/ body .vc_section {width:100%; padding:60px 0; margin:0; display:block; overflow:hidden; /*background:#FFF;*/} .custom-post-type-vc .vc_section {padding:0 0 0 0;} /*visual composer generic section styles*/ /*this will be the wrapper for visual composer */ body .vc_row {margin:0 auto; padding:0 20px; max-width:1200px; display:block; overflow:visible;} /*this will be the wrapper for visual composer */ /*make vc_row full width if class is added to either the section or vc_row itself */ body .vc_section.full-width .vc_row, body .vc_section .vc_row.full-width {width:100%; max-width:100%; padding:0;} /*make vc_row full width if class is added to either the section or vc_row itself */ /*visual composer container*/ /*.vc_column_container {padding:40px 20px 40px 20px;}*/ /*visual composer container*/ /*visual composer inner, different padding dependant on first or last at 1 column and if multiple columns*/ /*if multiple columns*/ /*.vc_col-sm-1 .vc_column-inner, .vc_col-sm-2 .vc_column-inner, .vc_col-sm-3 .vc_column-inner, .vc_col-sm-4 .vc_column-inner, .vc_col-sm-5 .vc_column-inner, .vc_col-sm-6 .vc_column-inner, .vc_col-sm-7 .vc_column-inner, .vc_col-sm-8 .vc_column-inner, .vc_col-sm-9 .vc_column-inner, .vc_col-sm-10 .vc_column-inner, .vc_col-sm-11 .vc_column-inner {padding:0 0 0 0;}*/ /*Change padding from visual composer column inner elements*/ body .vc_column_container > .vc_column-inner {padding:0 15px 0 15px;} body .vc_column_container:last-child > .vc_column-inner {padding-right:0; width:calc(100% - 15px); float:right;} body .vc_column_container:first-child > .vc_column-inner {padding-left:0; width:calc(100% - 15px); float:left;} /*remove margins from generic visual composer stylesheet make elements 100% width*/ body .wpb_content_element {margin:0 0 0 0;} /*.wpb_content_element:last-child {margin-bottom:0;}*/ /*remove margins from generic visual composer stylesheet*/ /*Visual composer unordered lists*/ body .vc_column_container ul {margin:20px 0 20px 20px;} body .vc_column_container ul li {padding-left:5px; margin-bottom:20px; list-style-type:initial; font-size:18px;} body .background-blue .vc_column_container ul li, body .background-black .vc_column_container ul li {color:#FFF;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*GENERIC VISUAL COMPOSER OVERIDES END */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*generic section styles for fifty fifty sections full width*/ .fifty-fifty {/*background:#FFF;*/ transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; padding:0 0;} /*this binds the two fifty fifty containers to the same height*/ .fifty-fifty .vc_row {width:100%; max-width:100%; padding:0 0 0 0; margin:0 auto; display:flex; display:-webkit-flex; display:-ms-flexbox;} .fifty-fifty .vc_row.wrapper {max-width:1200px; padding: 0 20px;} /*same as .wrapper, overide above padding*/ .fifty-fifty .vc_column_container {display:flex; display:-webkit-flex; display:-ms-flexbox;} body .fifty-fifty .vc_column-inner {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; padding:80px 40px;} /*this binds the two fifty fifty containers to the same height*/ /*this creates padding to act as a wrapper, there is no wrapper on these sections*/ .fifty-fifty .vc_column_container.image {padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; overflow:hidden; min-height:600px; box-sizing:content-box;} /*this creates padding to act as a wrapper, there is no wrapper on these sections*/ /*if adding a content block within a content block add this class*/ section.vc_section.wrapper .inner-content-block {padding:0;} /*if adding a content block within a content block add this class*/ /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER OVERIDES END*/ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER BLOCK OVERLAP */ /*---------------------------------------------------------------------------------------------------------------------------- */ body .wpb_content_element.block-overlap {background:#FFF; width:120%; z-index:999; position:relative; margin:40px 0 40px 0; padding:40px 40px 40px 0; float:left; border-radius:5px 5px 5px 0; overflow:visible;} body .wpb_content_element.block-overlap.reverse {float:right; padding:40px 40px 40px 40px;} body .background-white .block-overlap, body .background-white .block-overlap.reverse {background:#FFF;} body .background-black .block-overlap, body .background-black .block-overlap.reverse {background:#000;} body .background-grey .block-overlap, body .background-grey .block-overlap.reverse {background:#CCC;} body .background-blue .block-overlap, body .background-blue .block-overlap.reverse {background:#3085a1;} body .background-black .wpb_content_element.block-overlap::before, body .background-black .wpb_content_element.block-overlap.reverse::before, body .background-grey .wpb_content_element.block-overlap::before, body .background-grey .wpb_content_element.block-overlap.reverse::before, body .background-blue .wpb_content_element.block-overlap::before, body .background-blue .wpb_content_element.block-overlap.reverse::before {content:""; background:url(/wp-content/themes/smith-cleaning-child/library/images/swipe-white.png) no-repeat; background-size:cover; position:absolute; bottom:0; right:0; width:150px; height:150px;} body .wpb_content_element.block-overlap::before {content:""; background:url(/wp-content/themes/smith-cleaning-child/library/images/swipe-blue.png) no-repeat; background-size:cover; position:absolute; bottom:0; right:0; width:150px; height:150px;} body .background-black .wpb_content_element.block-overlap::after, body .background-black .wpb_content_element.block-overlap.reverse::after, body .background-grey .wpb_content_element.block-overlap::after, body .background-grey .wpb_content_element.block-overlap.reverse::after, body .background-blue .wpb_content_element.block-overlap::after, body .background-blue .wpb_content_element.block-overlap.reverse::after {content:""; position:absolute; bottom:-10px; left:0; width:75%; height:10px; background:#FFF;} body .wpb_content_element.block-overlap::after, body .wpb_content_element.block-overlap.reverse::after {content:""; position:absolute; bottom:-10px; left:0; width:75%; height:10px; background:#3085a1;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER BLOCK OVERLAP */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* SPECIFIC WEBSITE STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*LINKS*/ .site-content p a {color:#3085a1; font-weight:400;} /*DISPLAY OR NO*/ body .vc_row.display-mobile, .display-mobile {display:none;} body .vc_row.display-tablet, .display-tablet {display:none;} body .vc_row.display-screen, .display-screen {display:block;}/* - relative*/ body .vc_row.display-none, .display-none {display:none; visibility:hidden;} /*BORDER RADIUS*/ .border-radius {border-radius:5px;} /*Z INDEX*/ .z-index-100 {z-index:100;} /*borders*/ .border-top {border-top:8px solid #000;} .border-right {border-right:8px solid #000;} .border-bottom {border-bottom:8px solid #000;} .border-left {border-left:8px solid #000;} .border-blue-top {border-top:8px solid #3085a1;} .border-blue-right {border-right:8px solid #3085a1;} .border-blue-bottom {border-bottom:8px solid #3085a1;} .border-blue-left {border-left:8px solid #3085a1;} /*white borders on backgrounds*/ .background .border-top, .background-blue .border-top {border-top:8px solid #FFF;} .background .border-right, .background-blue .border-right {border-right:8px solid #FFF;} .background .border-bottom, .background-blue .border-bottom {border-bottom:8px solid #FFF;} .background .border-left, .background-blue .border-left {border-left:8px solid #FFF;} /*borders thin*/ .border-top-thin {border-top:2px solid #000;} .border-right-thin {border-right:2px solid #000;} .border-bottom-thin {border-bottom:2px solid #000;} .border-left-thin {border-left:2px solid #000;} .border-blue-top-thin {border-top:2px solid #3085a1;} .border-blue-right-thin {border-right:2px solid #3085a1;} .border-blue-bottom-thin {border-bottom:2px solid #3085a1;} .border-blue-left-thin {border-left:2px solid #3085a1;} /*white borders on backgrounds*/ .background .border-top-thin, .background-blue .border-top-thin {border-top:2px solid #FFF;} .background .border-right-thin, .background-blue .border-right-thin {border-right:2px solid #FFF;} .background .border-bottom-thin, .background-blue .border-bottom-thin {border-bottom:2px solid #FFF;} .background .border-left-thin, .background-blue .border-left-thin {border-left:2px solid #FFF;} /*TOP HEADER*/ .top-header {width:100%; position:relative; overflow:hidden;} .top-header ul {display:flex; flex-wrap:wrap;} .top-header p, .top-header a {font-weight: 400;} /*TOP HEADER - PHONE EMAIL*/ .top-header li.phone-email {float:right; width:30%; margin-top:25px;} .top-header li.phone-email p {margin-bottom:0; text-align:right;} .top-header li.phone-email a {color:#000;} .top-header li.phone-email a:hover {color:#3085a1;} /*SITE LOGO*/ .top-header li.site-logo-container {width:40%;} a.site-logo {width:120px; display:block; margin:0 auto; padding:20px 0 10px 0;} a.site-logo img {width:100%; margin:0 0 0 13px; box-sizing:border-box; padding:0;} .mobile-menu a.site-logo img {margin:0 0 0 0; padding-top:5px;} /*WEBSITE TITLE*/ h5.website-title {text-align:center; padding:0; text-transform:lowercase;} /*TYPEWRITER JS ANIMATION */ /*FULL ANIMATION IN FUNCTIONS.JS*/ .text-animation span, .text-animation h3 {text-align:center; animation: caret 1s steps(1) infinite;} /*Parallax*/ .parallax {position:relative; display:block; overflow:hidden;} .parallax-bg {position:relative; overflow:hidden; background-repeat: no-repeat; padding:0; margin:0; background-size:cover; background-position:center center;} /*Parallax*/ /*header image*/ .header-image-overlay {background:rgba(255,255,255,0.2); clip-path: polygon(0 0, 0% 65%, 100% 0); -webkit-clip-path: polygon(0 0, 0% 65%, 100% 0); -moz-clip-path: polygon(0 0, 0% 65%, 100% 0); -o-clip-path: polygon(0 0, 0% 65%, 100% 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index:2;} .header-image-overlay-full {background:rgba(0,0,0,0.2);position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} .header-image-full-height {width:100%; height:100%; min-height:100%; max-height:100%; position:relative; padding:0px;} .header-image-big {width:100%; height:800px; /*border-bottom:5px solid #999;*/ background-repeat: no-repeat; padding:0; margin:0; position:relative; display:block; overflow:hidden; background-size:cover; background-position:center center;} .header-image-small {width:100%; height:650px; /*border-bottom:5px solid #999;*/ background-repeat: no-repeat; padding:0; margin:71px 0 0 0; position:relative; display:block; overflow:hidden; background-size:cover; background-position:center center;} .header-image-bottom {width:100%; height:10px;} /*HEADER TEXT*/ .banner-text {width:100%; height:100%; margin-top:180px; box-sizing:border-box; padding:20px;} .banner-text h1, .banner-text h2, .banner-text h3, .banner-text h4, .banner-text h5, .banner-text h6, .banner-text p, .banner-text span {color:#FFF; text-align:center; margin-bottom:20px; padding:0;} body.home .banner-text h1, body.home .banner-text h2, body.home .banner-text h3, body.home .banner-text h4, body.home .banner-text h5, body.home .banner-text h6, body.home .banner-text p {text-transform:lowercase;} /*banner logo*/ .banner-logo {margin:0 auto; width:350px; padding-left:60px; margin-bottom:30px;} /*BANNER SCROLL DOWN ANIMATION*/ .scroll-down-container {width:28px; margin:0 auto;} /*width same as chevron*/ .chevron {position:absolute; width:28px; height:8px; opacity:0; transform:scale3d(0.5, 0.5, 0.5); animation:move 3s ease-out infinite;} .chevron:first-child {animation:move 3s ease-out 1s infinite;} .chevron:nth-child(2) {animation:move 3s ease-out 2s infinite;} .chevron:before, .chevron:after {content:''; position:absolute; top:0; height:100%; width:51%; background:#fff;} .chevron:before {left:0;transform:skew(0deg, 30deg);} .chevron:after {right:0; width:50%; transform:skew(0deg, -30deg);} @keyframes move { 25% {opacity:1;} 33% {opacity:1; transform:translateY(30px);} 67% {opacity:1; transform:translateY(40px);} 100% {opacity:0; transform:translateY(55px) scale3d(0.5,0.5,0.5);} } @keyframes pulse { to {opacity:1;} } /*add background colour to content container*/ .background-white {background:#FFF;} .background-black {background:#000;} .background-grey {background:#CCC;} .background-blue {background:#3085a1;} /*add background colour to content container*/ /*CHANGE TEXT COLOUR FOR BACKGROUNDS*/ .background h1, .background h2, .background h3, .background h4, .background h5, .background h6, .background p, .background a, .background-blue h1, .background-blue h2, .background-blue h3, .background-blue h4, .background-blue h5, .background-blue h6, .background-blue p, .background-blue a, .background-blue strong, .background-blue b {color:#FFF;} /*ERROR PAGES 404 AND SEARCH*/ .page-content.page-404 .row .col-md-12 #searchform {float:left; margin:0; padding:0;} .page-content.page-404 .row .col-md-12 #searchform .form-horizontal .form-group .col-xs-10 {padding:0 10px 0 0;} .page-content.page-404 .row .col-md-12 a.button.medium {clear:both; float:left; color:#FFF;} /*ERROR PAGES 404 AND SEARCH*/ /*STYLED BUTTONS*/ .big-button a, a.big-button, input.big-button, #cookie-notice .cn-button, .alm-btn-wrap button {min-width:150px; display:inline-block; font-weight:400; margin-top:40px; padding:15px 30px; color:#3085a1; text-align:center; border-bottom:4px solid #3085a1; border-radius:5px 5px 0 0; overflow:hidden;-webkit-transition:border-color 0.5s ease; -moz-transition:border-color 0.5s ease; -o-transition:border-color 0.5s ease; -ms-transition:border-color 0.5s ease; transition:border-color 0.5s ease;} .background-black .big-button a, .background-black a.big-button, .background-black input.big-button, .background-grey .big-button a, .background-grey a.big-button, .background-grey input.big-button, .background-blue .big-button a, .background-blue a.big-button, .background-blue input.big-button {color:#FFF; border-bottom:4px solid #FFF; color:#FFF;} /* Sweep To top */ .hvr-sweep-to-top { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; background-color:rgba(255,255,255,0); } .hvr-sweep-to-top:before { content:"" !important; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background-color:rgba(48,133,161,1); -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color:#FFF; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform:scaleX(1); transform:scaleX(1); } /*Dark backgrounds*/ /* Sweep To top */ .background-black .hvr-sweep-to-top, .background-grey .hvr-sweep-to-top, .background-blue .hvr-sweep-to-top { -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; background-color:rgba(255,255,255,0); } .background-black .hvr-sweep-to-top:before, .background-grey .hvr-sweep-to-top:before, .background-blue .hvr-sweep-to-top:before { content:""; position: absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background-color:rgba(255,255,255,1); -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .background-black .hvr-sweep-to-top:hover, .background-black .hvr-sweep-to-top:focus, .background-black .hvr-sweep-to-top:active, .background-grey .hvr-sweep-to-top:hover, .background-grey .hvr-sweep-to-top:focus, .background-grey .hvr-sweep-to-top:active, .background-blue .hvr-sweep-to-top:hover, .background-blue .hvr-sweep-to-top:focus, .background-blue .hvr-sweep-to-top:active { color: #3085a1; } .background-black .hvr-sweep-to-top:hover:before, .background-black .hvr-sweep-to-top:focus:before, .background-black .hvr-sweep-to-top:active:before , .background-grey .hvr-sweep-to-top:hover:before, .background-grey .hvr-sweep-to-top:focus:before, .background-grey .hvr-sweep-to-top:active:before , .background-blue .hvr-sweep-to-top:hover:before, .background-blue .hvr-sweep-to-top:focus:before, .background-blue .hvr-sweep-to-top:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /*CONTACT US SECTIION ABOVE FOOTER*/ body.page-form-confirmation .contact-us, body.page-contact .contact-us {display:none;} /*footer */ .footer {background:#000;} .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .footer p strong, .footer a strong, .footer a, footer strong, footer b {color:#FFF;} .footer a {font-weight:600;} .footer a:hover, .footer a:hover strong {color:#3085a1;} /*.footer .vc_section {padding-bottom:20px;}*/ /*footer logos / city and guilds etc.*/ body .wpb_content_element.footer-logos {margin-top:40px;} .footer-logos img {width:24%; min-width:50px; display:inline; float:left; padding:0 10px 0 0; margin:0;} .footer-logos br {display:none;} /*under-footer*/ .under-footer {background:#FFF; color:#000; padding:20px 0 10px 0;} .under-footer .wrapper {padding:0 0 0 0;} .under-footer .tidal p {text-align:right;} /*---------------------------------------------------------------------------------------------------------------------------- */ /* SPECIFIC WEBSITE STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* ABSOLUTE OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*EXTRA PADDING*/ .padding {padding:20px !important;} .padding-top {padding-top:20px !important;} .padding-bottom {padding-bottom:20px !important;} .padding-left {padding-left:20px !important;} .padding-right {padding-right:20px !important;} .padding-top-bottom {padding-top:20px !important; padding-bottom:20px !important;} .padding-left-right {padding-left:20px !important; padding-right:20px !important;} /*DOUBLE PADDING*/ .double-padding {padding:40px !important;} .double-padding-top {padding-top:40px !important;} .double-padding-bottom {padding-bottom:40px !important;} .double-padding-left {padding-left:40px !important;} .double-padding-right {padding-right:40px !important;} .double-padding-top-bottom {padding-top:40px !important; padding-bottom:40px !important;} .double-padding-left-right {padding-left:40px !important; padding-right:40px !important;} /*NO PADDING*/ .no-padding {padding:0 !important;} .no-padding-top {padding-top:0 !important;} .no-padding-bottom {padding-bottom:0 !important;} .no-padding-left {padding-left:0 !important;} .no-padding-right {padding-right:0 !important;} .no-padding-top-bottom {padding-top:0 !important; padding-bottom:0 !important;} .no-padding-left-right {padding-left:0 !important; padding-right:0 !important;} /*EXTRA MARGIN*/ .margin {margin:20px !important;} .margin-top {margin-top:20px !important;} .margin-bottom {margin-bottom:20px !important;} .margin-left {margin-left:20px !important;} .margin-right {margin-right:20px !important;} .margin-top-bottom {margin-top:20px !important; margin-bottom:20px !important;} .margin-left-right {margin-left:20px !important; margin-right:20px !important;} /*DOUBLE PADDING*/ .double-margin {margin:40px !important;} .double-margin-top {margin-top:40px !important;} .double-margin-bottom {margin-bottom:40px !important;} .double-margin-left {margin-left:40px !important;} .double-margin-right {margin-right:40px !important;} .double-margin-top-bottom {margin-top:40px !important; margin-bottom:40px !important;} .double-margin-left-right {margin-left:40px !important; margin-right:40px !important;} /*NO MARGIN*/ .no-margin {margin:0 !important;} .no-margin-top {margin-top:0 !important;} .no-margin-bottom {margin-bottom:0 !important;} .no-margin-left {margin-left:0 !important;} .no-margin-right {margin-right:0 !important;} .no-margin-top-bottom {margin-top:0 !important; margin-bottom:0 !important;} .no-margin-left-right {margin-left:0 !important; margin-right:0 !important;} /*---------------------------------------------------------------------------------------------------------------------------- */ /* ABSOLUTE OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------------- MANIPULATE STYLES FOR INTERNET EXPLORER ALL WIDTHS ----------------------------------------------------------------------------------------------------------------------------*/ /*IE EDGE OVERIDES*/ @supports (-ms-ime-align:auto) { .header-inner-top {position:relative;} body .wpb_content_element.block-overlap {width:100%;} .flex-two img.banner-image-category-page {display:none;} a, a:hover, a:focus {text-decoration:none; text-transform:none;} h1, h2, h3, h4, h5, h6, p, a {text-transform:none;} } /*IE 10 & 11 OVERIDES*/ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .header-inner-top {position:relative;} body .wpb_content_element.block-overlap {width:100%;} .flex-two img.banner-image-category-page {display:none;} a, a:hover, a:focus {text-decoration:none; text-transform:none;} h1, h2, h3, h4, h5, h6, p, a {text-transform:none;} } /*---------------------------------------------------------------------------------------------------------------------------- */ /* MAX-WIDTH MEDIA QUERIES BELOW */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 1600px site styles and template overides ---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 1600px){ } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 1200px site styles and template overides ---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 1200px){ } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 992px site styles and template overides ---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 992px){ /*VISUAL COMPOSER A POST CAROUSEL*/ .lvca-posts-carousel .lvca-posts-carousel-item .entry-title {width:70%;} } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 768px site styles and template overides */ /*---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 768px){ /*---------------------------------------------------------------------------------------------------------------------------- */ /*GENERIC STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*buttons generic styles ***********************************************************************/ label {width:100%;} input.search-submit {width:50%;} /*BASE STYLES ***********************************************************************/ h1, h2, h3, h4, h5, h6, p {width:100%;} h1, h6, h1 a, h6 a {font-size:80px; letter-spacing:7px;} h2,.entry-title-blog, h3.entry-title a, h2 a {font-size:60px; letter-spacing:5px;} h3, h3 a, .fts-jal-fb-user-name a {font-size:40px; letter-spacing:4px;} h4, h4 a {font-size:30px; letter-spacing:4px;} h5, h5 a, .fts-jal-fb-description-wrap a {font-size:20px; letter-spacing:4px;} p, a, p a, input.big-button, .more-link, button.alm-load-more-btn {font-size:16px;} .enlarged-paragraph p, .enlarged-paragraph a {font-size:18px; letter-spacing:4px;} .wrapper .c1,.wrapper .c2,.wrapper .c3,.wrapper .c4,.wrapper .c5,.wrapper .c6,.wrapper .c7,.wrapper .c8,.wrapper .c9,.wrapper .c10,.wrapper .c11,.wrapper .c12{width:100%; margin-bottom:20px} .wrapper .s1,.wrapper .s2,.wrapper .s3,.wrapper .s4,.wrapper .s5,.wrapper .s6,.wrapper .s7,.wrapper .s8,.wrapper .s9,.wrapper .s10,.wrapper .s11,.wrapper .s12{width:100%; margin-left:0;} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {width:100%;} .s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12 {margin-left:0;} .vc_col-sm-1, .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-sm-10, .vc_col-sm-11 {width:100%; min-width:100%;} /*mobile and tablet restructure*/ /*tablet 2 col mobile 1 col*/ .tab2-mob1 .vc_row .vc_column_container, .tab2-mob1 .vc_column_container, .tab2-mob1.vc_column_container, .tab2-mob1 .vc_col-sm-1, .tab2-mob1 .vc_col-sm-10, .tab2-mob1 .vc_col-sm-11, .tab2-mob1 .vc_col-sm-12, .tab2-mob1 .vc_col-sm-2, .tab2-mob1 .vc_col-sm-3, .tab2-mob1 .vc_col-sm-4, .tab2-mob1 .vc_col-sm-5, .tab2-mob1 .vc_col-sm-6, .tab2-mob1 .vc_col-sm-7, .tab2-mob1 .vc_col-sm-8, .tab2-mob1 .vc_col-sm-9, .tab2-mob1.c1, .tab2-mob1.c2, .tab2-mob1.c3, .tab2-mob1.c4, .tab2-mob1.c5, .tab2-mob1.c6, .tab2-mob1.c7, .tab2-mob1.c8, .tab2-mob1.c9, .tab2-mob1.c10, .tab2-mob1.c11, .tab2-mob1.c12 {width:50%; min-width:50%; float:left; margin:0;} /*tablet 2 col mobile 2 col*/ .tab2-mob2 .vc_row .vc_column_container, .tab2-mob2 .vc_column_container, .tab2-mob2.vc_column_container, .tab2-mob2 .vc_col-sm-1, .tab2-mob2 .vc_col-sm-10, .tab2-mob2 .vc_col-sm-11, .tab2-mob2 .vc_col-sm-12, .tab2-mob2 .vc_col-sm-2, .tab2-mob2 .vc_col-sm-3, .tab2-mob2 .vc_col-sm-4, .tab2-mob2 .vc_col-sm-5, .tab2-mob2 .vc_col-sm-6, .tab2-mob2 .vc_col-sm-7, .tab2-mob2 .vc_col-sm-8, .tab2-mob2 .vc_col-sm-9, .tab2-mob2.c1, .tab2-mob2.c2, .tab2-mob2.c3, .tab2-mob2.c4, .tab2-mob2.c5, .tab2-mob2.c6, .tab2-mob2.c7, .tab2-mob2.c8, .tab2-mob2.c9, .tab2-mob2.c10, .tab2-mob2.c11, .tab2-mob2.c12 {width:50%; min-width:50%; float:left; margin:0;} /*----------------------------------------------------------------------------------------------------------------------------*/ /*ZILLAH - PARENT THEME OVERIDES*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /*HEADER*/ .header-inner {padding:5px 0;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*ALL PLUGIN OVERIDES*/ /*---------------------------------------------------------------------------------------------------------------------------- */ /*FLEXY BREADCRUMBS*/ .fbc-items a, .fbc-items p, .fbc-items span, .fbc-items li, ol.fbc-items {font-size:14px !important;} .fbc-page .fbc-wrap .fbc-items li {padding:15px 5px 10px 5px;} /*FACEBOOK FEED*/ .fts-jal-fb-group-display h3 {width:100%;} .fts-jal-fb-message {width:100%;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*GENERIC VISUAL COMPOSER OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*generic padding styles*/ /*.entry-content .vc_section {padding:30px 0;}*/ .vc_section.section-extra-padding {padding:50px 0;} /*Change padding from visual composer column inner elements*/ body .vc_column_container > .vc_column-inner {padding:0 0 0 0;} body .vc_column_container:last-child > .vc_column-inner {width:100%; float:left;} body .vc_column_container:first-child > .vc_column-inner {width:100%;} /*add padding to wpb wrappers and remove for last column*/ body .vc_column_container .vc_column-inner > .wpb_wrapper {padding-bottom:40px;} body .vc_section:first-child .vc_column_container .vc_column-inner > .wpb_wrapper, body .vc_column_container:last-child .vc_column-inner > .wpb_wrapper {padding-bottom:0;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*Force all columns to 100% width*/ .fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:100%; min-width:100%;} .vc_section.fifty-fifty .vc_column_container.image {min-height:400px; padding:0;} /*IMPORTANT this will arrange the image left to the bottom when they stack up for mobile ***********************************************************************/ .vc_row {display:flex; flex-flow:row wrap;} .vc_row .vc_column_container {order:2; -webkit-order:2;} .vc_row .vc_column_container.image, .vc_row .vc_column_container.image-big {order:1; -webkit-order:1;} body .image-big {min-height:400px;} /*remove padding from visual composer fifty fifty column inner elements*/ body .fifty-fifty .vc_column_container .vc_column-inner {padding:40px 0 0 0;} /*add padding to wpb wrappers*/ body .fifty-fifty .vc_column_container .vc_column-inner > .wpb_wrapper {padding-bottom:0;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*FIFTY-FIFTY VISUAL COMPOSER BLOCK OVERLAP */ /*---------------------------------------------------------------------------------------------------------------------------- */ body .wpb_content_element.block-overlap, body .wpb_content_element.block-overlap.reverse {float:left; width:100%; margin:0 0; padding:40px 0;} body .wpb_content_element.block-overlap p, body .wpb_content_element.block-overlap h5 {width:90%;} /*---------------------------------------------------------------------------------------------------------------------------- */ /*NEW STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*DISPLAY OR NO*/ body .vc_row.display-screen, .display-screen {display:none;} {display:none;} body .vc_row.display-mobile, .display-mobile {display:none;} {display:none;} body .vc_row.display-tablet, .display-tablet {display:block;}/* - relative*/ body .vc_row.mobile-none, body .vc_row .empty, .mobile-none, .empty {display:none;} /*borders*/ .border-right {border-right:none;} .border-left {border-left:none;} .border-blue-right {border-right:none;} .border-blue-left {border-left:none;} /*white borders on backgrounds*/ .background .border-right, .background-blue .border-right {border-right:none;} .background .border-left, .background-blue .border-left {border-left:none;} /*borders thin*/ .border-right-thin {border-right:none;} .border-left-thin {border-left:none;} .border-blue-right-thin {border-right:none;} .border-blue-left-thin {border-left:none;} /*white borders on backgrounds*/ .background .border-right-thin, .background-blue .border-right-thin {border-right:none;} .background .border-left-thin, .background-blue .border-left-thin {border-left:none;} /*SOCIAL MEDIA*/ .top-header li.social-media-icons {width:40%;} .top-header .social-media-icons ul {margin:20px 0;} .top-header .social-media-icons li {width:20px; height:20px;} /*TOP HEADER PHONE EMAIL*/ .top-header li.phone-email {width:60%; margin-top:5px;} /*SITE LOGO*/ a.site-logo {width:80px; display:block; margin:0; padding:0; float:left;} /*header images*/ .full-width .header-image-big {height:650px;} .header-image-small {height:450px;} /*HEADER TEXT*/ .banner-text {margin-top:80px;} /*banner logo*/ .banner-logo {width:300px; padding-left:60px;} /*VISUAL COMPOSER A POST CAROUSEL*/ .fifty-fifty .post-carousel .vc_column_container.image {min-height:1px;} .post-carousel .vc_column_container.image > .vc_column-inner {padding-top:0; padding-bottom:0;} .post-carousel .vc_column_container.post-text > .vc_column-inner {padding-top:0; padding-bottom:0;} .post-carousel .vc_column_container.post-text .block-overlap {margin-top:40px;} /*change block overlap margin top*/ .lvca-posts-carousel .lvca-posts-carousel-item .lvca-project-image {height:400px;} .lvca-posts-carousel .lvca-posts-carousel-item .entry-title {width:100%;} /*TESTIMONIALS*/ /*REDUCE SECTION PADDING FOR TESTIMONIALS MOBILE ONLY - IF WHITE BG ONLY*/ /*body.page-testimonials .vc_column_container .vc_column-inner > .wpb_wrapper {padding:0;} body.page-testimonials .vc_section:first-child {padding:60px 0;} body.page-testimonials .vc_section {padding:20px 0;}*/ /*POSTS*/ article.blog-post {width:100%; display:block;} article.blog-post div.entry-content {margin:0 0 10px 0;} article.blog-post div.entry-content:after {bottom:-10px;} .post-navigation {display:block;} /*post content*/ article.post .entry-header, .wrapper.home-entry-header {padding:30px 20px;} .blog-categories ul {height:auto;} /*footer*/ body footer .vc_column_container {padding-bottom:20px; overflow:hidden;} body footer .vc_column_container:last-child {padding-bottom:0;} /*under-footer*/ .under-footer {padding:20px 0 0 0;} .under-footer .tidal p {text-align:left;} .under-footer p {margin-bottom:0;} } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 640px site styles and template overides /*---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 640px){ /*---------------------------------------------------------------------------------------------------------------------------- */ /*BASE STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*mobile and tablet restructure ***********************************************************************/ /*tablet 2 col mobile 1 col*/ .tab2-mob1 .vc_row .vc_column_container, .tab2-mob1 .vc_column_container, .tab2-mob1 .vc_col-sm-1, .tab2-mob1 .vc_col-sm-10, .tab2-mob1 .vc_col-sm-11, .tab2-mob1 .vc_col-sm-12, .tab2-mob1 .vc_col-sm-2, .tab2-mob1 .vc_col-sm-3, .tab2-mob1 .vc_col-sm-4, .tab2-mob1 .vc_col-sm-5, .tab2-mob1 .vc_col-sm-6, .tab2-mob1 .vc_col-sm-7, .tab2-mob1 .vc_col-sm-8, .tab2-mob1 .vc_col-sm-9 {width:100%; max-width:100%;} .entry-title {line-height:150%;} /*SEARCH FORM TOOGLE ACTIVATION*/ .search-container {width:90%; left:5%;} } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 568px site styles and template overides /*---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 568px){ /*---------------------------------------------------------------------------------------------------------------------------- */ /*BASE STYLES */ /*---------------------------------------------------------------------------------------------------------------------------- */ /*BASE STYLES ***********************************************************************/ h1, h6, h1 a, h6 a {font-size:60px;} h2,.entry-title-blog, h3.entry-title a, h2 a {font-size:50px;} h3, h3 a, .fts-jal-fb-user-name a {font-size:40px;} h4, h4 a {font-size:30px;} /*DISPLAY OR NO*/ body .vc_row.display-screen, .display-screen {display:none;} body .vc_row.display-tablet, .display-tablet {display:none;} body .vc_row.display-mobile, .display-mobile {display:block;}/* - relative*/ body .vc_row.display-none, body .vc_row.empty, .display-none, .empty {display:none;} /*PAGE LOGO - LOGO WITHIN THE CMS 33% COLUMNS*/ .page-logo img {width:100%;} /*POSTS*/ .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {width:140px; max-width:140px;} /*FLEXY BREADCRUMBS*/ .flexy-breadcrumb-journal {max-width:280px;} .fbc-page .fbc-wrap .fbc-items li.active {float:right;} .fbc-page .fbc-wrap .fbc-items li.active span {display:inline-block; width:50px; overflow: hidden; text-overflow: ellipsis;} .fbc-page .fbc-wrap .fbc-items li:nth-child(1) span, .fbc-page .fbc-wrap .fbc-items li:nth-child(2) span {width:100%;} /*do not add above width (50px) to the first 2 breadcrumbs*/ } /*---------------------------------------------------------------------------------------------------------------------------- */ /* Media query 320px site styles and template overides /*---------------------------------------------------------------------------------------------------------------------------- */ @media all and (max-width: 320px){ }