/* Theme Name: chilli jam vans child Theme URI: https://tidal-marketing.co.uk Description: chilli jam vans child Author: Tidal Marketing Author URI: https://tidal-marketing.co.uk Template: xstore Version: 1.0 Text Domain: chilli-jam-vans-child */ /*base styles ***********************************************************************/ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} body { width:100%; height: auto !important; margin:0 !important; padding:0 !important; background:#FFF !important; font-family:'Oswald', Arial, Helvetica, sans-serif !important; font-size:100% !important; -webkit-font-smoothing: antialiased !important; /* Fix for webkit rendering */ -webkit-text-size-adjust: none !important; -webkit-overflow-scrolling: touch !important; border:none !important; text-align:left !important; font-weight:200 !important; font-size:12px !important; -webkit-margin-before: 0 !important; -webkit-margin-after: 0 !important; color:#333 !important; -ms-word-wrap: normal !important; /*word break is set in 8theme needs overiding here*/ word-wrap: normal !important; /*word break is set in 8theme needs overiding here*/ } .full-width {width:100%; max-width:100% !important; display:block; overflow:hidden; position:relative; /*background:#FFF;*/ clear:both;} .widget-full-width {padding:60px 0 !important;} .wrapper {/*width:100%; */ margin:0 auto; max-width:1200px; /*padding:0 20px;*/ display:block; overflow:hidden; float:none !important;} .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%} .w320 {max-width:320px} .w640 {max-width:640px} .w960 {max-width:960px} .c1 {width:8.33% !important;} .c2 {width:16.66% !important;} .c3 {width:25% !important;} .c4 {width:33.33% !important;} .c5 {width:41.66% !important;} .c6 {width:50% !important;} .c7 {width:58.33% !important;} .c8 {width:66.66% !important;} .c9 {width:75% !important;} .c10 {width:83.33% !important;} .c11 {width:91.66% !important;} .c12 {width:100% !important;} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {min-height:1px; float:left; padding:0 20px !important; 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% !important;} .s2 {margin-left:16.66% !important;} .s3 {margin-left:25% !important;} .s4 {margin-left:33.33% !important;} .s5 {margin-left:41.66% !important;} .s6 {margin-left:50% !important;} .s7 {margin-left:58.33% !important;} .s8 {margin-left:66.66% !important;} .s9 {margin-left:75% !important;} .s10 {margin-left:83.33% !important;} .s11 {margin-left:91.66% !important;} .end {float:right!important} /*GRIDICULOUS ***********************************************************************/ /*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 !important; -moz-appearance: none; -moz-border:0; -moz-border-radius:0 !important; -webkit-overflow-scrolling:touch;} /*BASE STYLES ***********************************************************************/ h1,h2,h3,h4,h5,h6,p,a,ol,ul,li,th,td,tr,img,button,span {font-family:'Oswald', Arial, Helvetica, sans-serif !important;} h1, h6, h1 a, h6 a, .big-title h2 {font-size:50px !important; letter-spacing:5px; font-weight:300 !important; line-height:120% !important; margin-bottom:20px !important; text-transform:uppercase !important;} h2 {font-size:35px !important; letter-spacing:5px; font-weight:300 !important; line-height:120% !important; margin-bottom:20px !important; text-transform:uppercase !important;} h3 {font-size:25px !important; letter-spacing:5px; font-weight:300 !important; line-height:120% !important; margin-bottom:20px !important; text-transform:uppercase !important;} h4 {font-size:22px !important; letter-spacing:5px; font-weight:300 !important; line-height:120% !important; margin-bottom:20px !important; text-transform:uppercase !important;} h5 {font-size:20px !important; letter-spacing:5px; font-weight:300 !important; line-height:120% !important; margin-bottom:20px !important; text-transform:uppercase !important;} p {font-size:18px !important; letter-spacing:1px; font-weight:200 !important; line-height:175% !important; margin-bottom:20px !important; text-transform:none !important;} .enlarged-text p {font-size:21px !important; letter-spacing:1px; font-weight:200 !important; line-height:175% !important; margin-bottom:20px !important; text-transform:none !important;} /*span {color:#DB143C;}*/ p.bold, p strong, strong {font-weight:400 !important;} p.normal {font-weight:200 !important;} p.italic {font-style:italic; font-weight:bold;} /*p span.bold {font-weight:bold; color:#DB143C;}*/ /*p span.normal {color:#DB143C;}*/ .vc_section em {font-style:italic !important;} a {cursor:pointer; outline:0 !important; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;} a:hover, a:any-link {cursor:pointer; outline:0 !important; text-decoration:none !important} a:active {-moz-outline-style: 0 !important; outline:0 !important;} a:focus {-moz-outline-style: 0 !important; outline:0 !important;} a.hidden {display: none; outline:0 !important;} a[href=""] {cursor:default; -moz-outline-style: 0 !important; outline:0 !important;} input {-moz-outline-style: 0 !important; outline:0 !important;} input::-moz-focus-inner {outline:0 !important;} select::-moz-focus-inner {outline:0 !important;} 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 !important; color:#333 !important;} .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:'Oswald', Arial, Helvetica, sans-serif !important;} /*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 !important;} /*Change paragraph margin-bottom*/ .specifications p {margin-bottom:10px !important;} /*IMAGE WIDTH CHANGE*/ .image-width-25 img {width:25% !important; margin:0 auto;} .image-width-50 img {width:50% !important; margin:0 auto;} .image-width-75 img {width:75% !important; margin:0 auto;} /* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/ *********************************************************************************************************************************************************************/ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,div{display:block} /*article:empty,aside:empty,details:empty,figcaption:empty,figure:empty,footer:empty,header:empty,hgroup:empty,nav:empty,section:empty,summary:empty,div:empty {display:none !important; background:none!important;}*/ /*this is causing issues with unite gallery, aslo javascript and css below removed empty sections*/ 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 !important; padding:0 !important;} body{margin:0;} a:focus{outline:thin dotted} a:active,a:hover{outline:0} /*h1{font-size:2em;margin: 0 0 10px 0;}*/ abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} dfn{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} mark{background:#ff0;color:#333} 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;} /* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/ END ***********************************************************************************************************************************************************************/ /*content_width set 1200px ***********************************************************************/ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width:100%; height:auto;} select { border-radius: none !important; -webkit-appearance: none; -webkit-border: 0; -webkit-border-radius: 0 !important; -moz-appearance: none; -moz-border: 0; -moz-border-radius: 0 !important;} /*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 !important; -webkit-appearance: none !important; -webkit-border:0 !important; -webkit-border-radius:0 !important; -moz-appearance: none !important; -moz-border:0 !important; -moz-border-radius:0 !important;} /*remove styles for ios devices on forms and iframes ***********************************************************************/ /*remove pre styles to iframes ***********************************************************************/ iframe {border:none !important;} /*remove pre styles to iframes ***********************************************************************/ /*PRIVACY PAGE IUBENDA IFRAME*/ .page-privacy-policy iframe {width:100% !important; box-shadow:none !important;} /*Wordpress content "tinymce" css overides for visual viewing backend ***********************************************************************/ body#tinymce p img {width:auto !important;} 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 !important;} /********************************************************************************************************************************************************************** ABOVE ARE TEMPLATE STYLES AND GENERIC WORDPRESS STYLES ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------- BELOW ARE NEW SITE SPECIFIC STYLES **********************************************************************************************************************************************************************/ /**********************************************************************************************************************************************/ /*NEW STYLES /**********************************************************************************************************************************************/ .display-mobile {display:none !important;} .display-screen {display:block !important;} .display-none {display:none !important; visibility:hidden !important;} /*OBJECT FIT IMAGES*/ .object-fit-300 img {width:100%; height:300px; object-fit: cover; overflow:hidden;} .object-fit-400 img {width:100%; height:400px; object-fit: cover; overflow:hidden;} .object-fit-500 img {width:100%; height:500px; object-fit: cover; overflow:hidden;} .object-fit-600 img {width:100%; height:600px; object-fit: cover; overflow:hidden;} .object-fit-700 img {width:100%; height:700px; object-fit: cover; overflow:hidden;} /*PADDING & MARGINS*/ .no-padding, .vc_section.no-padding, .vc_row.no-padding, .vc_row.no-padding .vc_column_container, .vc_column_container.no-padding, .vc_column-inner.no-padding {padding:0 !important;} .no-marging, .vc_section.no-marging, .vc_row.no-marging, .vc_row.no-marging .vc_column_container, .vc_column_container.no-marging, .vc_column-inner.no-marging {margin:0 !important;} .no-padding-margin, .vc_section.no-padding-margin, .vc_row.no-padding-margin, .vc_row.no-padding-margin .vc_column_container, .vc_column_container.no-padding-margin, .vc_column-inner.no-padding-margin {padding:0 !important; margin:0 !important;} /*heights - .min-height matches .image*/ .min-height, .min-height .vc_column-inner {min-height:800px;} .min-height-small, .min-height-small .vc_column-inner {min-height:600px;} .max-height, .max-height .vc_column-inner {min-height:800px;} .max-height-small, .max-height-small .vc_column-inner {min-height:600px;} /*borders*/ .border-top {border-top:5px solid #999;} .border-right {border-right:5px solid #999;} .border-bottom {border-bottom:5px solid #999;} .border-left {border-left:5px solid #999;} .border-left-right {border-left:5px solid #999; border-right:1px solid #999;} /*thin borders*/ .border-top-thin {border-top:1px solid #999;} .border-right-thin {border-right:1px solid #999;} .border-bottom-thin {border-bottom:1px solid #999;} .border-left-thin {border-left:1px solid #999;} .border-left-right-thin {border-left:1px solid #999; border-right:1px solid #999;} /*SUB CATEGORY LOGOS*/ /*.sub-logo img {width:75% !important;}*/ /*Parallax*/ .parallax {position:relative; display:block !important; overflow:hidden;} .parallax-bg {position:relative; overflow:hidden; background-repeat: no-repeat; padding:0; margin:0; background-size:cover; background-size: 110% auto; background-position:center center;} /*Parallax*/ /*REMOVE FEATURED IMAGE IF REVSLIDER IS ACTIVE VIA PAGE CUSTOM FIELD*/ .remove-featured-image {max-height:0 !important; visibility: hidden !important;} /*header image*/ .banner-background {background:#DB143C !important;} .background-shape {width:50%; height:1000px; position:absolute; top:0; left:0; background: rgba(219,20,60,0.6); display:block; overflow:hidden;} .header-image-full-height {width:100%; height:100% !important; min-height:100% !important; max-height:100% !important; position:relative; padding:0px !important;} .header-image-big {width:100%; height:850px !important; background-repeat: no-repeat; padding:0; margin:0; position:relative; display:block !important; overflow:hidden; background-size:cover !important; background-position:center center;} .header-image-small {width:100%; height:700px; background-repeat: no-repeat; padding:0; margin:0; position:relative; display:block !important; overflow:hidden; background-size:cover; background-position:center center;} /*header image*/ /*paroller parallax*/ /*fix gap on mobiles at bottom stretch height to 120% to caiter for the gap */ .parallax-paroller-background-vertical, .parallax-paroller-foreground-vertical, .parallax-paroller-background-horizontal, .parallax-paroller-foreground-horizontal {height:125% !important; background-position: center center; background-repeat: no-repeat; background-size:cover;} /*HEADER IMAGE TEXT *************************/ .banner-text {width:50%; margin-top:150px; padding:20px;} .banner-text h6 {font-weight:400 !important; color:#FFF; text-align:left !important; box-sizing:border-box; font-size:75px !important; margin-bottom:10px !important; padding:0 !important;} .banner-text h2 {font-weight:400 !important; color:#FFF; text-align:left !important; font-size:30px !important; margin-bottom:10px !important;; padding:0 !important;} .banner-text p {font-weight:400 !important; color:#FFF; text-align:left !important; font-size:22px !important; line-height:130%; padding:0 !important;} .banner-text a {font-weight:400 !important; margin-top:40px;} .vc_row .banner-text h1, .vc_row .banner-text h2, .vc_row .banner-text h3, .vc_row .banner-text h4, .vc_row .banner-text h5, .vc_row .banner-text h6, .vc_row .banner-text p {padding:20px !important;} .vc_row .banner-text {margin-top:100px !important;} /*add background colour to content container*/ .background {background:#EEE !important;} .background-white {background:#FFF !important;} .background-dark {background:#333 !important;} .background-red {background:#DB143C !important;} .background-white-overlay {background-color:rgba(255,255,255, 0.5);} .background-overlay {background-color:rgba(238,238,238, 0.5);} .background-dark-overlay {background-color:rgba(0, 0, 0, 0.5);} .background-red-overlay {background-color:rgba(219, 20, 60, 0.7);} /*add background colour to content container*/ /*add background transparency to text*/ .fifty-fifty .background-dark-text .vc_column-inner h1, .fifty-fifty .background-dark-text .vc_column-inner h2, .fifty-fifty .background-dark-text .vc_column-inner h3, .fifty-fifty .background-dark-text .vc_column-inner h4, .fifty-fifty .background-dark-text .vc_column-inner h5, .fifty-fifty .background-dark-text .vc_column-inner h6, .fifty-fifty .background-dark-text .vc_column-inner p, .background-dark-text .vc_column-inner h1, .background-dark-text .vc_column-inner h2, .background-dark-text .vc_column-inner h3, .background-dark-text .vc_column-inner h4, .background-dark-text .vc_column-inner h5, .background-dark-text .vc_column-inner h6, .background-dark-text .vc_column-inner p {background-color:rgba(0, 0, 0, 0.5); padding: 20px !important;} .fifty-fifty .background-dark-text .vc_column-inner p, .background-dark-text .vc_column-inner p {padding-top:0 !important;} /*clip background at border for vc_column-inner */ .clip .vc_column-inner {background-clip: content-box !important;} .background-clip .vc_column-inner {background:#EEE !important; background-clip: content-box !important;} .background-white-clip .vc_column-inner {background:#FFF !important; background-clip: content-box !important;} .background-dark-clip .vc_column-inner {background:#333 !important; background-clip: content-box !important;} .background-red-clip .vc_column-inner {background:#DB143C !important; background-clip: content-box !important;} .background-overlay-clip .vc_column-inner {background-color:rgba(255,255,255, 0.7) !important; background-clip: content-box !important;} .background-white-overlay-clip .vc_column-inner {background-color:rgba(238,238,238, 0.7) !important; background-clip: content-box !important;} .background-dark-overlay-clip .vc_column-inner {background-color:rgba(0, 0, 0, 0.5) !important; background-clip: content-box !important;} .background-red-overlay-clip .vc_column-inner {background-color:rgba(219, 20, 60, 0.7) !important; background-clip: content-box !important;} /*clip background at border for vc_column-inner */ /*CSS CLIPPY*/ /*clipping paths*/ .clip-middle-top {-webkit-clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 15%, 100% 0, 100% 100%, 0 100%, 0 0);} .clip-left-top-bottom {-webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%); clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);} .clip-right-top-bottom {-webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%); clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);} .clip-right-top {-webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);} .clip-left-top {-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%);} .clip-right-bottom {-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);} .clip-left-bottom {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);} .clip-right {-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);} .clip-left {-webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);} /*clipping paths*/ /*CSS CLIPPY*/ /*GENERIC PAGE TITLES*/ .page-title .vc_column_container {padding-bottom:0 !important;} .page-title h1 {margin:60px 0 0 0 !important;} /*STRIPES*/ .top-stripe::before {width:100%; background:#DB143C !important; height:100px; -webkit-clip-path: polygon(0 36%, 53% 0, 0 0, 0 36%); clip-path: polygon(0 36%, 53% 0, 0 0, 0 36%); overflow:visible !important; content: ""; display: inline-block;} .bottom-stripe::after {width:100%; background:#DB143C !important; height:100px; -webkit-clip-path: polygon(47% 100%, 100% 66%, 100% 100%, 47% 100%); clip-path: polygon(47% 100%, 100% 66%, 100% 100%, 47% 100%); overflow:visible !important; content: ""; display: inline-block;} .border-stripe-top::before {background:#DB143C !important; position:absolute; top:0; height:50px; width:100%;} .border-stripe-bottom::after {background:#DB143C !important; position:absolute; bottom:0; height:50px; width:100%;} /*add border radius*/ .border-circle img {width:75%; height:75%; margin:0 auto; border-radius:50%; -webkit-border-radius:50%;} /*footer ***********************************************************************/ /*footer ***********************************************************************/ /*.footer {padding:40px 0; background:#333;} .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p {color:#FFF !important;} .footer p {margin-bottom:10px;} .footer a {color:#FFF !important;} .footer a:hover {color:#DB143C !important;}*/ /*under footer bar*/ .under-footer-bar {background:#DB143C; margin:0 !important; padding:20px 0;} .under-footer-bar p, .under-footer-bar a {color:#FFF !important; margin-bottom:0;} .under-footer {margin:0 !important; padding:10px 20px;} .tidal-under-footer {float:right;} .tidal-under-footer .under-footer-bar p {text-align: right;} /**********************************************************************************************************************************************/ /*NEW STYLES /**********************************************************************************************************************************************/ /**********************************************************************************************************************************************/ /*GENERIC VISUAL COMPOSER OVERIDES /**********************************************************************************************************************************************/ /*visual composer generic section styles*/ .vc_section {width:100% !important; padding:30px 0 !important; margin:0 !important; display:block; overflow:hidden; background:#FFF;} /*.vc_section:first-child, */.vc_section.negative-margin, .vc_section .vc_row.negative-margin, .negative-margin {margin-top:-80px !important;} .vc_section.negative-margin2,.vc_section .vc_row.negative-margin2, .negative-margin2 {margin-top:-120px !important;} .section-extra-padding {padding:100px 0 !important;} /*visual composer generic section styles*/ /*Product page quote section*/ .vc_section.quote-section {padding:60px 0 !important; background-attachment:fixed !important;} /*adds extra padding and overides the padding 0 in the css above*/ .vc_section.quote-section img {border-radius:50%; margin:0 auto !important;} /*Product page quote section*/ /*this will be the wrapper for visual composer */ .vc_row {margin-left:0 !important; margin-right:0 !important; margin:0 auto !important; max-width:1200px; display:block; overflow:visible;} /** GRID LAYOUT **/ .grid-layout .vc_row {padding:0 15px 0 15px !important;} /** GRID LAYOUT **/.grid-layout .vc_row:first-child {padding: 40px 10px 0 10px !important;} /** GRID LAYOUT **/.grid-layout .vc_row:last-child {padding: 0 10px 40px 10px !important;} /*this will be the wrapper for visual composer */ /*visual composer container*/ .vc_column_container {padding:40px 20px 40px 20px !important;} /** GRID LAYOUT **/.grid-layout .vc_column_container {padding: 10px 10px 10px 10px !important;} /*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 !important;} /*if 1 column*/ .vc_col-sm-12 .vc_column-inner, .vc_col-sm-12 .vc_column-inner:first-child {padding:0 0 20px 0 !important;} .vc_col-sm-12 .vc_column-inner:last-child {padding:0 0 0 0 !important;} /*visual composer inner, different padding dependant on first or last at 1 column and if multiple columns*/ /*remove margins from generic visual composer stylesheet make elements 100% width*/ .wpb_content_element {margin:0 !important; width:100%;} /*remove margins from generic visual composer stylesheet*/ /*overflow-y scroll for tables and any other content*/ /*this is adding scrol bars all over internet explorer!!*/ /*.wpb_wrapper {overflow-x:scroll; width:100%; ms-overflow-style:none !important; overflow:-moz-scrollbars-none !important;} .wpb_wrapper::-webkit-scrollbar {display:none !important;}*/ /*overflow-y scroll for tables and any other content*/ /**********************************************************************************************************************************************/ /*GENERIC VISUAL COMPOSER OVERIDES END /**********************************************************************************************************************************************/ /**********************************************************************************************************************************************/ /*FIFTY-FIFTY VISUAL COMPOSER OVERIDES /**********************************************************************************************************************************************/ /*generic section styles for fifty fifty sections full width*/ section.vc_section.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 !important;} /*section .vc_section.fifty-fifty:hover {background:#111; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}*/ /*section .vc_section.fifty-fifty .vc_column_container.image .vc_column-inner {transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}*/ /*section .vc_section.fifty-fifty .vc_column_container.image:hover .vc_column-inner {transform:scale(1.1); transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}*/ /*add class .multiple-images to fifty-fifty to stop scale on hover*/ /*section .vc_section.fifty-fifty.multiple-images:hover .vc_column_container.image .vc_column-inner {transform:scale(1.0);}*/ /*generic section styles for fifty fifty sections full width*/ /*this creates padding to act as a wrapper, there is no wrapper on these sections*/ .fifty-fifty .vc_column_container:nth-child(1) {padding-left:15% !important; padding-right:40px !important; padding-top:0 !important; padding-bottom:0 !important;} .fifty-fifty .vc_column_container:nth-child(2) {padding-right:15% !important; padding-left:40px !important; padding-top:0 !important; padding-bottom:0 !important;} .fifty-fifty .vc_column_container.image {padding-left:0 !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important; overflow:hidden; min-height:800px; box-sizing:content-box;} /*must be overflow:hidden; so image is croped when on hover with transform:scale(1.1); ------ ALL THE SCALE:TRANFORM CSS HAS BEEN COMMENTED OUT FOR THIS SITE*/ /*.fifty-fifty .vc_column_container.image.fixed-height {padding-left:0; padding-right:0; overflow:hidden; min-height:500px; max-height:500px; min-height:500px;}*/ /*must be overflow:hidden; so image is croped when on hover with transform:scale(1.1); ------ ALL THE SCALE:TRANFORM CSS HAS BEEN COMMENTED OUT FOR THIS SITE*/ .fifty-fifty .vc_column_container.clip-left:nth-child(1) {padding-left:15%; padding-right:90px;} .fifty-fifty .vc_column_container.clip-right:nth-child(2) {padding-right:15%; padding-left:90px;} /*this creates padding to act as a wrapper, there is no wrapper on these sections*/ /*ADD WRAPPER TO FIFTY_FIFTY IN VISUAL COMPOSER SO IT IS NOT FULL WIDTH and has padding between columns and rows*/ section.vc_section.wrapper {margin:0 auto !important} section.vc_section.wrapper .vc_column_container {/*padding-left:0 !important; padding-right:0 !important;*/ padding:10px 10px;} /*ADD WRAPPER TO FIFTY_FIFTY IN VISUAL COMPOSER SO IT IS NOT FULL WIDTH*/ /*if adding a content block within a content block add this class*/ section.vc_section.wrapper .inner-content-block {padding:0;}/*this removed the padding set for all section .vc_section.wrapper .vc_column_container it is not needed on child element*/ /*if adding a content block within a content block add this class*/ /*this binds the two fifty fifty containers to the same height*/ .fifty-fifty .vc_row {width:100%; max-width:100%; margin-left:0 !important; margin-right:0 !important; margin:auto !important; display:flex; display:-webkit-flex; display:-ms-flexbox;} .fifty-fifty .vc_column_container {display:flex; display:-webkit-flex; display:-ms-flexbox;} .fifty-fifty .vc_column-inner {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; padding:100px 0 !important;} /*this binds the two fifty fifty containers to the same height*/ /*text styles for within the fifty fifty sections*/ .fifty-fifty .vc_column-inner h1, .fifty-fifty .vc_column-inner h2, .fifty-fifty .vc_column-inner h3, .fifty-fifty .vc_column-inner h4, .fifty-fifty .vc_column-inner h5, .fifty-fifty .vc_column-inner h6, .fifty-fifty .vc_column-inner p {padding:0 20px;} /*fifty-fifty buttons*/ /*.fifty-fifty .vc_column-inner .vc-button a {font-weight:400; color:#FFF; border:1px solid #FFF; padding:10px 20px; text-align:center; display: inline-block; margin-top:20px; margin-bottom:20px;} .fifty-fifty .vc_column-inner .vc-button a:hover {border:1px solid #FFF; color:#DB143C !important; background-color: rgba(255,255,255,1) !important;}*/ /*text styles for within the fifty fifty sections*/ /*product image slider, remove padding from a href image*/ .fifty-fifty .vc_column-inner .owl-item a {padding:0 !important;} /*Text styles for text with background images with visual composer within fifty fifty sections*/ section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p {margin:0; padding:0 20px 20px 20px; color:#FFF !important;} /*text is white if there is an image background*/ section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6:first-child, section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p:first-child {margin-top:50px; padding:20px;} section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h1:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h2:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h3:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h4:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h5:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h6:first-child, section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block p:first-child {margin-top:30px; padding:20px;} .full-width-bg-image h1, .full-width-bg-image h2, .full-width-bg-image h3, .full-width-bg-image h4, .full-width-bg-image h5, .full-width-bg-image h6, .full-width-bg-image p {color:#FFF !important; padding-left:0 !important;} /*Text styles for text with background images with visual composer within fifty fifty sections*/ /**********************************************************************************************************************************************/ /*FIFTY-FIFTY VISUAL COMPOSER OVERIDES END*/ /**********************************************************************************************************************************************/ /**********************************************************************************************************************************************/ /*STYLED BUTTONS*/ /**********************************************************************************************************************************************/ /*HOVER SWEEP ANIMATION*/ .big-button {padding:20px 0;} .fifty-fifty .big-button {padding:20px;} .big-button a, a.big-button {display:inline-block; font-size:18px !important; padding:10px 25px; color:#FFF !important; text-align:center !important;} .big-button:hover, .big-button a:hover, a.big-button:hover {color:#FFF !important;} .big-button p {padding:0 !important;} /*hover button effct sweep top right*/ /*view > /library/css/hover-master/css/hover-min.css for more effcts*/ /*this has been commented out is the functions.php bnut has been left for refernce*/ /*USE JAVASCRIPT TO ADD THIS CLASS .hvr-sweep-to-right TO ANY BUTTON YOU WANT THE EFFECT ON*/ /* Sweep To Right */ .hvr-sweep-to-right { /*display: inline-block;*/ /*vertical-align: middle;*/ -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); /*position: relative;*/ -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background-color:rgba(0, 0, 0, 1); } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(219, 20, 60, 1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -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-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #FFF !important; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .header-image-big .hvr-sweep-to-right, header-image-small .hvr-sweep-to-right {background-color:rgba(219, 20, 60, 1)} .header-image-big .hvr-sweep-to-right:before, header-image-small .hvr-sweep-to-right:before {background-color:rgba(0, 0, 0, 1);} /**********************************************************************************************************************************************/ /*STYLED BUTTONS*/ /**********************************************************************************************************************************************/