/* Theme Name: Incentive Icon: custom-icon Theme URI: http://www.offcentre.co.za Description: A design by Off Centre, developed by Triangular X, theme inspired by Parallelus. Author: Triangular X Version: 2.0.420 Tags: inQuba */ /* 2021/04/21 /* Reset -------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:400;text-align:left;}h1,h2,h3,h4,h5,h6{clear:both;}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active{outline:none;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;}del{color:#333;}ins{background:#fff9c0;text-decoration:none;}hr{background-color:#ccc;border:0;height:1px;margin:24px;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}small{font-size:smaller;}img{border:0;-ms-interpolation-mode:bicubic;} /* Clearing floats */ .clear:after,.format-status .entry-header:after{ clear:both; } .clear:before,.clear:after,.format-status .entry-header:before,.format-status .entry-header:after{ display:table; content:""; } /* Basic Styles -------------------------------------------------------------- */ html { font-size: 87%; } body { font-size: 16px; font-size: 1rem; background-color: #ffffff; color: #222; } /* SEO -------------------------------------------------------------- */ h1.seo { display: none; } /* Links -------------------------------------------------------------- */ a { color: #F37021; text-decoration: none; outline: none; } a:hover { color: #0f3647; text-decoration: none; } /* Widget, Sidebar and Tabs */ .widget a { color: #808080; } .widget li.recentcomments a { text-decoration: underline; } /* Meta Links */ .entry-meta a,.edit-link a, body .wpb_teaser_grid .categories_filter li a, body .wpb_categories_filter li a { color: #aaa; } .entry-meta a:hover,.edit-link a:hover, body .wpb_teaser_grid .categories_filter li a:hover, body .wpb_categories_filter li a:hover, body .wpb_teaser_grid .categories_filter li.active a, body .wpb_categories_filter li.active a { color: #222; } /* Fonts -------------------------------------------------------------- */ /* Content and Default Text */ body { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight: 400; } /* Titles and Headings */ h1, h2, h3, h4, h5, h6, .site-title, .vc_text_separator div, .wpb_accordion .ui-accordion .ui-accordion-header, .comments-area article header cite { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight: 600; } /* Thin or Light Headings */ .headline, .page-title, h2.wpb_call_text { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight: 400; } /* Text Formatting -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .site-title { color: #000; line-height: 1.7; margin: 20px 0; } h1, h2.headtitle, .site-title { font-size:38px !important; line-height: 38px !important; font-weight: 700 !important; font-style:normal !important; text-transform:uppercase !important; letter-spacing: 2px !important; padding-top: 0px !important; } /*#layout_default h1 { font-size:40px; }*/ #layout_home-page h1, #layout-home-za h1, #layout-home-au h1, #layout_home-page h2.headtitle, #layout-home-za h2.headtitle, #layout-home-au h2.headtitle { font-size:50px !important; font-weight: 700 !important; letter-spacing: 3px !important; } h2 { font-size: 30px; font-weight: 700 !important; line-height: 1.20; letter-spacing: 2px; } h2.pop-main { /* contact us popup */ font-size:20px !important; line-height: 24px; } h2 em { font-style:italic !important; } h2 strong { font-weight: 700 !important; } h3, body .vc_text_separator div { font-size: 16px; line-height: 1.85; } h3 { color: #333; font-size:22px; line-height: 30px; font-weight: 400; font-style:italic; } h3.main { margin-top: -4px !important; color: #333; font-size:21px; line-height: 35px; font-weight: 400; font-style:italic; } h4 { font-size: 14px; line-height: 1.85; } h5 { font-size: 13px; line-height: 1.85; } h6 { font-size: 16px!important; line-height: 1.85; } /* Headling Text */ h1.headline { font-size: 32px; line-height: 1.2; } h2.headline, h2.wpb_call_text { font-size: 30px; line-height: 1.2; } h3.headline { font-size: 28px; line-height: 1.25; } h4.headline { font-size: 24px; line-height: 1.4; } h5.headline { font-size: 20px; line-height: 1.4; } h6.headline { font-size: 18px; line-height: 1.5; } /* Accent text in headings and headlines */ h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h2.wpb_call_text em { font-style: normal; color: #d00; } /* Content Element Headers (includes Visual Composer) */ .wpb_heading, body .vc_text_separator div, .content-rotator-heading { color: #aaa; } .wpb_teaser_grid_heading, body .vc_text_separator div, .content-rotator-heading { font-size: 16px; margin-top: 0; } /* first title */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 0; } /* Paragraphs */ p { color: #444; font-size: 16px; margin: 0 0 20px; line-height: 1.572; } div { color: #444; font-size: 16px; line-height: 1.572; } /* List */ ol, ul { margin: 0 0 20px; line-height: 1.7; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ul { list-style: disc outside; } ol { list-style: decimal outside; } li { margin: 0 0 0 36px; } dl { margin: 0 20px; } dt { font-weight: bold; line-height: 1.714285714; } dd { line-height: 1.714285714; margin-bottom: 20px; } /* Other text */ blockquote { margin-bottom:20px; padding:20px; font-style:italic; } blockquote p:last-child { margin-bottom:0; } code,pre { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-size:12px; line-height:2; } pre { white-space:pre-wrap; border:1px solid #ededed; background-color:#f9f9f9; color:#666; line-height:1.714285714; margin:22px 0; overflow:auto; padding:22px; } pre code { display:block; } abbr,dfn,acronym { border-bottom:1px dotted #666; cursor:help; } address { display:block; line-height:1.714285714; margin:0 0 20px; } .blogintro { font-weight: 700; line-height:1.2; margin-top:0px; padding-top: 0px;} /* Small headers */ .entry-content th, .comment-content th { font-size: 12px; line-height: 2; text-transform: uppercase; } /* Breadcrumbs */ .breadcrumbs { font-size: 12px; } .default-breadcrumbs { display: none; } /* only show on big screens */ .default-breadcrumbs .breadcrumbs{ margin:0 0 -42px;height:42px;line-height:42px;text-align:right; } .breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited { color: #777; } .breadcrumbs a:hover, .breadcrumbs a:active { color: #333; } .breadcrumbs i { font-size: 18px; line-height: 10px; color: #aaa; padding: 0 3px; } /* Assistive text */ .assistive-text,.site .screen-reader-text { position: absolute!important; clip: rect(1px,1px,1px,1px); } /* Tables -------------------------------------------------------------- */ table { border-bottom: 1px solid #ededed; color: #757575; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } table caption { font-size: 16px; margin: 20px 0; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } /* Design Structure -------------------------------------------------------------- */ /* Boxed Page Style */ body.boxed { padding: 0; box-shadow: none; } /* Default background color */ #page, .site-header { background-color: #fff; } /* Container */ .inner-wrapper, .grid-row { padding: 0 5%; } /* Minimum padding from browser edges */ .site .inner-wrapper, .site .grid-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* respect the width ;) */ #TopContent { background: #fff; } /* Header */ #Middle .grid-section-1 .grid-row { padding-top: 40px; } /* Content section (top padding) */ *[class*='grid-section-']:last-child .grid-row { padding-bottom: 40px; } /* Content section (bottom padding) */ /* Above the Page (top widget area) -------------------------------------------------------------- */ #AbovePage { font-size: 13px; } #AbovePage.widget-area .widget { margin-top: 10px; margin-bottom: 0; min-height: 20px; } #AbovePage.widget-area .widget { text-align: center; } body.boxed #AbovePage { min-height: 25px; } /* Top Banner -------------------------------------------------------------- */ /*#masthead { min-height: 50px; padding: 5px 0 0; position: relative; opacity: 1; visibility: visible; z-index: 321; } #masthead .site-title { margin: 0; text-align: center; } #masthead .site-title a { color: #333; font-size: 30px; font-weight: 300; margin: 12px 0 35px; letter-spacing: -.03em; line-height: 1; display: block; display: inline-block; text-decoration: none; position: relative; z-index: 101; } #masthead .site-title a:hover { color: #000; } #masthead .site-title a.logo-image { margin: 0 0 5px; padding-left: 15px; } #masthead .site-title a.logo-image img { max-height: 50px; max-width: 100%; width: auto; }*/ /* Header Right Sidebar -------------------------------------------------------------- */ #Top #HeaderSidebar { margin: 0 0 20px; text-align: center; } #Top #HeaderSidebar .widget { margin-bottom: 0; } /* Main Menu (UberMenu) - colors and styling in skin CSS -------------------------------------------------------------- */ /* UberMenu */ #MainNav { background: #fff; border-bottom: 1px solid #fff; } #MainNav ul { list-style: none; } #MainNav #megaMenu ul.megaMenu { margin-left: -16px; /* offset for left padding */ } li#menu-item-phantom { display: none; } /* right position fixer - removed on small screens */ .megaMenu i[class^="icon-"], .megaMenu i[class*=" icon-"], .megaMenu i[class^="fa fa-"], .megaMenu i[class*=" fa fa-"] { font-size: 14px; } /* icons look best at 14px */ ul.ubermenu-nav li a:hover { border-bottom: 1px solid #F37021 !important; } /* menu border bottom */ /* Sub Menu */ li.ubermenu-retractor { display: none !important; } ul li.ubermenu-current-menu-parent { border-bottom-width: 1px !important; border-bottom-color:#F37021 !important; border-bottom-style:solid !important; padding-bottom: 1px !important; } ul ul.ubermenu-submenu li a.ubermenu-target:hover { border:none !important; } ul li.ubermenu-has-submenu-drop, ul li.ubermenu-has-submenu-drop a, ul li.ubermenu-has-submenu-drop a:link, ul li.ubermenu-has-submenu-drop a:visited, ul li.ubermenu-has-submenu-drop a:hover { background: none !important; box-shadow: none !important; border-top:#FFFFFF 1px !important; margin-top: 0px !important; color: #333333; } /* Main Menu for inQuba */ #MainNav { color: #F37021; display:block; width: auto; margin-right: -50px; /* Shift menu left shift menu right */ margin-top: -50px; clear: both; float:right; } #MainNav ul { list-style: none; width: auto; float:right; } #MainNav li { } #MainNav a { margin: 0px; font-size: 14px; text-transform:uppercase; color: #666666; letter-spacing:1px; } #MainNav ul li a:hover { border-top:#FFFFFF 1px; margin-top: 1px; color: #333333; } #MainNav ul ul li a:hover { border-top:#FFFFFF 1px; margin-top: 0px; } #MainNav a:active, #MainNav .ubermenu-current-menu-item a { color: #F37021; } #MainNav #megaMenu ul.megaMenu { /*margin-left: -16px; /* offset for left padding */ } li#menu-item-phantom { display: none; } /* right position fixer - removed on small screens */ .megaMenu i[class^="icon-"], .megaMenu i[class*=" icon-"], .megaMenu i[class^="fa fa-"], .megaMenu i[class*=" fa fa-"] { font-size: 16px; } /* icons look best at 14px */ #MainNav{ /* DO NOT CHANGE THIS */ /*position:absolute; top:50px; right:0;*/ } div.menu-topnav-container { margin-top: -30px; margin-bottom: 5px; clear:right; } ul#menu-topnav { display: block; float:right; margin-right: 0px; /* was 20 */ } ul#menu-topnav li { text-transform:uppercase; letter-spacing: 1px; font-weight:400; display:block; float:left; margin-left: 20px; font-size: 14px; /* blog resources menu */ padding:0px; } ul#menu-topnav li a, ul#menu-topnav li a:link, ul#menu-topnav li a:visited { color: #666; } ul#menu-topnav li a:hover { color: #F37021; /*border-bottom-width: 1px; border-bottom-color:#F37021; border-bottom-style:solid; padding-bottom: 1px;*/ } .vc_wp_custommenu li a { font-size: 16px; } .current_page_item a { list-style:none; } /****************************************************/ /* Other Nav Bar Content */ #NavExtras { display:none; float:right; position:relative; z-index:101; }/* show only on large screens */ /* Nav Search */ .navSearch { position:absolute; right:0; overflow:hidden; } .navSearch a { display:block; float:right; text-align:center; width:42px; height:41px; line-height:41px; } .navSearch a,.navSearch a:visited { font-size:18px; color:#777; } .navSearch a:hover,.navSearch a:active { color:#333; } #NavSearchForm { display:none; width:360px; } #NavSearchForm > div { position:relative; } #NavSearchForm button,#NavSearchForm input { position:absolute; margin:0; border:1px solid #fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #NavSearchForm button { top:0; right:0; padding:0; border-width:1px 1px 0 0; height:41px; width:42px; text-indent:-123px; overflow:hidden; background-color:transparent; } #NavSearchForm button:hover { background-color:transparent; } #NavSearchForm input { width:318px; background:#fff; border-width:1px 1px 0; height:41px; font-size:14px; } /* Header Content -------------------------------------------------------------- */ /*#TopContent { overflow: hidden; }*/ .top-content-first, .top-content-second { padding-top: 40px; } .top-content-first.type_slide-show { padding-top: 0; } .top-content-first p:last-child { margin-bottom: 0; } /* Footer Content -------------------------------------------------------------- */ #Bottom { color: #999; } #Bottom h1,#Bottom h2,#Bottom h3,#Bottom h4,#Bottom h5,#Bottom h6 { color: #fff; } #FooterTop { background-color: #E7E7E7; } #FooterTop .inner-wrapper { padding-top: 40px; margin-bottom: 40px; } #FooterBottom .inner-wrapper { padding-top: 40px; padding-bottom: 30px; } .footer-social-icons { margin-bottom: 24px; } .footer-social-icons i { font-size: 24px; margin-left: 8px; } /* Base Element Styling -------------------------------------------------------------- */ /* Video embeds fit to containers */ embed, .entry-content iframe, object, video { max-width: 100%; margin-bottom: 24px; } .rev_slider_wrapper iframe { max-width: none } /* exception for Revolution Slider */ .top-content-first.type_slide-show {height: 100%;} .rev_slider_wrapper.fullscreen-container {height: 100% !important;} .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */} /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Responsive images */ .entry-content img, .comment-content img, .widget img, img.size-full, img.size-large, img.wp-post-image { max-width: 100%; height: auto; } /* For scaling images with dimensions set */ img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } /* Image styles and positioning */ img.alignleft { margin: 12px 24px 12px 0; } img.alignright { margin: 12px 0 12px 24px; } img.aligncenter { margin-top: 12px; margin-bottom: 12px; } /* Other image styles */ .wp-caption { max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text,.gallery-caption,.entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; } img.wp-smiley,.rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } dl.gallery-item { margin: 0; } .gallery-item a,.gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Image related tweaks */ .inner-overlay { display: none; } /* only show on large screens */ a img { vertical-align: top; } /* remove pesky space at bottm of image */ /* Full Width Background Image (hidden on small screens) */ #full-background { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; z-index: -1; display: none; } /* Form fields (general) -------------------------------------------------------------- */ button,input,textarea, a.comment-reply-link { border: 1px solid #EDEDED; border-radius: 2px; font-family: inherit; padding: 8px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } button,input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text inputs */ input[type="checkbox"],input[type="radio"],input[type="file"],input[type="hidden"],input[type="image"],input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Input Styling */ textarea, input[type="text"], input[type="password"], input[type="file"], .textInput { width: 100%; background-color: #fff; border: 1px solid #e0e0e0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, .textInput:focus { border-color: #bbb;} /* Buttons (and elements with similar styles) -------------------------------------------------------------- */ /* Buttons: Styling */ a.btn, a.btn:link, a.btn:visited, a.more-link, a.more-link:link, a.more-link:visited, button,input[type="submit"],input[type="button"],input[type="reset"],article.post-password-required input[type=submit],li.bypostauthor cite span,a.comment-reply-link,div.jp-interface,.wpb_button,span.wpb_wpb_button, .submit-button{ color:#333 !important; background-color:#f7f7f7 !important; border:1px solid #e0e0e0 !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px !important; } /* Buttons: Shape dynamics */ a.btn, a.more-link, button,input[type="submit"],input[type="button"],input[type="reset"],article.post-password-required input[type=submit], li.bypostauthor cite span, a.comment-reply-link, span.wpb_regularsize, .submit-button { font-size: 14px !important; padding: 7px 14px 8px !important; line-height: 1.357143 !important;} /* small buttons */ a.btn.small, button.small , input[type="submit"].small, input[type="button"].small, input[type="reset"].small { font-size: 12px; padding: 6px 11px 7px; } a.btn, a.more-link, button, .submit-button,input[type="submit"],input[type="button"],input[type="reset"] { cursor: pointer; } a.btn.disabled, a.more-link.disabled, button[disabled], input[disabled] { cursor: default; } /* Buttons: hover */ a.btn:hover, a.btn:active, a.more-link:hover, a.more-link:active, button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover, article.post-password-required input[type=submit]:hover, a.comment-reply-link:hover, span.wpb_wpb_button:hover, .submit-button:hover { color: #000; background-color: #f0f0f0; } /* Buttons: Active */ a.btn:active, a.more-link:active, button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active, a.comment-reply-link:active, span.wpb_wpb_button:active, .submit-button:active { color: #000; background-color: #e0e0e0; } li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } /* Accent / Call to Action Button */ .impactBtn, .impactBtn:hover, .impactBtn:active, button.wpb_button, .wpb_call_to_action .wpb_button, .wpb_call_to_action .wpb_button:hover, .wpb_call_to_action .wpb_button:active, .wpb_button.wpb_accent-primary, .wpb_button.wpb_accent-primary:hover, .wpb_button.wpb_accent-primary:active { border: none; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.2); background-color: #d00; } .impactBtn, .impactBtn:hover, .impactBtn:active, button.wpb_button, .wpb_call_to_action .wpb_button, .wpb_call_to_action .wpb_button:hover, .wpb_call_to_action .wpb_button:active { font-size: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .impactBtn:hover, .impactBtn:active, button.wpb_button:hover, button.wpb_button:active, .wpb_call_to_action .wpb_button:hover, .wpb_call_to_action .wpb_button:active, .wpb_button.wpb_accent-primary:hover, .wpb_button.wpb_accent-primary:active { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.2); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#19000000',GradientType=0 ); } /* More Call to Action button colors */ .wpb_call_to_action .wpb_button.wpb_theme-default, .wpb_call_to_action .wpb_button.wpb_theme-default:hover, .wpb_call_to_action .wpb_button.wpb_theme-default:active { background-color: #fff; color: #666; text-shadow: none; border: 1px solid #DEDEDE; background-clip: padding-box; border-color: rgba(0,0,0,.15); } /* theme default (non-accent) CTA button */ .wpb_call_to_action .wpb_button.wpb_wpb_button, .wpb_call_to_action .wpb_button.wpb_wpb_button:hover, .wpb_call_to_action .wpb_button.wpb_wpb_button:active { background-color: #DEDEDE; } /* gray button */ .wpb_call_to_action .wpb_button.wpb_btn-success, .wpb_call_to_action .wpb_button.wpb_btn-success:hover, .wpb_call_to_action .wpb_button.wpb_btn-success:active { background-color: #6AB165; } /* green button */ .wpb_call_to_action .wpb_button.wpb_btn-info, .wpb_call_to_action .wpb_button.wpb_btn-info:hover, .wpb_call_to_action .wpb_button.wpb_btn-info:active { background-color: #58B9DA; } /* turquoise button */ .wpb_call_to_action .wpb_button.wpb_btn-primary, .wpb_call_to_action .wpb_button.wpb_btn-primary:hover, .wpb_call_to_action .wpb_button.wpb_btn-primary:active { background-color: #0088CC; } /* blue button */ .wpb_call_to_action .wpb_button.wpb_btn-warning, .wpb_call_to_action .wpb_button.wpb_btn-warning:hover, .wpb_call_to_action .wpb_button.wpb_btn-warning:active { background-color: #FF9900; } /* orange button */ .wpb_call_to_action .wpb_button.wpb_btn-danger, .wpb_call_to_action .wpb_button.wpb_btn-danger:hover, .wpb_call_to_action .wpb_button.wpb_btn-danger:active { background-color: #FF675B; } /* red button */ .wpb_call_to_action .wpb_button.wpb_btn-inverse, .wpb_call_to_action .wpb_button.wpb_btn-inverse:hover, .wpb_call_to_action .wpb_button.wpb_btn-inverse:active { background-color: #555555; } /* black button */ .wpb_button.wpb_theme-default, .wpb_button.wpb_theme-default:hover, .wpb_button.wpb_theme-default:active { background-color: #DEDEDE; color: #000; } /* default button */ .wpb_button.wpb_wpb_button, .wpb_button.wpb_wpb_button:hover, .wpb_button.wpb_wpb_button:active { background-color: #DEDEDE; color: #000; } /* grey button */ .wpb_button.wpb_btn-success, .wpb_button.wpb_btn-success:hover, .wpb_button.wpb_btn-success:active { background-color: #6AB165; color: #fff; } /* green button */ .wpb_button.wpb_btn-info, .wpb_button.wpb_btn-info:hover, .wpb_button.wpb_btn-info:active { background-color: #58B9DA; color: #fff; } /* turquoise button */ .wpb_button.wpb_btn-primary, .wpb_button.wpb_btn-primary:hover, .wpb_button.wpb_btn-primary:active { background-color: #0088CC; color: #fff; } /* blue button */ .wpb_button.wpb_btn-warning, .wpb_button.wpb_btn-warning:hover, .wpb_button.wpb_btn-warning:active { background-color: #FF9900; color: #fff; } /* orange button */ .wpb_button.wpb_btn-danger, .wpb_button.wpb_btn-danger:hover, .wpb_button.wpb_btn-danger:active { background-color: #FF675B; color: #fff; } /* red button */ .wpb_button.wpb_btn-inverse, .wpb_button.wpb_btn-inverse:hover, .wpb_button.wpb_btn-inverse:active { background-color: #555555; color: #fff; } /* black button */ .wpb_button_a > span.wpb_button:hover { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#19000000',GradientType=0 ); } /* Post Navigation -------------------------------------------------------------- */ nav.nav-single,.paginationWrap, #image-navigation { clear: both; line-height: 1.1; overflow: hidden; } #nav-above { padding: 20px 0; } #nav-above { display: none; } .paged #nav-above { display: block; } #nav-below,.paginationWrap, #image-navigation { margin-top: 20px; } .paginationWrap { margin-bottom: 20px; } .nav-previous,.nav-next, .previous-image, .next-image { margin-bottom: 20px; } .nav-previous,.previous-image { float: left; width: 50%; } .nav-next,.next-image { float: right; text-align: right; width: 50%; } .nav-single { margin-top: 36px; } .nav-single + .comments-area,#comment-nav-above { margin: 44px 0; } /* Portfolio Nav */ .single-portfolio .nav-single { float: right; margin-top: 0; } .single-portfolio .nav-single .assistive-text { margin: 0; } .single-portfolio .nav-previous, .single-portfolio .nav-next { float: none; width: auto; } /* Paging and Next/Previous Navigation */ .paginationWrap,.wpb_content_element.wpb_carousel .prev,.wpb_content_element.wpb_carousel .next, body .wpb_tour_next_prev_nav a, div .rotator-nav a.next, div .rotator-nav a.prev { font-size: 12px; text-align: center; border-bottom: 0; } .pagingLinks a, .nav-previous a, .nav-next a, .previous-image a, .next-image a, .wpb_content_element.wpb_carousel .prev, .wpb_content_element.wpb_carousel .next, .wpb_tour_next_prev_nav a, div .rotator-nav a.next, div .rotator-nav a.prev { display: inline-block; color: #666; background: #f0f0f0; text-align: center; padding: 0; margin: 0 0 0 5px; line-height: 20px; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .nav-previous a, .previous-image a, .wpb_tour_next_prev_nav a { margin-left: 0; } .nav-previous a,.nav-next a, .previous-image a, .next-image a, .wpb_tour_next_prev_nav a { padding: 4px 10px; } .wpb_content_element.wpb_carousel .prev, .wpb_content_element.wpb_carousel .next, div .rotator-nav a.next, div .rotator-nav a.prev { width: 20px; height: 20px; overflow: hidden; } .wpb_content_element.wpb_carousel .prev { right: 25px; } .wpb_content_element.wpb_carousel .prev:before, .wpb_content_element.wpb_carousel .next:before, div .rotator-nav a.next:before, div .rotator-nav a.prev:before, .widget li[class*="current"] a:before { font-family:FontAwesome; font-weight:400; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; display: block; position: relative; left: 0; width:20px; height:20px; line-height:20px; vertical-align:baseline; background-image:none; background-position:0 0; background-repeat:repeat; margin-top:0; font-size:14px; content:"\f105"; } .wpb_content_element.wpb_carousel .prev:before, div .rotator-nav a.prev:before { content:"\f104"; left: -1px; } .pagingLinks a:hover,.nav-previous a:hover,.nav-next a:hover, .previous-image a:hover, .next-image a:hover, .wpb_content_element.wpb_carousel .prev:hover,.wpb_content_element.wpb_carousel .next:hover, .wpb_tour_next_prev_nav a:hover, div .rotator-nav a:hover { background: #aaa; color: #f6f6f6; } /* Paging */ .pagingLinks a { margin: 0; padding: 0 9px; line-height: 24px; border: 1px solid #e0e0e0; border-left-width: 0; } .pagingLinks a .next-post, .pagingLinks a .prev-post { font-size: 14px; line-height: 1; } .pagingLinks a:first-child { border-left-width: 1px; } .pagingLinks a:hover { color: #333; background-color: #f7f7f7; } .pagingLinks a.current,.pagingLinks a.current:hover { background: #fff; color: #333; } /* Single Post - Next/Previous */ .post-nav { display: none; } /* hide on small screens */ .post-nav,a.post-nav,a.post-nav:visited { position:fixed; top:50%; margin-top:-50px; padding:0 20px; background:#D3D3D3; background:rgba(51,51,51,.15); color:#fff; z-index:999; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } a.post-nav:hover,a.post-nav:active { color:#fff; background:#333; background:rgba(51,51,51,.95); } .post-nav i[class^='icon'].nav-arrow { font-size:20px; width:20px; text-align:center; position:absolute; top:50%; margin-top:-10px; } .post-nav b { display:block; position:absolute; top:5px; bottom:5px; background:#000; background:rgba(0,0,0,0); width:10px; -webkit-box-shadow:0 0 15px 4px rgba(0,0,0,.25); -moz-box-shadow:0 0 15px 4px rgba(0,0,0,.25); box-shadow:0 0 15px 4px rgba(0,0,0,.25); } .post-nav img { border:none; width:auto; height:100px; } .post-nav .nav-thumb .post-symbol { position:static; width:150px; height:100px; line-height:100px; background-color:#666; color:#f0f0f0; } .post-nav .post-nav-info-wrapper { display:table; padding:0 20px; } .post-nav .post-nav-info { display:table-cell; vertical-align:middle; width:140px; height:100px; } .post-nav-info h4.entry-title { display: block; color: #e0e0e0; font-size: 14px; font-weight: 400; margin: 0; } .post-nav-info p.entry-date { font-size: 12px; color: #999; margin: 3px 0 0; } .post-nav.post-next { right: -295px; padding-right: 0; } a.post-nav.post-next:hover { right: 0; } .post-nav.post-next i[class^='icon'].nav-arrow { left: 9px } .post-nav.post-next b { right: -10px; } .post-nav.post-next .nav-thumb { float: right; margin: 0 -20px 0 0; } .post-nav.post-next .post-nav-info-wrapper { float: right; } .post-nav.post-next .post-nav-info { text-align: right; } .post-nav.post-prev { left: -295px; padding-left: 0; } a.post-nav.post-prev:hover { left: 0; } .post-nav.post-prev i[class^='icon'].nav-arrow { right: 9px; } .post-nav.post-prev b { left: -10px; } .post-nav.post-prev .nav-thumb { float: left; margin: 0 0 0 -20px; } .post-nav.post-prev .post-nav-info-wrapper { float: left; } /* Graphic Elements, Boxes, Tabs, Toggles, etc. -------------------------------------------------------------- */ /* Separator / Divider */ hr { margin-left: 0; margin-right: 0; background-color: #dedede; } .separator-large { width: 100%; height: 8px; margin: 48px 0; padding: 0; overflow: hidden; background: transparent url('assets/images/divider-large-bg.png') repeat 0 0; } /* Headline Box */ .headline-box { margin-bottom: 48px; } .headline-box .separator-large { margin: 0; } .headline-box .headline { margin: 33px 0 37px; } /* Content Rotator - base (Shouldn't need editing. Source in Extensions folder) */ .rotator .single-item{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rotator .single-item:first-child,.rotator .single-item.first{margin-left:0}.rotator-wrapper{width:100%;*zoom:1}.rotator-wrapper:before,.rotator-wrapper:after,.rotator-item:before,.rotator-item:after{display:table;line-height:0;content:""}.rotator-wrapper:after{clear:both}@media(min-width:768px){.rotator .single-item{float:left;min-height:30px;margin-left:4.16666666666667%;*margin-left:4.113475177304968%}.rotator-columns-6 .single-item{width:13.194443%;*width:13.23877%}.rotator-columns-5 .single-item{width:16.66665%;*width:16.70921%}.rotator-columns-4 .single-item{width:21.875%;*width:21.82180851063829%}.rotator-columns-3 .single-item{width:30.55555555555556%;*width:30.50236406619385%}.rotator-columns-2 .single-item{width:47.91666666666667%;*width:47.86347517730496%}.rotator-columns-1 .single-item{width:100%;*width:99.94680851063829%}}.rotator{width:100%;min-width:100%;position:relative;margin:0}.rotator-item{display:none;width:100%}.rotator-active{display:block}.rotator-nav a{outline:none !important;text-decoration:none;background:#ddd;color:#333;padding:5px;margin:5px 5px 0 0;display:inline-block}.rotator-nav-paginated ol{margin:0 4em;padding:0}.rotator-nav-paginated li,.rotator-nav-paginated li a{display:inline-block;position:relative}.rotator-nav-paginated .rotator-active-page a{background:#333;color:#fff;text-decoration:none}.rotator-item img{max-width:100%;height:auto;display:block}.rotator-slide-reverse .rotator-in,.rotator-slide.after{visibility:hidden}.rotator-active,.rotator-out,.rotator-in{visibility:visible}.rotator-slide{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.rotator-slide .rotator-item{position:absolute;left:104%;top:0;width:100%;display:block;margin:0;z-index:1;-webkit-transition:left .65s ease-in-out;-moz-transition:left .65s ease-in-out;-ms-transition:left .65s ease-in-out;-o-transition:left .65s ease-in-out;transition:left .65s ease-in-out}.rotator-no-transition .rotator-item{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.rotator-slide .rotator-active{left:0;position:relative;z-index:2}.rotator-slide .rotator-in{left:0}.rotator-slide-reverse .rotator-out{left:104%}.rotator-slide .rotator-out,.rotator-slide-reverse .rotator-in,.rotator-slide-reverse .rotator-item-prev{left:-104%}.rotator-slide-reverse .rotator-item,.rotator-slide.after .rotator-item{-webkit-transition:left .1s linear;-moz-transition:left .1s linear;-ms-transition:left .1s linear;-o-transition:left .1s linear;transition:left .1s linear}.rotator-slide-reverse .rotator-active{left:0}.rotator-fade{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.rotator-fade .rotator-item{position:absolute;left:0;top:0;width:100%;display:block;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.rotator-fade .rotator-active{position:relative}.rotator-fade .rotator-item,.rotator-fade .rotator-out{opacity:0}.rotator-fade .rotator-active,.rotator-fade .rotator-in{opacity:1}.rotator-flip{position:relative;overflow:visible;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800;perspective:800px}.rotator-flip .rotator-item{position:absolute;top:0;width:100%;display:block;z-index:1;opacity:0;-webkit-transition:-webkit-transform .4s ease-in-out;-moz-transition:-moz-transform .4s ease-in-out;-ms-transition:-ms-transform .4s ease-in-out;-o-transition:-o-transform .4s ease-in-out;transition:transform .4s ease-in-out;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-transform:rotateY(180deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.rotator-no-transition .rotator-item{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.rotator-flip .rotator-active{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-transform:rotateY(0);position:relative;z-index:2;opacity:1}.rotator-flip .rotator-out,.rotator-flip-reverse .rotator-item{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-transform:rotateY(-180deg)}.rotator-flip .rotator-in{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-transform:rotateY(0);opacity:1}.rotator-flip .rotator-top{z-index:3;opacity:1}.rotator-flip-reverse .rotator-out{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-transform:rotateY(180deg)}.rotator-flip-reverse .rotator-in{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);-transform:rotateY(0)}.rotator.peek{max-width:500px}.rotator.peek .rotator-item-prev,.rotator.peek .rotator-item-next{width:50%;display:block;opacity:.5;position:absolute;left:0;top:0;z-index:1;-webkit-transform:scale(.6) rotate(-15deg);-moz-transform:scale(.6) rotate(-15deg);-o-transform:scale(.6) rotate(-15deg);-ms-transform:scale(.6) rotate(-15deg);transform:scale(.6) rotate(-15deg)}.rotator.peek .rotator-item-next{right:0;left:auto;-webkit-transform:scale(.6) rotate(15deg);-moz-transform:scale(.6) rotate(15deg);-opera-transform:scale(.6) rotate(15deg);-ms-transform:scale(.6) rotate(15deg);transform:scale(.6) rotate(15deg)}.rotator.peek .rotator-active{width:50%;opacity:1;position:relative;left:25%;z-index:2;box-shadow:.2em .2em .5em #aaa}.rotator.peek .rotator-nav{position:absolute;top:0;left:0;z-index:3}.rotator.peek .rotator-nav a{width:20%;height:100%;background:#fff;opacity:0;overflow:hidden;position:absolute;left:0}.rotator.peek .rotator-nav a.next{left:auto;right:0} /* Content Rotator - custom */ .rotator-wrapper { margin-bottom: 40px; position: relative; } div.rotator-item .entry-content p { margin-bottom: 0; } .rotator-wrapper .rotator-nav { position: absolute; top: -42px; right: 0; } .rotator-nav a { margin: 0; } .rotator-nav a.next, .rotator-nav a.prev { display: none; } /* hidden on small screens */ /* Content Rotator (as 1 column gallery slide show) */ .featured-image .rotator-wrapper { margin-bottom: 0; } .featured-image .rotator-wrapper .rotator-nav { float: right; right: 20px; bottom: 15px; top: auto; } .featured-image .rotator-wrapper .rotator-nav-paginated ol { margin: 0 15px 0 0; display: inline-block; line-height: 20px; height: 20px; vertical-align: top; } .featured-image .rotator-wrapper .rotator-nav-paginated li { margin: 0 0 0 5px; line-height: 20px; height: 20px; overflow: hidden; vertical-align: middle; } .featured-image .rotator-wrapper .rotator-nav-paginated li a { padding: 0; width: 12px; height: 12px; overflow: hidden; text-indent: 50px; } /* Visual Composer Elements / Blocks */ div.wpb_content_element { margin-bottom: 20px; } div.wpb_teaser_grid.wpb_content_element, div.wpb_gmaps_widget.wpb_content_element, div.wpb_tour.wpb_content_element, div.wpb_tabs.wpb_content_element, div.wpb_accordion.wpb_content_element, body ul.wpb_thumbnails-fluid > li, body .last_toggle_el_margin { margin-bottom: 40px; } div.wpb_separator.wpb_content_element { margin: 40px 0; } /* Message/Alert Boxes */ .wpb_content_element.wpb_alert { border-width:0; padding-top:12px; padding-bottom:12px; text-shadow:none; } .wpb_content_element.wpb_alert,div.wpb_content_element.wpb_alert { background-color:#FFF5CD; color:#A07900; } /* alert */ .wpb_content_element.wpb_alert-danger,.wpb_content_element.wpb_alert-error,div.wpb_content_element.wpb_alert-danger,div.wpb_content_element.wpb_alert-error { background-color:#FDC9C2; color:#CC1800; } /* error */ .wpb_content_element.wpb_alert-success,div.wpb_content_element.wpb_alert-success { background-color:#DDF8C4; color:#499107; } /* success */ .wpb_content_element.wpb_alert-info,div.wpb_content_element.wpb_alert-info { background-color:#BEEFF8; color:#04869E; } /* info */ /* Progress Bars */ div.vc_progress_bar .vc_single_bar { margin-bottom: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div.vc_progress_bar .vc_single_bar .vc_label, div.vc_progress_bar .vc_single_bar[class*='bar_'] .vc_label { padding: 7px 12px; text-shadow: none; text-transform: uppercase; } div.vc_progress_bar .vc_single_bar .vc_bar, div.vc_progress_bar .vc_single_bar { border-bottom: 1px solid #E7E7E7; border-color: rgba(0,0,0,.09); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } div.vc_progress_bar .vc_single_bar.accent-primary .vc_label { color: #fff; } .vc_progress_bar .vc_single_bar .vc_label { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .vc_progress_bar .vc_single_bar.btn-success .vc_bar { background-color: #5bb75b; } .vc_progress_bar .vc_single_bar.btn-info .vc_bar { background-color: #49afcd; } .vc_progress_bar .vc_single_bar.btn-primary .vc_bar { background-color: #0074CC; } .vc_progress_bar .vc_single_bar.btn-warning .vc_bar { background-color: #faa732; } .vc_progress_bar .vc_single_bar.btn-danger .vc_bar { background-color: #da4f49; } .vc_progress_bar .vc_single_bar.btn-inverse .vc_bar { background-color: #414141; } /* Call to Action */ .wpb_content_element.wpb_call_to_action { display:block; background-color:#f7f7f7; padding:37px 38px 39px; border:1px solid #dedede; border-width: 1px 0; margin: 0 0 40px; } .call-to-action { width:100%; margin-bottom:40px; } body.vc_responsive .cta_align_left .wpb_button, body.vc_responsive .cta_align_right .wpb_button { margin-bottom: 33px; } /* Inside row with background color or image */ .vc_section_wrapper.has_bg_color .call-to-action, .vc_section_wrapper.has_bg_img .call-to-action, .vc_section_wrapper.has_bg_color .wpb_content_element.wpb_call_to_action, .vc_section_wrapper.has_bg_img .wpb_content_element.wpb_call_to_action { background-color: transparent; border: none; padding: 0; } .vc_section_wrapper.has_bg_color h2.wpb_call_text, .vc_section_wrapper.has_bg_img h2.wpb_call_text { font-size: 34px; } /* Separator (with Text) */ body .vc_text_separator { margin: 40px 0; } .wpb_content_element.vc_text_separator div { top: -15px; } .vc_text_separator.separator_align_left div { padding-left:0; } .wpb_content_element.wpb_separator,.wpb_content_element.vc_text_separator { border-bottom-color: #e0e0e0; } /* Accordion and Toggle */ body .wpb_content_element .ui-accordion .ui-accordion-header { font-size:15px; font-weight: 800; background-color: #F7F7F7; border-bottom: 1px solid #E7E7E7; margin-bottom: 0; outline: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .wpb_content_element .ui-accordion .wpb_accordion_section:first-child .ui-accordion-header { border-top: 1px solid #E7E7E7; } body .wpb_content_element .ui-accordion .wpb_accordion_section:first-child .ui-accordion-header { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } body .wpb_content_element .ui-accordion .wpb_accordion_section:last-child .ui-accordion-header { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } body .wpb_content_element .ui-accordion .ui-accordion-header:hover { background-color: #e7e7e7; } body .wpb_content_element.wpb_accordion .ui-accordion .wpb_accordion_section { } body .wpb_content_element .ui-accordion .ui-accordion-header a { padding: 13px 0 13px 33px; } body .wpb_content_element.wpb_accordion .ui-accordion .ui-accordion-content { padding: 17px 0 20px 33px; } div.wpb_content_element .ui-state-default .ui-icon, div.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_content_element .ui-state-active .ui-icon, #content div.wpb_wrapper h4.wpb_toggle, #content div.wpb_wrapper h4.wpb_toggle_title_active { color: #aaa; background-image:none; text-indent:0; left: 13px; right: auto; } div.wpb_content_element .ui-state-default .ui-icon:before,div.wpb_content_element .ui-state-active .ui-icon:before,#content div.wpb_wrapper h4.wpb_toggle:before,#content div.wpb_wrapper h4.wpb_toggle_title_active:before { font-family:FontAwesome; font-weight:400; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; display:inline; width:auto; height:auto; line-height: 16px; vertical-align:baseline; background-image:none; background-position:0 0; background-repeat:repeat; margin-top:0; font-size:14px; content:"\f196"; } div.wpb_content_element .ui-state-active .ui-icon:before,#content div.wpb_wrapper h4.wpb_toggle_title_active:before { content:"\f147"; } /* Toggles, adjust text position */ #content div.wpb_wrapper h4.wpb_toggle, #content div.wpb_wrapper h4.wpb_toggle_title_active { position:relative; } #content div.wpb_wrapper h4.wpb_toggle:before, #content div.wpb_wrapper h4.wpb_toggle_title_active:before { position:absolute; top:52%; left:8px; margin:-.5em 0 0; } /* FAQs */ #content div.wpb_wrapper h4.wpb_toggle { font-size: 18px; line-height: 26px; left: auto; } #content div.wpb_wrapper h4.wpb_toggle:before, #content div.wpb_wrapper h4.wpb_toggle_title_active:before { line-height: 12px; } /* Tabs and Tour navigation */ div.wpb_content_element div.ui-tabs .ui-tabs-nav li { background-color: transparent; } div.wpb_content_element div.ui-tabs .ui-tabs-nav li a { color: #999; padding: 8px 1.25em; border: 1px solid #e7e7e7; border-width: 0 0 0 1px; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s ease-in-out; } div.wpb_content_element div.ui-tabs .ui-tabs-nav li a:hover { color: #333; } /* Tabs only (not tour navigation) */ div.wpb_tabs .ui-tabs .ui-tabs-nav { position:relative; z-index:1; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li { margin-right: -1px; /* part of dissolving border trick */ } div.wpb_tabs div.ui-tabs .ui-tabs-nav li a { margin-top: 6px; padding-top: 4px; padding-bottom: 6px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-active a { margin-top: 0; padding-top: 8px; padding-bottom: 8px; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li:first-child a { border-left-color: transparent; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li a:hover { color: #333; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-active a, div.wpb_tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover { position: relative; /* trick to swallow up neighboring border */ background-color: #F7F7F7; color: #333; border-left-color: #f7f7f7; } div.wpb_tabs .ui-tabs .ui-tabs-panel, div.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #F7F7F7; padding: 1.25em; border-width: 0px 1px 1px; border-style: solid; border-color: #F7F7F7 #F0F0F0 #E0E0E0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } /* left border extend on first tab */ div.wpb_tabs div.ui-tabs .ui-tabs-nav li.ui-tabs-active:first-child a { border-left-color: #F0F0F0; } /* Tour */ div.wpb_tour .ui-tabs ul.ui-tabs-nav { background: #F7F7F7; box-shadow: inset -10px 0 16px -10px rgba(0,0,0,.15); } div.wpb_tour .ui-tabs .ui-tabs-nav li { white-space: normal; } div.wpb_tour_next_prev_nav { margin-left:25%; padding-left:4%; font-size:12px; } div.wpb_tour.wpb_content_element .ui-tabs .ui-tabs-nav li,div.wpb_tour.wpb_content_element .ui-tabs .ui-tabs-nav li.ui-tabs-active,div.wpb_tour.wpb_content_element .ui-tabs .ui-tabs-nav li:hover,div.wpb_tour.wpb_content_element .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { border:0; margin:0; padding:0; } div.wpb_tour div.ui-tabs .ui-tabs-nav li a { border: 1px solid #E0E0E0; border-width: 0 1px 1px; background-color: transparent; } div.wpb_tour div.ui-tabs .ui-tabs-nav li:first-child a { border-top-width: 1px; } div.wpb_tour div.ui-tabs ul.ui-tabs-nav li a:hover { background-color: #FCFCFC; } div.wpb_tour div.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a, div.wpb_tour div.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover { color: #333; background-color: #fff; border-bottom-color: #E0E0E0; border-right-width: 0; } div.wpb_tour .wpb_tabs_nav a { width:auto; } /* Teaser Grid - */ .teaser_grid_container { text-align: center; } body .wpb_teaser_grid .categories_filter { margin-left: auto; margin-right: auto; display: inline-block; font-size: 12px; } body .wpb_teaser_grid .categories_filter li a:hover, body .wpb_categories_filter li a:hover, body .wpb_teaser_grid .categories_filter li.active a, body .wpb_categories_filter li.active a { border-bottom: none; } .wpb_teaser_grid .wpb_thumbnails { text-align: left; } /* Grid adjustments */ .wpb_grid .wpb_thumbnails-fluid > .vc_span3, .wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span3, .wpb_teaser_grid .wpb_thumbnails-fluid > .vc_span3 { width: 23.125%; } .wpb_grid .wpb_thumbnails-fluid > .vc_span4, .wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span4, .wpb_teaser_grid .wpb_thumbnails-fluid > .vc_span4 { width: 31.66665%; } .wpb_grid .wpb_thumbnails-fluid > .vc_span6, .wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span6, .wpb_teaser_grid .wpb_thumbnails-fluid > .vc_span6 { width: 48.75%; } .wpb_grid .wpb_thumbnails-fluid > .vc_span12, .wpb_filtered_grid .wpb_thumbnails-fluid > .vc_span12, .wpb_teaser_grid .wpb_thumbnails-fluid > .vc_span12 { width: 100%; } /* Maps */ body .wpb_gmaps_widget .wpb_map_wraper { background-color: #e0e0e0; padding: 1px; } /* Raw HTML */ body div.wpb_raw_html { margin-bottom: 0; } /* CUSTOM - Visual Composer Elements */ /* Icon box */ .iconBox { margin-bottom: 40px; } .iconBox h2.iconBoxTitle { clear: none; line-height: 26px; } .iconBox.icon i[class^="icon-"], .iconBox.icon i[class^="fa fa-"], .iconBox.icon i.custom-icon { float: left; margin-right: 10px; line-height: 37px; } .iconBox.icon i[class^="icon-"], .iconBox.icon i[class^="fa fa-"] { font-size: 28px; color: #aaa; width: 33px; height: 28px; overflow: hidden; line-height: 28px; text-align: center; } .iconBox .theText { margin: 0 0 20px; line-height: 1.572; } /* Sidebars and Widgets -------------------------------------------------------------- */ /* Sidebar */ .widget { -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; margin-bottom: 40px; word-wrap: break-word; } .widget:last-child { margin-bottom: 0; } .widget .widgetTitle, .widget .widgettitle, h4.widgetTitle, .widgetTitle { /* main Titles on SideBar */ margin-top: 0; margin-bottom: 0px; padding-bottom: 0px; font-style:normal; text-transform:uppercase; font-size: 20px; letter-spacing:1px; font-weight:700 !important; line-height:1.223; color: #000000; } /* in footers */ #FooterTop .widget .widgetTitle, #FooterTop .widget .widgettitle, #Bottom .widget .widgetTitle, #Bottom .widget .widgettitle { color: #333; font-weight: 500; } .widget ol, .widget ul { list-style:none; margin:0 0 22px; } .widget ul ul { margin-left:12px; } .widget li { margin:0; padding:3px 0; font-size: 13px; } .widget li:first-child { padding-top: 0; } .widget p { margin-bottom: 20px; } .widget li[class*="current"] a { font-weight: 800; color:#333; } .widget li[class*="current"] a:before { display: inline-block; width: .8em; } /* revert styles on parent items in nav lists */ .widget li.current-page-ancestor a { font-weight: 400; } .widget li.current-page-ancestor a:before { display: none; } /* Post, Page and Comment content -------------------------------------------------------------- */ .post-header, .wpb_teaser_grid .post-thumb, .rotator .single-item .featured-image { margin-bottom: 20px; } .rotator .single-item .featured-image.no-content { margin-bottom: 0; } /* Post header image */ .post-header .featured-image img { max-width: 100%; } .single-post .post-header .featured-image img { max-width: 100%; height: auto; } /* Titles */ .entry-title, .entry-title a, .page-title, .page-title a, .iconBox .iconBoxTitle, .wpb_teaser_grid .post-title, .wpb_teaser_grid .post-title a { color:#333; font-size: 18px; line-height:1.2; margin-top:0; margin-bottom: 18px; } .page-title { font-size: 30px; font-weight:300; line-height: 1.1; border-bottom: 1px solid #e0e0e0; padding-bottom: 14px; margin-bottom: 40px; } .entry-title a,.wpb_carousel .post-title a { color:#333; text-decoration:none; } .entry-format { margin-top:24px; font-weight:400; } /* Sticky */ article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; line-height: 3.692307692; margin-bottom: 24px; text-align: center; } /* Post Format Icon */ .post-symbol { display: none; } .post-row { margin-left: 0; } /* Article Content */ #Middle article { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 40px; } .post-row .entry-content.summary p { margin-bottom: 20px; } /* Thanks VC 4.1 for removing my margins. */ .single-post #Middle article { margin-bottom: 0; } /* next/prev page */ .page-links { clear:both; line-height:1.57; } /* Footer and Meta Details */ footer.entry-meta { clear:both; } .entry-meta { font-size:12px; line-height:1.834; } .entry-meta .meta-label { font-weight:700; font-style:normal; } .entry-meta h6 { font-size:12px; line-height:1.834; margin:0; } footer.entry-meta .meta-label,footer.entry-meta .date-meta .meta-sep,footer.entry-meta .author-meta .meta-sep,.single-author footer.entry-meta .author-meta { display:none; } footer.entry-meta .tags-meta .meta-label,footer.entry-meta .author-meta .meta-label,footer.entry-meta .categories-meta .meta-label { display:inline; } footer.entry-meta .date-meta,footer.entry-meta .author-meta,footer.entry-meta .categories-meta { float:left; clear:left; display:inline-block; } footer.entry-meta .tags-meta { font-style:italic; clear:both; } .entry-meta .meta-sep { padding:0 6px; } /* Other */ .mu_register h2 { color:#757575; font-weight:400; } /* Archives (category, tag, date, taxonomy, etc...) -------------------------------------------------------------- */ .archive-header { margin-bottom: 40px; } .archive-title { font-size: 20px; margin:0 0 24px; line-height:1.222; } .archive-meta { color:#757575; font-size:12px; line-height:2; margin-top:24px; } /* Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow:hidden; } .image-attachment h1.entry-title { font-size:14px; font-weight:400; line-height:1.57; margin:0 0 11px; } .image-attachment div.attachment { text-align:center; margin-bottom: 24px; } .image-attachment div.attachment p { text-align:center; } .image-attachment div.attachment img { display:block; height:auto; margin:0 auto; max-width:100%; } .image-attachment .entry-caption { margin-top:8px; } /* Post formats -------------------------------------------------------------- */ /* Audio posts */ .format-audio .post-header .featured-image { margin-bottom: 20px; } /* Gallery posts */ .post-header .gallery.styled-image { display:block; } .gallery .flexslider { border:none; padding:0; margin:0; } .gallery .flexslider ul.slides li .plain-image { overflow:hidden; display:block; position:static; } /* makes the rounded corners work */ /* Image posts */ .format-image .entry-title { display:none; } .format-image .entry-footer .entry-title, .format-image .entry-footer .entry-title a { display:block; float:left; font-size: 16px; line-height: 1.57; margin: 0 0 4px; } .format-image footer.entry-meta .date-meta,.format-image footer.entry-meta .author-meta,.format-image footer.entry-meta .categories-meta { float:left; } .format-image footer.entry-meta .date-meta { clear:left; } /* Grid Layout */ .posts-grid .format-image .entry-footer .entry-title { display:none; } /* Link posts */ article.format-link .post-header { margin-bottom: 30px; } .format-link .post-header .sub-title { font:italic 16px Georgia,"Times New Roman",Times,serif; margin-left:24px; } .format-link .post-header .entry-title { margin-bottom:12px; line-height: 26px } .format-link .post-header [class^="icon-"] { font-size:50px; line-height:1.3em; position:absolute; left:0; } /* Grid Layout */ .posts-grid .format-link .post-header .entry-title { padding-top: 18px; } /* Quote posts */ article.format-quote .post-header { margin-bottom: 25px; } .format-quote .post-header .entry-title { font-weight:300; font-size: 24px; line-height: 1.25; margin-bottom: 15px; } .format-quote .post-header .sub-title { font-size: 16px; font-weight: 800; } .format-quote .post-header [class^="icon-"] { font-size:66px; height:66px; line-height:1.2em; } /* Grid Layout */ .posts-grid .format-quote .post-header .entry-title { padding-top: 18px; } .posts-grid .format-quote .post-header .sub-title { padding: 0 18px; } /* Comments -------------------------------------------------------------- */ .comments-title { margin-bottom:48px; font-size:16px; line-height:1.5; font-weight:400; } .comments-area article { position: relative; background: #f9f9f9; border: 1px solid #efefef; padding: 15px; margin:20px 0; } .comments-area article header { margin:0 0 12px; overflow:hidden; position:relative; padding:0 0 18px; border-bottom:1px solid #E0E0E0; } .comments-area article header img { float:left; padding:0; line-height:0; } .comments-area article header cite,.comments-area article header time { display:block; margin-left:72px; } .comments-area article header cite { font-style:normal; font-size:18px; line-height:1.42857143; } .comments-area article header time { line-height:1.714285714; text-decoration:none; font-size:12px; color:#5e5e5e; } .comments-area article header a { text-decoration:none; color:#5e5e5e; } .comments-area article header a:hover { color:#21759b; } .comments-area article header cite a { color:#444; } .comments-area article header cite a:hover { text-decoration:underline; } .comments-area article header h4 { position:absolute; top:0; right:0; padding:6px 12px; font-size:12px; font-weight:400; color:#fff; border:1px solid #007cbd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#0088d0; background-repeat:repeat-x; background-image:-moz-linear-gradient(top,#009cee,#0088d0); background-image:-ms-linear-gradient(top,#009cee,#0088d0); background-image:-webkit-linear-gradient(top,#009cee,#0088d0); background-image:-o-linear-gradient(top,#009cee,#0088d0); background-image:linear-gradient(top,#009cee,#0088d0); } .comments-area li.bypostauthor cite span { display:none; position:absolute; margin-left:5px; padding:2px 5px; font-size:10px; } .commentlist .pingback { line-height:1.714285714; margin-bottom:20px; } .comments-area ol.commentlist { list-style-type:none; } .comments-area .commentlist li { list-style-type:none; margin:0; clear:both; } .comments-area .commentlist li .comment .reply { position: absolute; right: 15px; top: 15px; } .comments-area .commentlist li .comment .reply span { display: none; } a.comment-reply-link { background: #fff; font-size: 12px; padding: 3px 9px 4px; } a.comment-reply-link:hover { background: #aaa; border-color: #aaa; color: #f6f6f6; } /* Comment form */ #respond { margin-top:48px; } #respond h3#reply-title { font-size: 16px; line-height: 16px; float: left; margin: 0 0 20px; } #respond h3#reply-title #cancel-comment-reply-link { margin-left:10px; font-weight:400; font-size:12px; } #respond form { margin:24px 0; } #respond form p { margin:10px 0; clear: both; } #respond form p.logged-in-as { clear: none; float: left; margin-top: 0; margin: 0 0 0 15px; line-height: 16px; font-size: 13px; } #respond form label { display:block; line-height:1.714285714; } .logged-in #respond form p.comment-form-comment label { display: none; } #respond form input[type="text"],#respond form textarea { width:100%; } #respond form p.form-allowed-tags { display:none; margin:0; font-size:12px; line-height:2; color:#5e5e5e; } /* Author profiles */ .author .archive-header { margin-bottom: 24px; display: none; } .author-info { border: 1px solid #ededed; margin: 40px 0; padding: 20px; overflow: hidden; text-align: center; } .author-description h2 { margin: 0; line-height: 60px; font-size: 24px; } .author-description p { color: #757575; font-size: 13px; line-height: 1.846153846; } .author-description .author-link { margin-bottom: 20px; } .author.archive .author-info { margin: 0 0 40px; padding: 0; border-width: 0 0 1px 0; } .author.archive .author-avatar { margin-top: 0; } .author.archive .author-description h2 { margin: 0; line-height: 60px; margin-bottom: 8px; font-size: 28px; } /* Portfolio -------------------------------------------------------------- */ #Middle article.type-portfolio, #Middle .posts-grid article { border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } article.type-portfolio .entry-title, article.type-portfolio .entry-summary, article.type-portfolio .entry-footer, .posts-grid article .entry-title, .posts-grid article .entry-summary, .posts-grid article .entry-footer { padding-left: 18px; padding-right: 18px; } article.type-portfolio h2.entry-title, article.type-portfolio h2.entry-title a, .posts-grid article h2.entry-title, .posts-grid article h2.entry-title a { font-size: 16px; } article.type-portfolio h2.entry-title, .posts-grid article h2.entry-title { margin-bottom: 16px; } article.type-portfolio .entry-footer, .posts-grid article .entry-footer { padding: 4px 18px; margin: 0 -18px; background: #f9f9f9; } article.type-portfolio .entry-footer, .posts-grid article .entry-footer .author-meta { display: none; } /* fix for missing top border */ article header .featured-image { padding: 1px !important; } /* don't hide image format titles on a portfolio item */ article.format-image.type-portfolio .entry-title, .posts-grid article.format-image .entry-title { display: block; } /* adjustments for audio post type */ article.format-audio.type-portfolio .post-header .featured-image, .posts-grid article.format-audio .post-header .featured-image { margin-bottom: 0; } article.format-audio.type-portfolio div.jp-interface { border-width: 0 0 1px; background-color: #f0f0f0; border-radius: 0; } /* taxonomy view (portfolio category list) */ .tax-portfolio-category #Middle article.type-portfolio, .tax-portfolio-category #Middle .posts-grid article { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tax-portfolio-category article.type-portfolio .entry-title, .tax-portfolio-category article.type-portfolio .entry-summary, .tax-portfolio-category article.type-portfolio .entry-footer { padding-left: 0; padding-right: 0; } .tax-portfolio-category .post-header { margin-bottom: 0; } .tax-portfolio-category article.type-portfolio h2.entry-title, .tax-portfolio-category article.type-portfolio h2.entry-title a { font-size: 24px; } .portfolio-details .item-detail { font-size: 13px; display: block; margin-bottom: 8px; } .portfolio-details.entry-meta h6 { font-size: 13px; font-weight: 800; display: inline-block; } .portfolio-details .item-detail.details-button { display: inline-block; margin-top: 16px; margin-right: 1em; } .portfolio-details .item-detail.details-button a { display: inline-block; min-width: 75px; text-align: center; } /* single item */ .single-portfolio .page-title { clear: left; margin-right: 65px; } .single-portfolio .post-header.title_above { margin-bottom: 40px; } .portfolio-details.entry-meta h5 { font-size: 16px; margin: 24px 0 12px; } .portfolio-details.entry-meta h5:first-child { margin-top: 0; } .portfolio-details.entry-meta h5.project-link i { font-size: 20px; line-height: 16px; padding-left: 5px;} /* filtered portfolio */ ul#sort-by { margin: 0 0 25px; padding: 0; font-size: 13px; } ul#sort-by li { list-style-type: none; margin: 0; padding: 0 10px; display: inline-block; } ul#sort-by li a.active { color: #222; } .posts-grid .isotope-item { float: left; } .isotope,.isotope .isotope-item { -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } .isotope { -webkit-transition-property: height,width; -moz-transition-property: height,width; -ms-transition-property: height,width; -o-transition-property: height,width; transition-property: height,width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: -o-transform,opacity; transition-property: transform,opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -ms-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms; } /* Portfolio - Custom Columns */ .portfolio-item { width: 99.9%; float: left; } #Middle .posts-grid article { margin-bottom: 40px; } div[class*='portfolio-columns-'] article { margin: 0; } @media screen and (max-width: 559px) { /* Default margins */ /*div[class*='portfolio-columns-'] article { margin: 0 0.77% 1.65%; }*/ /* Show 2 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article, .portfolio-columns-6 article { width: 48.35%; margin: 0 0.77% 1.65%; } } @media screen and (min-width: 560px) { /* Default margins */ div[class*='portfolio-columns-'] article { margin: 0 0.77% 1.65%; } /* Show 3 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article, .portfolio-columns-6 article { width: 31.68%; } /* Show 2 columns */ .portfolio-columns-5 article, .portfolio-columns-4 article, .portfolio-columns-3 article, .portfolio-columns-2 article { width: 48.35% } } @media screen and (min-width: 660px) { /* Show 4 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article, .portfolio-columns-6 article { width: 31.68%; } } @media screen and (min-width: 768px) { /* Show 5 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article { width: 18.35%; } /* Show 4 columns */ .portfolio-columns-6 article { width: 23.35%; } /* Show 3 columns */ .portfolio-columns-7 article, .portfolio-columns-6 article, .portfolio-columns-5 article, .portfolio-columns-4 article { width: 31.68%; } } @media screen and (min-width: 960px) { /* Show 6 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article { width: 15%; } /* Show 5 columns */ .portfolio-columns-6 article { width: 18.35%; } /* Show 4 columns */ .portfolio-columns-6 article, .portfolio-columns-5 article { width: 23%; } /* Show 3 columns */ .portfolio-columns-3 article { width: 31.68%; } } @media screen and (min-width: 1160px) { /* Show 8 columns */ .portfolio-columns-8 article { width: 10.85%; } /* Show 7 columns */ .portfolio-columns-7 article { width: 12.63%; } /* Show 6 columns */ .portfolio-columns-6 article { width: 15%; } /* Show 5 columns */ .portfolio-columns-5 article { width: 18.35%; } .portfolio-columns-4 article { width: 23.35%; } /* Show 3 columns */ .portfolio-columns-3 article { width: 31.68%; } /* Show 2 columns */ .portfolio-columns-2 article { width: 48.35% } } /* Error page -------------------------------------------------------------- */ .error404 .searchFormContainer #s { width: 360px; max-width: 100% } /* Search results -------------------------------------------------------------- */ .search-results .page-title { font-size: 24px; } .search-results .post-header { display: none; } .search-results .post-row { margin-left: 65px; } .search-results .entry-title, .search-results .entry-title a, .search-results article.type-portfolio .entry-title, .search-results article.type-portfolio .entry-title a { padding-left: 0; padding-right: 0; margin-bottom: 8px; line-height: 42px; font-size: 20px; font-weight: 400; } .search-results .post-symbol { width: 45px; height: 45px; line-height: 45px; font-size: 24px; } .search-results #Middle article.type-portfolio, .search-results #Middle .posts-grid article { margin-bottom: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Blank page -------------------------------------------------------------- */ .bank-template { height: 100%; } body.blank-page.boxed { padding: 3%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blank-page #Middle { text-align: center; } .blank-page #primary { padding: 50px; width: 100%; height: 100%; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blank-page #content { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } /* Widgets -------------------------------------------------------------- */ .widget-area .textwidget ul, .wpb_content_element .widget.textwidget ul { list-style:disc outside; margin:0 0 22px; } .widget-area .textwidget li, .wpb_content_element .widget.textwidget li { margin-left:36px; padding:0; border-bottom:0; } .widget-area #s, .wpb_content_element .widget #s { width: 100%; max-width:600px; } .widget-area #searchsubmit, .wpb_content_element .widget #searchsubmit { display:none; /* hide submit button */ } .widget_rss li { margin:12px 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color:#aaa; font-size:11px; margin-left:12px; } .widget_recent_entries .post-date { display: block; margin: 0; } #wp-calendar { margin:0; width:100%; font-size:13px; line-height:1.846153846; color:#686868; } #wp-calendar th,#wp-calendar td,#wp-calendar caption { text-align:left; } #wp-calendar #next { padding-right:24px; text-align:right; } .widget_search label { display:block; font-size:13px; line-height:1.846153846; } .widget_twitter li { list-style-type:none; } .widget_twitter .timesince { display:block; text-align:right; } .widget-area { position: relative; z-index: 1; } /* Contact Form ----------------------------------------------- */ /* Placeholder text (older browsers only) */ .placeholder-text label { padding: 4px 0 0; } /* Contact form (and generiv forms) styles */ .contactFormWrapper, .formWrapper { margin-bottom: 1.5em; } .publicContactForm fieldset legend { display: none; } .publicContactForm div.fieldContainer { margin-bottom: 20px; position: relative; } /* space between inputs */ .publicContactForm label { display: block; } .publicContactForm label.hidden { display: none; } .publicContactForm .formTitle { margin-bottom: 0.2em } .publicContactForm .formCaption { font-size: 12px; color: #999; margin: 4px 0 12px; } .publicContactForm .textInput, .publicContactForm textarea { margin: 0; padding-left: 7px; padding-right: 7px; } /* default width set in @media (min-width: 768px) */ .publicContactForm textarea { height: 150px; display: block; } .publicContactForm .contactFormBottom { padding: 8px 0 0; } .publicContactForm div.field_type_radio { margin-top: 1.75em; margin-bottom: 1.75em; } .publicContactForm .field_type_radio .radioSetTitle { margin-bottom: 8px; } .publicContactForm .field_type_radio .radioLabel { margin-left: 1em; } .publicContactForm .sending { width: 32px; height: 24px; } /* loading image container */ .publicContactForm img.sendingImg { float: left; padding: 0 0 0 8px; } /* loading image */ .publicContactForm .formSubmit { float: none; } /* submit button */ /* validation and error message related styles */ .publicContactForm .textInput.error { border-color: #c00 !important; } .publicContactForm .field_type_captcha .textInput.error { margin-bottom: 0; } /* custom captcha input error styling */ .publicContactForm .textInput.error:focus, .publicContactForm .textInput.error.inputFocus { } .publicContactForm em.error { display: block; position: absolute; padding: 2px 4px 3px; font: normal 10px Verdana,Arial,Helvetica,Garuda,sans-serif; background-color: #c00; color: #fff; line-height: 10px; margin: -10px 0 0; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } /* Error messages at form bottom (usually for CAPTCHA) */ .formMessages-bottom .formError .error { margin: 0.5em 0; padding: 4px 8px; font-weight: bold; color: #fff; background: #D34; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; } /* Revolution Slider */ #TopContent .rev_slider_wrapper { z-index: 1; } body .tp-bullets .tp-leftarrow.round, body .tp-bullets .tp-rightarrow.round, body .tp-leftarrow.default, body .tp-rightarrow.default { /* font awesome for slider */ font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; } body .tp-bullets .tp-leftarrow.round:before, body .tp-leftarrow.default:before { content: "\f104"; } body .tp-bullets .tp-rightarrow.round:before, body .tp-rightarrow.default:before { content: "\f105"; } body .tp-leftarrow.default, body .tp-rightarrow.default { width: 22px; height: 100px; color: #fff; font-size: 20px; line-height: 100px; background: #333; background: rgba(0,0,0,.25); -webkit-transition: width .175s ease-in-out, background-color .175s ease-in-out; -moz-transition: width .175s ease-in-out, background-color .175s ease-in-out; -o-transition: width .175s ease-in-out, background-color .175s ease-in-out; transition: width .175s ease-in-out, background-color .175s ease-in-out; } body .tp-leftarrow.default { text-align: right; padding-right: 18px; } body .tp-rightarrow.default { text-align: left; padding-left: 17px; width: 23px; } body .tp-leftarrow.default:hover, body .tp-rightarrow.default:hover { width: 30px; background: #000; background: rgba(0,0,0,.65); } body .tp-bullets.simplebullets.round .bullet { width: 16px; height: 16px; background: rgba(54,57,60,.6); margin-top: -4px; margin-left: 8px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 0px 1px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 0px 1px rgba(0,0,0,.5); box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 0px 1px rgba(0,0,0,.5); } body .tp-bullets.simplebullets.round .bullet:hover, body .tp-bullets.simplebullets.round .bullet.selected, body .tp-bullets.simplebullets.navbar .bullet:hover, body .tp-bullets.simplebullets.navbar .bullet.selected { background: rgba(54,57,60,.5); } body .tp-bullets .tp-leftarrow.round, body .tp-bullets .tp-rightarrow.round { color: #36393C; font-size: 18px; margin-top: -7px; text-shadow: 0 1px 0 rgba(255,255,255,0.65); opacity: .3; } body .tp-leftarrow.round, body .tp-rightarrow.round { display: none; } /* prevent gap in responsive views */ body .tp-bullets .tp-rightarrow.round { margin-left: 5px; } body .tp-bullets .tp-leftarrow:hover, body .tp-bullets .tp-rightarrow:hover { opacity: .5; } /* Visual Composer (generic, not shortcode specific) */ .wpb_row { margin-left: 0 !important; margin-right: 0 !important; } /* Why VC 4.1, why negative margins here? */ /* Audio/Video jPlayer Skin ----------------------------------------------- */ div.jp-video-container { margin-bottom:24px; } div.jp-jplayer,div.jp-jplayer img { max-width:100%; } div.jp-jplayer.jp-jplayer-video { background-color: #e0e0e0; } div.jp-jplayer video { margin-bottom: 0; } div.jp-jplayer img,div.jp-jplayer-video,div.jp-jplayer-video video { height:auto!important; vertical-align:top; } .jp-audio-container,.jp-video-container { margin-bottom:24px; } /* no margin on player inside post header */ .post-header .jp-audio-container,.post-header .jp-video-container { margin-bottom:0; } div.jp-interface { position:relative; max-width:100%; z-index:100; } .jp-video div.jp-interface { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .jp-interface,a.jp-play,a.jp-pause,.seperator-first,.seperator-second { height:34px; } .jp-controls { list-style-type:none; padding:0; margin:0; } .jp-controls li { display:inline; margin:0; } .jp-controls a { color:#404040; text-shadow:1px 1px rgba(255,255,255,1); background:transparent!important; width:24px; height:34px; padding:0 0 0 10px; display:inline-block; position:absolute; top:0; border-bottom:none; font-size:14px; line-height:34px; text-decoration:none; outline:none; overflow:hidden; z-index:1; opacity:.6; } .jp-controls a:hover { color:#262626; background:transparent!important; text-decoration:none; opacity:.8; } .jp-controls a span { display: block; overflow: hidden; text-indent:-9999px; } a.jp-play,a.jp-pause { left:0; text-align: center; padding-left: 5px; } a.jp-pause { display:none; } a.jp-pause:hover { background-position:-33px -30px; } a.jp-mute,a.jp-unmute { right:55px; } .jp-progress-container,.jp-volume-bar-container { position:absolute; top:0; height:8px; padding:13px 10px; } .jp-progress-container { left:34px; right:92px; } .jp-progress,.jp-volume-bar { height:9px; background:#E7E7E7; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:inset 0 1px 1px rgba(34,34,34,.09); -moz-box-shadow:inset 0 1px 1px rgba(34,34,34,.09); box-shadow:inset 0 1px 1px rgba(34,34,34,.09); } .jp-seek-bar { width:0; height:9px; cursor:pointer; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; background:#E0E0E0; } .jp-progress,.jp-seek-bar { background:rgba(102,102,102,.05); } .jp-play-bar,.jp-volume-bar-value { width:0; height:9px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; background:#BABABA; } .jp-volume-bar-container { right:2px; width:40px; } .jp-volume-bar { position:relative; overflow:hidden; width:40px; cursor:pointer; background:rgba(102,102,102,.1); } .jp-volume-bar-value { width:0; } .seperator-first,.seperator-second { width:0; position:absolute; top:0; left:33px; border:1px solid #fff; border-left-color:#e9e9e9; border-width:0 1px; } .seperator-second { left:auto; right:89px; } /* volume controls taken over by mobile devices so don't need to see them */ .no-volume .jp-progress-container { right: 0px; } .no-volume .jp-volume-bar-container, .no-volume .seperator-second, .no-volume .jp-mute, .no-volume .jp-unmute { display: none; } /* Misc. */ span.edit-link, .comments-area .commentlist li .comment .edit-link { display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; border: 1px solid #ccc; background-color: #f9f9f9; line-height: 1.5; margin: 1em 0 0; padding: 1px 5px; } .entry-footer span.edit-link { float: right; margin-top: 0; } /* Layout helpers */ .no-margin { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important; } /* Parallax Functionality and Background Row Fills -------------------------------------------------------------- */ /* Background color, image and parallax */ .vc_section_wrapper .bg-layer { position: absolute; width: 100%; height: 100%; left: 0; } /* Top padding for better looking containers */ .vc_section_wrapper.has_bg_color > .wpb_row, .vc_section_wrapper.has_bg_img > .wpb_row { padding-top: 40px; position: relative; /* prevent background covering content. */ } /* Background images fill container */ .vc_section_wrapper.has_bg_img .bg-layer { background-position: center 0; background-repeat: no-repeat; background-size: 101%; } /* Background images force fill container (applies automatically under 1200px width) */ .vc_section_wrapper.has_bg_img.cover_all .bg-layer { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Parallax */ .parallax-section.has_bg_img .bg-layer { background-attachment: fixed; /* use 'scroll' to disable */ } /* First section flush with header */ #Middle .grid-section-1 .grid-row > .span12 .vc_section_wrapper.has_bg_color:first-of-type, #Middle .grid-section-1 .grid-row > .span12 .vc_section_wrapper.has_bg_img:first-of-type, .lt-ie9 #Middle .grid-section-1 .grid-row > .span12 .vc_section_wrapper.first { margin-top: -40px; } /* Other and Helper Classes -------------------------------------------------------------- */ .darkbg h1, .darkbg h2, .darkbg h3, .darkbg h4, .darkbg h5, .darkbg h6, .darkbg h2.wpb_call_text, .darkbg .page-title, .darkbg .headline, .darkbg .comments-area article header cite, .darkbg .vc_text_separator div, .darkbg body .wpb_accordion .ui-accordion .ui-accordion-header a, .darkbg body .wpb_accordion .ui-accordion .ui-accordion-header a:hover, .darkbg .site-header .site-title a, .darkbg .entry-title, .darkbg .entry-title a, .darkbg .wpb_carousel .post-title a, .darkbg .widget-area .widget li[class*="current"] a, .darkbg .wpb_progress_bar_heading { color: #fff; } /* ensure text appears on dark bg */ .lightbg h1, .lightbg h2, .lightbg h3, .lightbg h4, .lightbg h5, .lightbg h6, .lightbg h2.wpb_call_text, .lightbg .page-title, .lightbg .headline, .lightbg .comments-area article header cite, .lightbg .vc_text_separator div, .lightbg body .wpb_accordion .ui-accordion .ui-accordion-header a, .lightbg body .wpb_accordion .ui-accordion .ui-accordion-header a:hover, .lightbg .site-header .site-title a, .lightbg .entry-title, .lightbg .entry-title a, .lightbg .wpb_carousel .post-title a, .lightbg .widget-area .widget li[class*="current"] a, .lightbg .wpb_progress_bar_heading { color: #333; } /* ensure text appears on light bg */ /* Media queries -------------------------------------------------------------- */ /* Max width of 1200 pixels. */ @media screen and (max-width: 1200px) { /* Background images force fill container (applies force fill under 1200px width) */ .vc_section_wrapper.has_bg_img .bg-layer { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /* Minimum width of 768 pixels. */ @media screen and (min-width: 768px) { /* site structure */ body.boxed { padding: 0 3%; } body.boxed #page { max-width: 1100px; /*** inQuba ************************************************************************* MAX Screen Grid */ -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.07); box-shadow: 0 0px 6px rgba(0, 0, 0, 0.07); border: 1px solid #E1E1E1; border-color: rgba(0, 0, 0, .07); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } /* padded boxed layout */ .site { margin: 0 auto; } .site .inner-wrapper, .site .grid-row { margin: 0 auto; max-width: 1100px; padding: 0 50px; } /************** MAX Screen Grid */ /* transfer padding to parallax containers in boxed layout */ body.boxed .vc_section_wrapper { position: relative; margin-left: -50px; margin-right: -50px; padding: 0 50px; } body.boxed .vc_section_wrapper .bg-layer { height: 100% !important; } /* padded boxed layout */ body.padded-box #page { padding: 25px; max-width: 1050px; } /************** MAX Screen Grid - padding */ body.padded-box .site .inner-wrapper, body.padded-box .site .grid-row { max-width: 1050px; padding: 0 25px; } /************** MAX Screen Grid - padding */ body.padded-box .vc_section_wrapper { position: relative; margin-left: -25px; margin-right: -25px; padding: 0 25px; } /* Footer */ .footer-social-icons { margin-bottom: 100px; } /* Top Banner */ #masthead { padding: 20px 0 0; } #masthead .site-title a { font-size: 36px; } #masthead .site-title a.logo-image img { max-height: 100%; margin: 0 0 20px; } #masthead .site-title { float: left; } #AbovePage.widget-area .widget { text-align: right; } #Top #HeaderSidebar { float: right; margin: 25px 0 0; } /* Docked Top Banner */ .dockedNav #MainNav { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; } /* Above page */ #AbovePage.widget-area .widget { margin-top: 15px; margin-bottom: 5px; } /* Right side of menu (search, breadcrumbs) */ #NavExtras { display: none; } /* Full Width Background Image */ #full-background { display: block; } .widget-area .widget li { padding: 2px 0; } #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } .author-avatar { float: left; position: absolute; } .author-description h2 { margin-left: 93px; line-height: 68px; } .commentlist .children { padding-left: 40px; border-left: 1px solid #e0e0e0; } /* Breadcrumbs */ .default-breadcrumbs { display: block; } /* Post Format Icon */ .post-symbol { display: block; width: 60px; height: 60px; background-color: #f0f0f0; color: #666; font-size: 28px; line-height: 60px; text-align: center; position: absolute; } .post-row { margin-left: 80px; } /* blog header meta */ footer.entry-meta .meta-label, .single-author footer.entry-meta .author-meta { display: none; } footer.entry-meta .categories-meta .meta-label, footer.entry-meta .tags-meta .meta-label { display: none; } footer.entry-meta .date-meta, footer.entry-meta .author-meta, footer.entry-meta .categories-meta { float: none; clear: none; display: inline-block; } footer.entry-meta .author-meta .meta-sep, footer.entry-meta .date-meta .meta-sep { display: inline; } /* Grid/Portfolio styles */ #Middle article.type-portfolio, #Middle .posts-grid article { border: none; -webkit-box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, .1); } article.type-portfolio .entry-footer, .posts-grid article .entry-footer { padding: 4px 17px; margin: 0 -17px 1px !important; background: #F7F7F7; } #Middle .posts-grid article { margin-bottom: 1.666665%; } #Middle .posts-grid article p { margin-bottom: 20px !important; } /* Gallery posts */ .rotator-nav a.next, .rotator-nav a.prev { display: inline-block; } /* Author Profile */ .author-info { text-align: left; } .author.archive .author-description { margin-left: 80px; } .author-description h2 { margin: 0 0 20px 85px; line-height: 60px; } /* Next/Prev Post Navigation */ .post-nav { display: block; } /* Contact form */ .publicContactForm .textInput { width: 65%; } .publicContactForm textarea, .publicContactForm textarea.textInput { width: 80%; } /* Tour */ body .wpb_tour .ui-tabs .ui-tabs-nav { width: 25%; } body .wpb_tour .wpb_tab, body .wpb_tour .wpb_tab.ui-tabs-panel { width: 75%; padding-left: 4%; } /* Call to Action */ body.vc_responsive .cta_align_left .wpb_button, body.vc_responsive .cta_align_right .wpb_button { margin-bottom: 0; } /* Image Overlay Effects */ .styled-image, .plain-image { position: relative; } .inner-overlay { background-color: rgba(240, 240, 240, .3); position: absolute; top: 0; width: 100%; height: 100%; display: block; text-align: center; opacity: 0; } a.styled-image { display: block; } a.styled-image .inner-overlay, a.plain-image .inner-overlay { -webkit-transition: opacity .175s ease-in-out .1s; -moz-transition: opacity .175s ease-in-out .1s; -o-transition: opacity .175s ease-in-out .1s; transition: opacity .175s ease-in-out .1s; } a.styled-image:hover .inner-overlay, a.plain-image:hover .inner-overlay { opacity: 1; } .inner-overlay i[class*='icon-'], .inner-overlay i[class*='fa fa-'] { display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; font-size: 28px; line-height: 47px; text-align: center; color: #333; opacity: .2; border: 7px solid #333; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation: undo_scale 0.2s 1 ease-in-out; -moz-animation: undo_scale 0.2s 1 ease-in-out; -o-animation: undo_scale 0.2s 1 ease-in-out; animation: undo_scale 0.2s 1 ease-in-out; } /* portfolio specific icon customization */ a[class*="-image"].audio .inner-overlay i[class*='icon-'], a[class*="-image"].audio .inner-overlay i[class*='fa fa-'], a[class*="-image"].image .inner-overlay i[class*='icon-'], a[class*="-image"].image .inner-overlay i[class*='fa fa-'], a[class*="-image"].gallery .inner-overlay i[class*='icon-'], a[class*="-image"].gallery .inner-overlay i[class*='fa fa-'], a[class*="-image"].video .inner-overlay i[class*='icon-'], a[class*="-image"].video .inner-overlay i[class*='fa fa-'] { border: none; font-size: 42px; line-height: 60px; } a:hover .inner-overlay i[class*='icon-'], a:hover .inner-overlay i[class*='fa fa-'] { -webkit-animation: do_scale 0.5s 1 ease-in-out; -moz-animation: do_scale 0.5s 1 ease-in-out; -o-animation: do_scale 0.5s 1 ease-in-out; animation: do_scale 0.5s 1 ease-in-out; opacity: 1; } /* zoom/fade in transition */ @-webkit-keyframes do_scale { 0% { -webkit-transform: scale(0.3); opacity: .2; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes do_scale { 0% { -moz-transform: scale(0.3); opacity: .2; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes do_scale { 0% { -o-transform: scale(0.3); opacity: .2; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes do_scale { 0% { transform: scale(0.3); opacity: .2; } 100% { transform: scale(1); opacity: 1; } } /* zoom/fade out transition */ @-webkit-keyframes undo_scale { 0% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.3); opacity: 0; } } @-moz-keyframes undo_scale { 0% { -moz-transform: scale(1); opacity: 1; } 100% { -moz-transform: scale(0.3); opacity: 0; } } @-o-keyframes undo_scale { 0% { -o-transform: scale(1); opacity: 1; } 100% { -o-transform: scale(0.3); opacity: 0; } } @keyframes undo_scale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.3); opacity: 0; } } } /*----- Layouts column structure ------*/ .clearfix { *zoom: 1; } .clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Device specific visibility */ .hidden { display: none; visibility: hidden; } .visible-phone { display: none!important; } .visible-tablet { display: none!important; } .hidden-desktop { display: none!important; } .visible-desktop { display: inherit!important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit!important; } .visible-desktop { display: none!important; } .visible-tablet { display: inherit!important; } .hidden-tablet { display: none!important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit!important; } .visible-desktop { display: none!important; } .visible-phone { display: inherit!important; } .hidden-phone { display: none!important; } .centered-phone { text-align: center!important; } /* custom */ } .visible-print { display: none!important; } @media print { .visible-print { display: inherit!important; } .hidden-print { display: none!important; } } /* Fluid (% based) columns */ .row-fluid [class*="span"],.no-layout #primary,.no-layout #sidebar { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child,body.no-layout #primary { margin-left: 0; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before,.row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } @media (min-width: 768px) { /* Stop IE10 scrollbar overlap in large screens */ @-ms-viewport{ width: auto !important; } /** * Custom column and margin widths (based on 12 column system) * ---------------------------------------------------------------------------------------------------- * * Set margin based on desired PX or percentage. * * Calculate pixel specific margin: 50px [margin] / 1200px [design width] * 100 = 4.16666666666667% * * Single column width by subtracting all margins and dividing by number of columns. * * Calculate single column: ( 100 - ( 4.16666666666667 * 11 [# of columns - 1] ) ) / 12 [# of columns] = 4.513888888888886% * * Multiple column width by multiplying 1 column + 1 margin * span width - 1 margin: * * Calculate 2 columns: ( 4.513888888888886 [1 column] + 4.16666666666667 [1 margin] ) * 2 [# of columns] - 4.16666666666667 [1 margin] = 13.19444444444444% * Calculate 5 columns: ( [1 column] + [1 margin] ) * 5 - [1 margin] = 39.23611111111111% * ... * * Offset:first-child: 8.680555555555556 [1 column + 1 margin] * 2 [# of columns offset] * Offset (default) : 8.680555555555556 [1 column + 1 margin] * 2 [# of columns offset] + [1 margin] * * Get IE margin and column variants by subtracting '0.053191489361702' from the calculated width. * * IE margin: 4.16666666666667 - 0.053191489361702 = 4.113475177304968% * IE column width: 100 - 0.053191489361702 = 99.94680851063829% * * * Note: Items prefixed with "vc_" are for Visual Composer. * */ .row-fluid [class*="span"], .no-layout #primary, .no-layout #sidebar { float: left; min-height: 30px; margin-left: 4.16666666666667%; *margin-left: 4.113475177304968%; } .no-layout.full-width #primary, .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.31944444444445%; *width: 91.26625295508274%; } .row-fluid .span10 { width: 82.63888888888889%; *width: 82.58569739952718%; } .row-fluid .span9 { width: 73.95833333333334%; *width: 73.90514184397163%; } .row-fluid .span8, .no-layout #primary { width: 65.27777777777778%; *width: 65.22458628841607%; } .row-fluid .span7 { width: 56.59722222222223%; *width: 56.54403073286052%; } .row-fluid .span6 { width: 47.91666666666667%; *width: 47.86347517730496%; } .row-fluid .span5 { width: 39.23611111111111%; *width: 39.1829196217494%; } .row-fluid .span4, .no-layout #sidebar { width: 30.55555555555556%; *width: 30.50236406619385%; } .row-fluid .span3 { width: 21.875%; *width: 21.82180851063829%; } .row-fluid .span2 { width: 13.19444444444444%; *width: 13.14125295508274%; } .row-fluid .span1 { width: 4.513888888888886%; *width: 4.460697399527184%; } /* Offset Positions */ .row-fluid .offset12 { margin-left: 108.3333333333333%; *margin-left: 108.28014184397%; } .row-fluid .offset12:first-child { margin-left: 104.1666666666667%; *margin-left: 104.1134751773%; } .row-fluid .offset11 { margin-left: 99.65277777777779%; *margin-left: 99.599586288416%; } .row-fluid .offset11:first-child { margin-left: 95.48611111111112%; *margin-left: 95.432919621749%; } .row-fluid .offset10 { margin-left: 90.97222222222223%; *margin-left: 90.919030732861%; } .row-fluid .offset10:first-child { margin-left: 86.80555555555556%; *margin-left: 86.752364066194%; } .row-fluid .offset9 { margin-left: 82.29166666666667%; *margin-left: 82.238475177305%; } .row-fluid .offset9:first-child { margin-left: 78.125%; *margin-left: 78.071808510638%; } .row-fluid .offset8 { margin-left: 73.61111111111112%; *margin-left: 73.557919621749%; } .row-fluid .offset8:first-child { margin-left: 69.44444444444445%; *margin-left: 69.391252955083%; } .row-fluid .offset7 { margin-left: 64.93055555555556%; *margin-left: 64.877364066194%; } .row-fluid .offset7:first-child { margin-left: 60.76388888888889%; *margin-left: 60.710697399527%; } .row-fluid .offset6 { margin-left: 56.25000000000001%; *margin-left: 56.196808510638%; } .row-fluid .offset6:first-child { margin-left: 52.08333333333334%; *margin-left: 52.030141843972%; } .row-fluid .offset5 { margin-left: 47.56944444444445%; *margin-left: 47.516252955083%; } .row-fluid .offset5:first-child { margin-left: 43.40277777777778%; *margin-left: 43.349586288416%; } .row-fluid .offset4 { margin-left: 38.88888888888889%; *margin-left: 38.835697399527%; } .row-fluid .offset4:first-child { margin-left: 34.72222222222222%; *margin-left: 34.669030732861%; } .row-fluid .offset3 { margin-left: 30.20833333333334%; *margin-left: 30.155141843972%; } .row-fluid .offset3:first-child { margin-left: 26.04166666666667%; *margin-left: 25.988475177305%; } .row-fluid .offset2 { margin-left: 21.52777777777778%; *margin-left: 21.474586288416%; } .row-fluid .offset2:first-child { margin-left: 17.36111111111111%; *margin-left: 17.307919621749%; } .row-fluid .offset1 { margin-left: 12.84722222222223%; *margin-left: 12.794030732861%; } .row-fluid .offset1:first-child { margin-left: 8.680555555555556%; *margin-left: 8.6273640661939%; } } /* tablet and smaller only */ @media (max-width: 767px) { .row-fluid [class*="span"],.no-layout #primary,.no-layout #sidebar { float: none; margin-left: 0; width: 100%; } /* forced override custom column widths */ .row-fluid .span-custom,.row-fluid .span-custom[style] { width: 100%!important; margin-left: 0!important; } } /* Print ----------------------------------------------- */ @media print{ body{background:none!important;color:#000;font-size:10pt;} footer a[rel=bookmark]:link:after,footer a[rel=bookmark]:visited:after{content:" [" attr(href) "] ";/* Show URLs */} a{text-decoration:none;} .entry-content img,.comment-content img,.author-avatar img,img.wp-post-image{border-radius:0;box-shadow:none;} .site{clear:both!important;display:block!important;float:none!important;max-width:100%;position:relative!important;} .site-header{/*margin-bottom: 72px;*/text-align:left;} .site-header .site-title{font-size:21pt;line-height:1;text-align:left;} .site-header .site-title a{color:#000;} .author-avatar,#Footer,#respond,.commentlist .comment-edit-link,.commentlist .reply,.entry-header .comments-link,.entry-meta .edit-link a,.page-link,#Middle nav,.widget-area,.main-navigation{display:none;} .wrapper{border-top:none;box-shadow:none;} #Middle{margin:0;width:auto;} .singular .entry-header .entry-meta{position:static;} .singular #Middle,.singular .entry-header,.singular .entry-content,.singular footer.entry-meta,.singular .comments-title{margin:0;width:100%;} .entry-title,.entry-header .entry-title,.singular .entry-title,.page-title,.wpb_carousel .post-title{font-size:21pt;} footer.entry-meta,footer.entry-meta a{color:#444;font-size:10pt;} .author-description{float:none;width:auto;} .commentlist > li.comment{background:none;position:relative;width:auto;} .commentlist .avatar{height:39px;left:2.2em;top:2.2em;width:39px;} .comments-area article header cite,.comments-area article header time{margin-left:50px;} } /* inQuba ---------------------------------------------------------------------------------------------------------------------------*/ /*header#masthead { width: 100%; position:fixed !important; border-top: 6px #F37021 solid; border-bottom: 2px #F37021 solid; } .masthead-container { clear:both; display:compact; height: 60px; }*/ .inline .alignright { margin-top:0; } .inline .alignleft { margin-top:0; } /* inquba buttons call for demo etc */ a.button, a.button-right, a.button-o, .sml_submitbtn, a.btn, a.more-link, a.vc_btn3, button, .sml_subscribe input.btn, input.btn.sml_submitbtn, input[type="submit"],input[type="button"],input[type="reset"], .submit-button { background: none !important; background-color:#FFFFFF; margin-top: 20px; display:block; width: 100px; padding: 2px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; text-align:center; vertical-align:middle; font-weight: 400; font-style:normal; font-size:12px; letter-spacing: 2px; border-radius: 0px !important; } a.more-link { clear:both !important; margin-top: 20px; margin-bottom: 30px; } #butrows { margin-top: 0px !important; } #butrows-a div, #butrows-a div div, #butrows-a div div div { margin-top: 0px !important; padding: 0px !important; } #butrows-b div,m #butrows-b div div, #butrows-b div div div { margin-top: 0px !important; padding: 0px !important; } a.button.large { width: 200px; } a.button.large.centerthisbold { float:none !important; margin-left: auto; margin-right:auto; border-width:2px; font-weight:700; margin-bottom:10px; } a.button.large.centerthis { float:none !important; margin-left: auto; margin-right:auto; } a.vc_btn3, .submit-button { color: #F37021; /*#f9c19e !important; */ background-color:#FFFFFF !important; border: #F37021 solid 1px !important; } .submit-button span { color: #F37021 !important; text-shadow:none !important; } a.button, a.more-link, a.button-right, .sml_submitbtn, a.btn, button,input[type="submit"],input[type="button"],input[type="reset"] { color: #F37021; /*#f9c19e;*/ background-color:#FFFFFF; border: #F37021 solid 1px; } a.button:hover, a.more-link:hover, a.button-right:hover, .sml_submitbtn:hover, a.btn:hover, a.vc_btn3:hover, button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover { color: #f9c19e !important; } a.button.orangebut { color: #FFFFFF !important; /*#f9c19e;*/ background-color:#F37021 !important; border: #F37021 solid 1px !important; } a.button.series { color: #FFFFFF !important; /*#f9c19e;*/ background-color:#F37021 !important; border: #F37021 solid 1px !important; letter-spacing: 0; width: 140px; margin-top:5px!important; margin-bottom:15px!important; float:right; } a.button.orangebut:hover { color: #f9c19e !important; background-color:#F37021 !important; border: #F37021 solid 1px !important; } a.button.series:hover { color: #f9c19e !important; background-color:#F37021 !important; border: #F37021 solid 1px !important; } a.button-right { float:right; } a.button-o { z-index: 300; color: #f9dfce; border: #FFFFFF solid 1px; } a.button-o:hover { color: #FFFFFF; } .sml_namelabel, .sml_emaillabel { display: none; } input, .sml_nameinput, .sml_emailinput { padding: 12px; border-radius: 5px; /*border: 4px #000000 solid;*/ font-size: 16px; } a.btn, a.more-link, button, .submit-button,input[type="submit"],input[type="button"],input[type="reset"] { cursor: pointer; border-radius: 0px !important; } a.btn.disabled, button[disabled], input[disabled] { cursor: default; } .footmod { border: none; font-size: 15px; line-height: 20px; } .footmod th { color:#F37021; font-weight: bold; width: 20px; } .footmod td { border:none;} .footmod td.biggerbold { font-size: 17px; font-weight: 500; } .copyright { font-size: 14px; } #contact-mod { margin: 0; margin-top: -50px; } #contact-numbers h2 { font-size: 30px; font-weight: 400 !important; line-height: 1.60; letter-spacing: 1px; } #contact-numbers p { font-size: 14px; } .socialicons { padding-bottom: 34px; } .contact-stripe { margin-bottom: 0; } .medium_light_white, .medium_light_white strong, .medium_light_white .orange { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-size: 40px !important; line-height: 60px; font-weight: 600; text-shadow: 2px 2px 10px rgba(0,0,0,.7); } .medium_light_white strong { font-weight:700; } #header-image { top: 0px; margin-bottom: 5px; } #thin-stripe-orange, #title-stripe-contact, #title-orange-home, #title-orange { /* thin stripe on top of some pages with VC */ background-color: #ffffff; column-fill:auto; width: 100%; height:1px; margin-top: 40px; } #thin-stripe-orange, #title-stripe-contact { margin-bottom: 3px; } #thin-stripe-orange2 { background-color: #f37020; column-fill:auto; width: 100%; height:2px; margin-top: 40px; } #page-id-22 #thin-stripe-orange { /* company orange line above video */ margin-top: 0; } #title-orange-home, #title-orange { background: -webkit-linear-gradient(#f37020, #d25400); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f37020, #d25400); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#f37020, #d25400); /* For Firefox 3.6 to 15 */ background: linear-gradient(#f37020, #d25400); /* Standard syntax */ position:relative; height:auto; left: -100%; right: -100%; margin-top: 0px; padding-left: 100%; padding-right: 100%; padding-top: 5px; /* bleeds on top orange */ padding-bottom: 5px; /* bleeds on bottom orange */ overflow:auto; font-size: 18px; color: #FFFFFF; overflow: hidden; text-align:center; font-style:italic; font-weight:lighter; } #title-orange-home { margin-top: -34px; /*white space, and placement */ height:38px !important; margin-bottom: 30px; } #title-orange-home h1, #title-orange h1 { padding-top:0px; margin-top: 0px; margin-bottom: 2px; padding-bottom: 2px; color: #FFFFFF; font-size: 18px !important; font-style:normal; font-weight:400; letter-spacing:5px; text-transform:uppercase; } .arrow-white, .arrow-orange, .arrow-black { display:block; width: 51px; height: 51px; margin-top: 10px; margin-bottom: 0px; } .arrow-white { background: transparent url('assets/images/arrow-white.png') no-repeat; } .arrow-orange { background: transparent url('assets/images/arrow-orange.png') no-repeat; } .arrow-black { background: transparent url('assets/images/arrow-black.png') no-repeat; } .iq-bullet { display:inline-block; width: 18px; height: 18px; background: transparent url('assets/images/bullet-orange.png') no-repeat; } #tools { width: 98.8%; } #tools .button { bottom: 10px; margin-bottom: 20px; /*position:absolute; margin-left:auto; margin-right:auto; NOT WORKING */ } .borderme { /* tools bordered square blocks */ border: 1px #ccc solid; margin-left: 0px; margin-right: 0px; margin-bottom: 10px !important; display:block; width: 100%; height: 100%; padding: 5px; } .borderme div { margin-left: 20px; margin-right: 20px; } .borderme p { font-size:15px !important; } .borderme:first-child { margin-left: 0px; } .borderme:last-child { margin-right: 0px; } .borderme2 { /* tools bordered square blocks */ border: 1px #ccc solid; margin-left: 0px; margin-right: 0px; margin-bottom: 10px !important; display:block; width: 100%; height: 100%; padding: 5px; } .borderme2 div { margin-left: 20px; margin-right: 20px; } .borderme2 p { font-size:15px !important; } .borderme2:first-child { margin-left: 0px; } .borderme2:last-child { margin-right: 0px; } /* Customer Icons Items */ .vc_gitem-zone-mini { background-color: #ffffff !important; padding-top: 0px !important; padding-bottom: 0px !important; } .vc_custom_heading.vc_gitem-post-data h4 { /* industries title */ text-align:center !important; padding-top: 0px !important; padding-bottom: 0px !important; } .vc_custom_heading.vc_gitem-post-data-source-post_date div { /* industries date */ color: #ffffff !important; font-weight: bold !important; text-align:center !important; margin-top: 80px !important; } /* customer grey */ #gridhead, #gridpage { background-color: #f0f0f0; margin: 0; padding: 0; } #gridhead { padding-bottom: 10px; padding-top: 15px;} #gridpage { padding-bottom: 50px; } .vc_sep_color_orange .vc_sep_line { border-color: #F37021 !important; } .orange { color:#F37021 !important; } .white { color: #ffffff !important; } .grey { color: #e5e5e5 !important; } .black { color: #000000 !important; } .bold { font-weight: 500 !important; } /*check these first - rather code above this line*/ h1.page-title { font-weight:bold; font-size: 20px; line-height: 21px; } .widget-title, h3.widget-title { font-size:18px; font-stretch: condensed; text-transform:uppercase; font-weight:700; color:#000000; letter-spacing: 1px; border-bottom: 1px solid #000000; } h3.orangehead { font-size:18px; font-stretch: condensed; text-transform:uppercase; font-weight:700; font-style:normal; color:#F37021; letter-spacing: 1px; } h4.widget-title { font-weight:700; color:#000000; } h2.entry-title, h2.entry-title a, h2.entry-title a:link, h2.entry-title:visited, h4.entry-title, h4.entry-title a, h4.entry-title a:link, h4.entry-title:visited, .entry-title a, .entry-title a:link, .entry-title:visited { text-transform:uppercase; font-size:15px !important; line-height:17px !important; } h2.entry-title a { margin-top:10px; color:#000000; padding-top:20px; font-weight:700; letter-spacing: 1px; } h2.entry-title a:link, h2.entry-title a:visited { color: #000000; } h2.entry-title a:hover { color: #F37021; } .wpb_content_element h2 { margin-top: 20px; } h4.entry-title, .wpb_text_column h4.entry-title, h2.wpb_singleimage_heading { margin-top: 0px; padding-top: 0px; margin-bottom: 10px; padding-bottom: 0px; text-transform:uppercase; letter-spacing:1px; font-style: normal !important; font-weight:400 !important; color: #F37021; } .upw-posts article { padding-top: 20px; padding-bottom: 5px; } #layout_blog .upw-posts article { margin-bottom: 0; } h4.entry-title a { text-decoration:none; margin-top:10px; color:#F37021; padding-top:10px; } h4.entry-title a:link, h4.entry-title a:visited { color: #F37021; } h4.entry-title a:hover { color: #000000; } .fa-bars { display: none; } .post-meta { padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px #F37021 solid; } /* things from September */ .icon { display:block; width: 55px; height: 55px; } .icon.CX, a.icon.CX:link, a.icon.CX:visited { background: transparent url('assets/images/inquba-CX.png') no-repeat top left; } .icon.CX.white, a.icon.CX.white:link, a.icon.CX.white:visited { background: transparent url('assets/images/inquba-CX-white.png') no-repeat top left; } a .icon.CX:hover { background: transparent url('assets/images/inquba-CX-orange.png') no-repeat top left; } .icon.CM, a.icon.CM:link, a.icon.CM:visited { background: transparent url('assets/images/inquba-CM.png') no-repeat top left; } .icon.CM.white, a.icon.CM.white:link, a.icon.CM.white:visited { background: transparent url('assets/images/inquba-CM-white.png') no-repeat top left; } a .icon.CM:hover { background: transparent url('assets/images/inquba-CM-orange.png') no-repeat top left; } .icon.JA, a.icon.JA:link, a.icon.JA:visited { background: transparent url('assets/images/inquba-JA.png') no-repeat top left; } .icon.JA.white, a.icon.JA.white:link, a.icon.JA.white:visited { background: transparent url('assets/images/inquba-JA-white.png') no-repeat top left; } a .icon.JA:hover { background: transparent url('assets/images/inquba-JA-orange.png') no-repeat top left; } .icon.SM, a .icon.SM:link, a .icon.SM:visited { background: transparent url('assets/images/inquba-SM.png') no-repeat top left; } .icon.SM.white, a .icon.SM.white:link, a .icon.SM.white:visited { background: transparent url('assets/images/inquba-SM-white.png') no-repeat top left; } a .icon.SM:hover { background: transparent url('assets/images/inquba-SM-orange.png') no-repeat top left; } .icon.WD, a .icon.WD:link, a .icon.WD:visited { background: transparent url('assets/images/inquba-WD.png') no-repeat top left; } .icon.WD.white, a .icon.WD.white:link, a .icon.WD.white:visited { background: transparent url('assets/images/inquba-WD-white.png') no-repeat top left; } a .icon.WD:hover { background: transparent url('assets/images/inquba-WD-orange.png') no-repeat top left; } .icon.EN, a .icon.EN:link, a .icon.EN:visited { background: transparent url('assets/images/inquba-EN.png') no-repeat top left; } .icon.EN.white, a .icon.EN.white:link, a .icon.EN.white:visited { background: transparent url('assets/images/inquba-EN-white.png') no-repeat top left; } a .icon.EN:hover { background: transparent url('assets/images/inquba-EN-orange.png') no-repeat top left; } .icon.case-study, a .icon.case-study:link, a .icon.case-study:visited { background: transparent url('assets/images/icon-case-study.png') no-repeat top center; font-size:11px; line-height: 14px; /* Space between icon and caption */ font-weight:700; font-stretch: condensed; letter-spacing: 1px; color: #777; text-transform:uppercase; padding-top: 58px; width: 84px; height: 84px; text-align:center; } .icon.case-study.black, a .icon.case-study.black:link, a .icon.case-study.black:visited { background: transparent url('assets/images/icon-case-study-black.png') no-repeat top center; } a.icon.case-study:hover { background: transparent url('assets/images/icon-case-study-orange.png') no-repeat top center; } /*.vc_grid-container-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block { /*.vc_gitem-zone { border: 1px solid #cbcbcb !important; }*/ /* logos on customers - HTML way */ .logos, a.logos, a.logos:link, a.logos:visited, a.logos:hover { display: block; width: 208px; height: 208px; border: 1px solid #999; margin: 15px; float:left; } a.logos:hover { background: #C3C3C3; opacity: 0.5; } .goodyear, a.logos.goodyear:hover { background: transparent url('assets/images/logos2020/goodyear.png') no-repeat top left; } a.logos.goodyear.case:hover { background: transparent url('assets/images/logos2020/goodyear-CS.png') no-repeat top left; } .capgemini, a.logos.capgemini:hover { background: transparent url('assets/images/logos2020/capgemini.png') no-repeat top left; } a.logos.capgemini.case:hover { background: transparent url('assets/images/logos2020/capgemini-CS.png') no-repeat top left; } .american_M, a.logos.american_M:hover { background: transparent url('assets/images/logos2020/american_M.png') no-repeat top left; } a.logos.american_M.case:hover { background: transparent url('assets/images/logos2020/american_M-CS.png') no-repeat top left; } .nswhealthshare, a.logos.nswhealthshare:hover { background: transparent url('assets/images/logos2020/nsw.png.png') no-repeat top left; } a.logos.nswhealthshare.case:hover { background: transparent url('assets/images/logos2020/nsw.png-CS.png') no-repeat top left; } .britishairways, a.logos.britishairways:hover { background: transparent url('assets/images/logos2020/BA.png') no-repeat top left; } a.logos.britishairways.case:hover { background: transparent url('assets/images/logos2020/BA-CS.png') no-repeat top left; } .discoveryV, a.logos.discoveryV:hover { background: transparent url('assets/images/logos2020/discoveryV.png') no-repeat top left; } a.logos.discoveryV.case:hover { background: transparent url('assets/images/logos2020/discoveryV-CS.png') no-repeat top left; } .oldmutual, a.logos.oldmutual:hover { background: transparent url('assets/images/logos2020/oldmutual.png') no-repeat top left; } a.logos.oldmutual.case:hover { background: transparent url('assets/images/logos2020/oldmutual-CS.png') no-repeat top left; } .coronation, a.logos.coronation:hover { background: transparent url('assets/images/logos2020/coronation.png') no-repeat top left; } a.logos.coronation.case:hover { background: transparent url('assets/images/logos2020/coronation-CS.png') no-repeat top left; } .wesbank, a.logos.wesbank:hover { background: transparent url('assets/images/logos2020/wesbank.png') no-repeat top left; } a.logos.wesbank.case:hover { background: transparent url('assets/images/logos2020/wesbank-CS.png') no-repeat top left; } .absa, a.logos.absa:hover { background: transparent url('assets/images/logos2020/absa.png') no-repeat top left; } a.logos.absa.case:hover { background: transparent url('assets/images/logos2020/absa-CS.png') no-repeat top left; } .vitalitylife, a.logos.vitalitylife:hover { background: transparent url('assets/images/logos2020/vitality.png') no-repeat top left; } a.logos.vitalitylife.case:hover { background: transparent url('assets/images/logos2020/vitality-CS.png') no-repeat top left; } .capitec, a.logos.capitec:hover { background: transparent url('assets/images/logos2020/capitec.png') no-repeat top left; } a.logos.capitec.case:hover { background: transparent url('assets/images/logos2020/capitec-CS.png') no-repeat top left; } .africanbank, a.logos.africanbank:hover { background: transparent url('assets/images/logos2020/africanbank.png') no-repeat top left; } a.logos.africanbank.case:hover { background: transparent url('assets/images/logos2020/africanbank-CS.png') no-repeat top left; } .telkomm, a.logos.telkomm:hover { background: transparent url('assets/images/logos2020/telkomm.png') no-repeat top left; } a.logos.telkomm.case:hover { background: transparent url('assets/images/logos2020/telkomm-CS.png') no-repeat top left; } .telkom, a.logos.telkom:hover { background: transparent url('assets/images/logos2020/telkom.png') no-repeat top left; } a.logos.telkom.case:hover { background: transparent url('assets/images/logos2020/telkom-CS.png') no-repeat top left; } .liquid, a.logos.liquid:hover { background: transparent url('assets/images/logos2020/liquid2022.png') no-repeat top left; } a.logos.liquid.case:hover { background: transparent url('assets/images/logos2020/liquid2022-CS.png') no-repeat top left; } .seacom, a.logos.seacom:hover { background: transparent url('assets/images/logos2020/seacom.png') no-repeat top left; } a.logos.seacom.case:hover { background: transparent url('assets/images/logos2020/seacom-CS.png') no-repeat top left; } .PPS, a.logos.PPS:hover { background: transparent url('assets/images/logos2020/PPS.png') no-repeat top left; } a.logos.PPS.case:hover { background: transparent url('assets/images/logos2020/PPS-CS.png') no-repeat top left; } .CellC, a.logos.CellC:hover { background: transparent url('assets/images/logos2020/CellC.png') no-repeat top left; } a.logos.CellC.case:hover { background: transparent url('assets/images/logos2020/CellC-CS.png') no-repeat top left; } .kulula, a.logos.kulula:hover { background: transparent url('assets/images/logos2020/kulula.png') no-repeat top left; } a.logos.kulula.case:hover { background: transparent url('assets/images/logos2020/kulula-CS.png') no-repeat top left; } .comair, a.logos.comair:hover { background: transparent url('assets/images/logos2020/comair.png') no-repeat top left; } a.logos.comair.case:hover { background: transparent url('assets/images/logos2020/comair-CS.png') no-repeat top left; } .tfg, a.logos.tfg:hover { background: transparent url('assets/images/logos2020/tfg.png') no-repeat top left; } a.logos.tfg.case:hover { background: transparent url('assets/images/logos2020/tfg-CS.png') no-repeat top left; } .virginA, a.logos.virginA:hover { background: transparent url('assets/images/logos2020/virgin.png') no-repeat top left; } a.logos.virginA.case:hover { background: transparent url('assets/images/logos2020/virgin-CS.png') no-repeat top left; } .sun, a.logos.sun:hover { background: transparent url('assets/images/logos2020/sun.png') no-repeat top left; } a.logos.sun.case:hover { background: transparent url('assets/images/logos2020/sun-CS.png') no-repeat top left; } .MRP, a.logos.MRP:hover { background: transparent url('assets/images/logos2020/MRP.png') no-repeat top left; } a.logos.MRP.case:hover { background: transparent url('assets/images/logos2020/MRP-CS.png') no-repeat top left; } .rebosis, a.logos.rebosis:hover { background: transparent url('assets/images/logos2020/rebosis.png') no-repeat top left; } a.logos.rebosis.case:hover { background: transparent url('assets/images/logos2020/rebosis-CS.png') no-repeat top left; } .villagecinemas, a.logos.villagecinemas:hover { background: transparent url('assets/images/logos2020/village_cinemas.png') no-repeat top left; } a.logos.villagecinemas.case:hover { background: transparent url('assets/images/logos2020/village_cinemas-CS.png') no-repeat top left; } /*unused customers .aami, a.logos.aami:hover { background: transparent url('assets/images/logos/aami.png') no-repeat top left; } a.logos.aami.case:hover { background: transparent url('assets/images/logos/aami-CS.png') no-repeat top left; } american_Mamerican_M .nationalinterstate, a.logos.nationalinterstate:hover { background: transparent url('assets/images/logos/National_Interstate.png') no-repeat top left; } a.logos.nationalinterstate.case:hover { background: transparent url('assets/images/logos/National_Interstate-CS.png') no-repeat top left; } .suncorpb, a.logos.suncorpb:hover { background: transparent url('assets/images/logos/suncorpbank.png') no-repeat top left; } a.logos.suncorpb.case:hover { background: transparent url('assets/images/logos/suncorpbank-CS.png') no-repeat top left; } .gio, a.logos.gio:hover { background: transparent url('assets/images/logos/GIO.png') no-repeat top left; } a.logos.gio.case:hover { background: transparent url('assets/images/logos/GIO-CS.png') no-repeat top left; } .bingle, a.logos.bingle:hover { background: transparent url('assets/images/logos/bingle.png') no-repeat top left; } a.logos.bingle.case:hover { background: transparent url('assets/images/logos/bingle-CS.png') no-repeat top left; } .vero, a.logos.vero:hover { background: transparent url('assets/images/logos/vero.png') no-repeat top left; } a.logos.vero.case:hover { background: transparent url('assets/images/logos/vero-CS.png') no-repeat top left; } .cil, a.logos.cil:hover { background: transparent url('assets/images/logos/CIL.png') no-repeat top left; } a.logos.cil.case:hover { background: transparent url('assets/images/logos/CIL-CS.png') no-repeat top left; } .apia, a.logos.apia:hover { background: transparent url('assets/images/logos/apia.png') no-repeat top left; } a.logos.apia.case:hover { background: transparent url('assets/images/logos/apia-CS.png') no-repeat top left; } .shannons, a.logos.shannons:hover { background: transparent url('assets/images/logos/shannons.png') no-repeat top left; } a.logos.shannons.case:hover { background: transparent url('assets/images/logos/shannons-CS.png') no-repeat top left; } .aa, a.logos.aa:hover { background: transparent url('assets/images/logos/AAinsurance.png') no-repeat top left; } a.logos.aa.case:hover { background: transparent url('assets/images/logos/AAinsurance-CS.png') no-repeat top left; } .aami, a.logos.aami:hover { background: transparent url('assets/images/logos/aami.png') no-repeat top left; } a.logos.aami.case:hover { background: transparent url('assets/images/logos/aami-CS.png') no-repeat top left; } american_Mamerican_M .beaurepaires, a.logos.beaurepaires:hover { background: transparent url('assets/images/logos/beaurepaires.png') no-repeat top left; } a.logos.beaurepaires.case:hover { background: transparent url('assets/images/logos/beaurepaires-CS.png') no-repeat top left; } .britishairways, a.logos.britishairways:hover { background: transparent url('assets/images/logos/britishairways.png') no-repeat top left; } a.logos.britishairways.case:hover { background: transparent url('assets/images/logos/britishairways-CS.png') no-repeat top left; } .atoc, a.logos.atoc:hover { background: transparent url('assets/images/logos/atoc.png') no-repeat top left; } a.logos.atoc.case:hover { background: transparent url('assets/images/logos/atoc-CS.png') no-repeat top left; } .fnb, a.logos.fnb:hover { background: transparent url('assets/images/logos/fnb.png') no-repeat top left; } a.logos.fnb.case:hover { background: transparent url('assets/images/logos/fnb-CS.png') no-repeat top left; } .blue_label, a.logos.blue_label:hover { background: transparent url('assets/images/logos/blue_label.png') no-repeat top left; } a.logos.blue_label.case:hover { background: transparent url('assets/images/logos/blue_label-CS.png') no-repeat top left; } .westpac, a.logos.westpac:hover { background: transparent url('assets/images/logos/westpac.png') no-repeat top left; } a.logos.westpac.case:hover { background: transparent url('assets/images/logos/westpac-CS.png') no-repeat top left; } .multichoice, a.logos.multichoice:hover { background: transparent url('assets/images/logos/multichoice.png') no-repeat top left; } a.logos.multichoice.case:hover { background: transparent url('assets/images/logos/multichoice-CS.png') no-repeat top left; } .hollard, a.logos.hollard:hover { background: transparent url('assets/images/logos/hollard.png') no-repeat top left; } a.logos.hollard.case:hover { background: transparent url('assets/images/logos/hollard-CS.png') no-repeat top left; } .liberty, a.logos.liberty:hover { background: transparent url('assets/images/logos/liberty.png') no-repeat top left; } a.logos.liberty.case:hover { background: transparent url('assets/images/logos/liberty-CS.png') no-repeat top left; } .clientelelife, a.logos.clientelelife:hover { background: transparent url('assets/images/logos/clientele_life.png') no-repeat top left; } a.logos.clientelelife.case:hover { background: transparent url('assets/images/logos/clientele_life-CS.png') no-repeat top left; } .momentum, a.logos.momentum:hover { background: transparent url('assets/images/logos/momentum.png') no-repeat top left; } a.logos.momentum.case:hover { background: transparent url('assets/images/logos/momentum-CS.png') no-repeat top left; } .directaxis, a.logos.directaxis:hover { background: transparent url('assets/images/logos/direct_axis.png') no-repeat top left; } a.logos.directaxis.case:hover { background: transparent url('assets/images/logos/direct_axis-CS.png') no-repeat top left; } .stanlib, a.logos.stanlib:hover { background: transparent url('assets/images/logos/stanlib.png') no-repeat top left; } a.logos.stanlib.case:hover { background: transparent url('assets/images/logos/stanlib-CS.png') no-repeat top left; } .nedbank, a.logos.nedbank:hover { background: transparent url('assets/images/logos/nedbank.png') no-repeat top left; } a.logos.nedbank.case:hover { background: transparent url('assets/images/logos/nedbank-CS.png') no-repeat top left; } .standardbank, a.logos.standardbank:hover { background: transparent url('assets/images/logos/standardbank.png') no-repeat top left; } a.logos.standardbank.case:hover { background: transparent url('assets/images/logos/standardbank-CS.png') no-repeat top left; } .virginmobile, a.logos.virginmobile:hover { background: transparent url('assets/images/logos/virgin_mobile.png') no-repeat top left; } a.logos.virginmobile.case:hover { background: transparent url('assets/images/logos/virgin_mobile-CS.png') no-repeat top left; } .telkommobile, a.logos.telkommobile:hover { background: transparent url('assets/images/logos/telkom_mobile.png') no-repeat top left; } a.logos.telkommobile.case:hover { background: transparent url('assets/images/logos/telkom_mobile-CS.png') no-repeat top left; } .eoh, a.logos.eoh:hover { background: transparent url('assets/images/logos/eoh.png') no-repeat top left; } a.logos.eoh.case:hover { background: transparent url('assets/images/logos/eoh-CS.png') no-repeat top left; } .internetsolutions, a.logos.internetsolutions:hover { background: transparent url('assets/images/logos/internet_solutions.png') no-repeat top left; } a.logos.internetsolutions.case:hover { background: transparent url('assets/images/logos/internet_solutions-CS.png') no-repeat top left; } .healthbridge, a.logos.healthbridge:hover { background: transparent url('assets/images/logos/healthbridge.png') no-repeat top left; } a.logos.healthbridge.case:hover { background: transparent url('assets/images/logos/healthbridge-CS.png') no-repeat top left; } .truworths, a.logos.truworths:hover { background: transparent url('assets/images/logos/truworths.png') no-repeat top left; } a.logos.truworths.case:hover { background: transparent url('assets/images/logos/truworths-CS.png') no-repeat top left; } .edcon, a.logos.edcon:hover { background: transparent url('assets/images/logos/edcon2.png') no-repeat top left; } a.logos.edcon.case:hover { background: transparent url('assets/images/logos/edcon2-CS.png') no-repeat top left; } .goodyeardunlop, a.logos.goodyeardunlop:hover { background: transparent url('assets/images/logos/goodyear_dunlop.png') no-repeat top left; } a.logos.goodyeardunlop.case:hover { background: transparent url('assets/images/logos/goodyear_dunlop-CS.png') no-repeat top left; } .sterkinekor, a.logos.sterkinekor:hover { background: transparent url('assets/images/logos/ster_kinekor.png') no-repeat top left; } a.logos.sterkinekor.case:hover { background: transparent url('assets/images/logos/ster_kinekor-CS.png') no-repeat top left; } .lifehealthcare, a.logos.lifehealthcare:hover { background: transparent url('assets/images/logos/life_healthcare.png') no-repeat top left; } a.logos.lifehealthcare.case:hover { background: transparent url('assets/images/logos/life_healthcare-CS.png') no-repeat top left; } .gautrain, a.logos.gautrain:hover { background: transparent url('assets/images/logos/gautrain.png') no-repeat top left; } a.logos.gautrain.case:hover { background: transparent url('assets/images/logos/gautrain-CS.png') no-repeat top left; } .miway, a.logos.miway:hover { background: transparent url('assets/images/logos/miway.png') no-repeat top left; } a.logos.miway.case:hover { background: transparent url('assets/images/logos/miway-CS.png') no-repeat top left; } .suncorp, a.logos.suncorp:hover { background: transparent url('assets/images/logos/suncorp.png') no-repeat top left; } a.logos.suncorp.case:hover { background: transparent url('assets/images/logos/suncorp-CS.png') no-repeat top left; } .neopak, a.logos.neopak:hover { background: transparent url('assets/images/logos/neopak.png') no-repeat top left; } a.logos.neopak.case:hover { background: transparent url('assets/images/logos/neopak-CS.png') no-repeat top left; } .rdg, a.logos.rdg:hover { background: transparent url('assets/images/logos/rdg.png') no-repeat top left; } a.logos.rdg.case:hover { background: transparent url('assets/images/logos/rdg-CS.png') no-repeat top left; } .discovery, a.logos.discovery:hover { background: transparent url('assets/images/logos/discovery.png') no-repeat top left; } a.logos.discovery.case:hover { background: transparent url('assets/images/logos/discovery-CS.png') no-repeat top left; } .integri, a.logos.integri:hover { background: transparent url('assets/images/logos/integri.png') no-repeat top left; } a.logos.integri.case:hover { background: transparent url('assets/images/logos/integri-CS.png') no-repeat top left; } .Safaricom, a.logos.Safaricom:hover { background: transparent url('assets/images/logos/Safaricom.png') no-repeat top left; } a.logos.Safaricom.case:hover { background: transparent url('assets/images/logos/Safaricom-CS.png') no-repeat top left; } .MTN, a.logos.MTN:hover { background: transparent url('assets/images/logos/MTN.png') no-repeat top left; } a.logos.MTN.case:hover { background: transparent url('assets/images/logos/MTN-CS.png') no-repeat top left; } */ /* Resources */ .vc_grid-item-mini .vc_custom_heading { display: block; clear:left; clear: right; height: 30px !important; } .vc_grid-item-mini .vc_custom_heading div { /* heading */ font-size: 18px; line-height: 20px; width: 100%; font-weight: 400; color: #000; font-style:italic; letter-spacing: 1px; vertical-align:bottom; } .vc_grid-item-mini .vc_gitem-post-data div p { /* text */ color: #000; font-size: 14px; line-height: 20px; font-style:normal; letter-spacing: 0px; font-weight: normal; padding-top: 15px; } .vc_grid-item-mini .vc_gitem-post-data div p, .vc_grid-item-mini .wpb_single_image div { margin-top: 10px; } /* new things from October */ .checkleft { float: left; position:relative; left: -70px; top: 28px; } .less-then-2-3 { padding-right: 10%; } p.less-then-2-3 { margin-right: 25%; } /* new things from November */ /* Contact Us PopUp div#popmake-1709 .popmake-title { display: none; } */ #contact-page, #contact-page2, #contact-page2b { display: block; width: 100%; } #contact-page2, #contact-page2b { margin: 0; padding: 0; } #contact-form, #contact-form2 { clear:left; float:left; display: block; width: 48%; margin-right: 2%; padding: 20px; padding-top: 0; background: #FFFFFF; border: 1px solid #ccc; } #contact-form2b { clear:right; float:left; display: block; width: 48%; padding: 20px; padding-top: 45px; margin-bottom: 24px; border: 1px solid #ccc; } #details, #details2 { clear:right; float:left; display: block; width: 50%; } #details2 { width: 45%; } #details2b-left { clear:left; float:left; display: block; margin-right: 5%; width: 45%; } #details2b-right { clear:right; float:left; display: block; width: 50%; } #contact-form2 { width: 45%; } #contact-form2b { width: 92%; float: left; } #call-us, #call-us2, #call-us2b { float:left; display: block; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 2%; padding: 20px; padding-top: 0; border: 1px solid #ccc; } #call-us2b { width: 95% !important; } #call-us .pop-main, #call-us2 .pop-main { margin-top: 25px; margin-bottom: 0px; padding: 0px; } #email-us, #email-us2, #email-us2b { text-align:center; height:160px; float:left; display: block; width: 50%; margin-top: 2%; margin-left: 0; margin-right: 2%; margin-bottom: 2%; padding: 0px; padding-top: 0; border: 1px solid #ccc; } #email-us2 { width: 50%; } #follow-us, #follow-us2 { text-align:center; height:160px; float:left; display: block; width: 46%; margin-top: 2%; margin-left: 2%; margin-right: 0; margin-bottom: 2%; padding: 0px; padding-top: 0; border: 1px solid #ccc; } #follow-us2 { width: 43%; } #follow-us2 .followusbuts { } #email-us2b, #follow-us2b { text-align:left; height:80px; margin-bottom: 14px; float:left; display: block; width: 100%; border: 1px solid #ccc; } .details-col { display: compact; width: 50%; float: left; } .details-col h2 { padding-left: 15px; padding-top: 7px; } .col-100 { display: compact; width: 100%; float: left; } .col-50 { display: compact; width: 50%; float: left; } .col-100 p, .col-50 p { font-size:12px !important; letter-spacing: 0px !important; line-height: 140%; margin-top: -10px; } .form-element-field13 { /* tick */ position:absolute; margin-left: -25%; width: 130% !important; } .mapme { margin-top: 10px; margin-bottom: 20px; width:95%; max-width:95%; overflow:hidden; height:180px; color:red; } .ng-scope, .ng-scope input, .ng-scope select { font-size: 11px !important; line-height: 20px !important; color:#999; } .ng-scope .submit-cover { text-align:center !important; } /* emails */ .e-info, .e-info:link, .e-info:visited, .e-info:hover { /*, a:link #e-info, a:hover #e-info, a:visted #e-info {*/ display:block; float: left; margin: 0; padding: 0; width: 70px; height: 55px; background-size:contain; background: transparent url('assets/images/info.png') no-repeat 0 0; } .e-info:hover { background: transparent url('assets/images/info_o.png') no-repeat 0 0; } #preload-info { background: url('assets/images/info_o.png') no-repeat -9999px -9999px; } .e-sales, .e-sales:link, .e-sales:visited, .e-sales:hover { display:block; float: left; margin: 0; padding: 0; width: 70px; height: 55px; background-size:contain; background: transparent url('assets/images/sales.png') no-repeat 0 0; } .e-sales:hover { background: transparent url('assets/images/sales_o.png') no-repeat 0 0; } #preload-sales { background: url('assets/images/sales_o.png') no-repeat -9999px -9999px; } .e-support, .e-support:link, .e-support:visited, .e-support:hover { display:block; float: left; margin: 0; padding: 0; width: 70px; height: 55px; background-size:contain; background: transparent url('assets/images/support.png') no-repeat 0 0; } .e-support:hover { background: transparent url('assets/images/support_o.png') no-repeat 0 0; } #preload-support { background: url('assets/images/support_o.png') no-repeat -9999px -9999px; } /* social */ .s-tw, .s-tw:link, .s-tw:visited, .s-tw:hover { display:block; float: left; margin: 0; padding: 0; width: 42px; height: 41px; background: transparent url('assets/images/twitter2.png') no-repeat 0 0; } .s-tw:hover { background: transparent url('assets/images/twitter2_o.png') no-repeat 0 0; } #preload-tw { background: url('assets/images/twitter2_o.png') no-repeat -9999px -9999px; } .s-fb, .s-fb:link, .s-fb:visited, .s-fb:hover { display:block; float: left; margin: 0; padding: 0; margin-right:10px; width: 42px; height: 41px; background: transparent url('assets/images/facebook2.png') no-repeat 0 0; } .s-fb:hover { background: transparent url('assets/images/facebook2_o.png') no-repeat 0 0; } #preload-fb { background: url('assets/images/facebook2_o.png') no-repeat -9999px -9999px; } .s-in, .s-in:link, .s-in:visited, .s-in:hover { display:block; float: left; margin: 0; padding: 0; margin-right:10px; width: 42px; height: 41px; background: transparent url('assets/images/linkedin2.png') no-repeat 0 0; } .s-in:hover { background: transparent url('assets/images/linkedin2_o.png') no-repeat 0 0; } #preload-in { background: url('assets/images/linkedin2_o.png') no-repeat -9999px -9999px; } /* bigger icons at 80px ---------------------------------------- Added 2016 */ /* emails */ .ii-info, .ii-info:link, .ii-info:visited, .ii-info:hover { display:block; float: left; margin: 0; padding: 0; width: 80px; height: 80px; background-size:contain; background: transparent url('assets/images/info-f.png') no-repeat 0 0; } .ii-info:hover { background: transparent url('assets/images/info-o.png') no-repeat 0 0; } #preload-info-ii { background: url('assets/images/info-o.png') no-repeat -9999px -9999px; } .ii-sales, .ii-sales:link, .ii-sales:visited, .ii-sales:hover { display:block; float: left; margin: 0; padding: 0; width: 80px; height: 80px; background-size:contain; background: transparent url('assets/images/sales-f.png') no-repeat 0 0; } .ii-sales:hover { background: transparent url('assets/images/sales-o.png') no-repeat 0 0; } #preload-sales-ii { background: url('assets/images/sales-o.png') no-repeat -9999px -9999px; } .ii-support, .ii-support:link, .ii-support:visited, .ii-support:hover { display:block; float: left; margin: 0; padding: 0; width: 80px; height: 80px; background-size:contain; background: transparent url('assets/images/support-f.png') no-repeat 0 0; } .ii-support:hover { background: transparent url('assets/images/support-o.png') no-repeat 0 0; } #preload-support-ii { background: url('assets/images/support-o.png') no-repeat -9999px -9999px; } /* social */ .ii-tw, .ii-tw:link, .ii-tw:visited, .ii-tw:hover { display:block; float: left; margin: 0; padding: 0; margin-top: 4px; width: 80px; height: 75px; background: transparent url('assets/images/tw-f.png') no-repeat 0 0; } .ii-tw:hover { background: transparent url('assets/images/tw-o.png') no-repeat 0 0; } #preload-tw-ii { background: url('assets/images/tw-o.png') no-repeat -9999px -9999px; } .ii-fb, .ii-fb:link, .ii-fb:visited, .ii-fb:hover { display:block; float: left; margin: 0; padding: 0; margin-top: 4px; width: 80px; height: 75px; background: transparent url('assets/images/fb-f.png') no-repeat 0 0; } .ii-fb:hover { background: transparent url('assets/images/fb-o.png') no-repeat 0 0; } #preload-fb-ii { background: url('assets/images/fb-o.png') no-repeat -9999px -9999px; } .ii-in, .ii-in:link, .ii-in:visited, .ii-in:hover { display:block; float: left; margin: 0; padding: 0; margin-top: 4px; width: 80px; height: 75px; background: transparent url('assets/images/in-f.png') no-repeat 0 0; } .ii-in:hover { background: transparent url('assets/images/in-o.png') no-repeat 0 0; } #preload-in-ii { background: url('assets/images/in-o.png') no-repeat -9999px -9999px; } #call-us2b .top-col { margin-top: -15px !important; padding-top: 0px !important; } /* Services Icons below tree */ .product-icons-wrap { display: compact; text-align:center; } .hicon { display:block; width: 68px; height: 68px; overflow:hidden; margin-right: 5px; } .hicon.CX, a.hicon.CX:link, a.hicon.CX:visited, .hicon.CX.white, a.hicon.CX.white:link, a.hicon.CX.white:visited { background: transparent url('assets/images/inquba-CX-hi-white.png') no-repeat top left; } a .hicon.CX:hover { background: transparent url('assets/images/inquba-CX-hi-orange.png') no-repeat top left; } .hicon.SM, a .hicon.SM:link, a .hicon.SM:visited, .hicon.SM.white, a .hicon.SM.white:link, a .hicon.SM.white:visited { background: transparent url('assets/images/inquba-SM-hi-white.png') no-repeat top left; } a .hicon.SM:hover { background: transparent url('assets/images/inquba-SM-hi-orange.png') no-repeat top left; } .hicon.JA, a .hicon.JA:link, a .hicon.JA:visited, .hicon.JA.white, a .hicon.JA.white:link, a .hicon.JA.white:visited { background: transparent url('assets/images/inquba-JA-hi-white.png') no-repeat top left; } a .hicon.JA:hover { background: transparent url('assets/images/inquba-JA-hi-orange.png') no-repeat top left; } .hicon.WD, a .hicon.WD:link, a .hicon.WD:visited, .hicon.WD.white, a .hicon.WD.white:link, a .hicon.WD.white:visited { background: transparent url('assets/images/inquba-WD-hi-white.png') no-repeat top left; } a .hicon.WD:hover { background: transparent url('assets/images/inquba-WD-hi-orange.png') no-repeat top left; } .hicon.EN, a .hicon.EN:link, a .hicon.EN:visited, .hicon.EN.white, a .hicon.EN.white:link, a .hicon.EN.white:visited { background: transparent url('assets/images/inquba-EN-hi-white.png') no-repeat top left; } a .hicon.EN:hover { background: transparent url('assets/images/inquba-EN-hi-orange.png') no-repeat top left; } .hicon.CM, a .hicon.CM:link, a .hicon.CM:visited, .hicon.CM.white, a .hicon.CM.white:link, a .hicon.CM.white:visited { background: transparent url('assets/images/inquba-CM-hi-white.png') no-repeat top left; } a .hicon.CM:hover { background: transparent url('assets/images/inquba-CM-hi-orange.png') no-repeat top left; } #service-col-23 { /* 2/3 */ display: block; float:left; width: 62%; padding-top: 20px; padding-bottom: 20px; } #service-col-13 { /* 1/3 */ display: flex; float:left; width: 38%; padding-top: 20px; align-content:flex-end } #service-icons-group { display: compact; float:right; margin-right: 30px; padding-top: 20px; padding-bottom: 20px; } img.service-tree { width: 100%; } .margin-25l { /* at normal 25% margin in column - services 2 */ margin-right: 25% !important; } .margin-25r { /* at normal 25% margin in column - services 2 */ margin-right: 25% !important; } .margin-30r { /* at normal 30% margin in column - services 2 */ margin-right: 30% !important; } .margin-35r { /* at normal 35% margin in column - services 2 */ margin-right: 35% !important; } .floatcenter { display:block; width: 100%; float: none; text-align:center !important; } #team-holder-row { margin-left:auto; margin-right:auto; width: 1200px; } @media(max-width:1100px){ #team-holder-row { min-height: 80%; } } @media(max-width:950px){ #team-holder-row { min-height: 85%; } } @media(max-width:768px){ #team-holder-row { min-height: 90%; } } @media(max-width:580px){ #team-holder-row { min-height: auto; max-width: 100%; text-align:center !important; } } #mrenzon { width: 30%; } #mrenzon img { width: 100% !important; } #mrenzon-text { width: 50%; padding-top: 50px; padding-left: 2%; padding-right: 18%; } #trossini { width: 40%; } #trossini img { width: 100% !important; } #trossini-text { width: 60%; } /* below block within text block above < > */ #pcole { width: 40%; } #pcole img { width: 100% !important; } #pcole-text { width: 60%; } #dgouvias { width: 29%; clear:left; } #dgouvias img { width: 100% !important; } #dgouvias-text { width: 68%; padding-left: 3%; padding-top: 20px; } .photo-block { display:block; width:auto; height:auto; } .photo-block.left { float:left; } .photo-block.right { float:right; } .text-block.left { float:left; } .text-block.right { float:right; } #email-us .mailusbuts { width: 228px; margin: 0 auto; } #follow-us .followusbuts, #follow-us2 .followusbuts { width: 146px; margin: 0 auto; } #contact-form form, #contact-form2 form { /* fluid fix */ width: 99% !important; } .mediumlightwhite, .mediumlightwhite strong, .mediumlightblack, .mediumlightblack strong { font-size: 32px; line-height: 40px; font-weight: 700; } .mediumlightwhiteja, .mediumlightwhiteja strong { font-size: 32px; line-height: 120%; font-weight: 700; } .mediumlightwhite2, .mediumlightwhite2 strong { font-size: 18px; line-height: 24px; font-weight: 400; } .smalllightwhite, .smalllightblack { font-size: 15px; line-height: 20px; } .omni-col img { width: 100%; } #cx-omni .wpb_text_column { margin-left: 20px; } #cx-omni .wpb_single_image { margin-left: -150px; } /* FormCraft Pro */ .main-label { font-size:12px; font-weight:normal; } /* Contact us pop pages */ #contact-page2b, #contact-page, #contact-page2b-pop { margin-top: 30px; } #contact-form2, #contact-form { padding-top: 30px !important; } #contact-page2b-pop #details2b-left { width: 49% !important; margin-right: 1% !important; } #contact-page2b-pop #details2b-right { width: 50% !important; } #contact-page2b-pop #contact-form2b { width: 100% !important; } #contact-page2b-pop .col-50 p { margin-top: 20px; } #contact-page2b-pop .details-col { width: 55% !important; } #contact-page2b-pop #follow-us2b, #contact-page2b-pop #email-us2b { min-height: 85px; height: 85px !important; } #contact-page2b-pop .details-col:first-child { width: 45% !important; } /*#contact-page2b-pop #follow-us2b h2.pop-main, #contact-page2b-pop #email-us2b h2.pop-main { max-width: 48% !important; width: 48% !important; }*/ /* for mobile use only */ .cx-screen-left, .cx-screen-right, .en-screen-left, .en-screen-right, .sm-screen-left, .sm-screen-right, .wd-phone-right, .wd-screen-right, .ind-screen-left, .ind-screen-right, .srv-screen-right, .home-screen-mobile { display: none; } #contact-us-mobile, #contact-au-mobile { display: none; } #contact-us-popup, #contact-au-popup { display: inline-block; } #home-buts .button.orangebut { margin-top: 0px !important; margin-bottom: 20px !important; } #home-buts .contact.button.orangebut { margin-top: -20px !important; } /* Carousel for logos */ .tape-logos { margin: 0px; padding: 0px; } .jw_easy_slider_name { display:none; } .jcarousel-wrapper { margin: 0px !important; padding: 0px !important; border: 0px none !important; box-shadow:none !important; height: 36px !important; } .easy-logo_image { height: 36px !important; max-height: 36px !important; margin: 0px !important; } .jcarousel-control-prev, .jcarousel-control-next, .jcarousel-pagination { display: none !important; } .jcarousel li { margin: 0px !important; padding: 0px !important; margin-left: 0px !important; margin-right: 20px !important; height: 36px !important; } .jcarousel { padding: 0px; margin: 0px; margin-left: 0px; margin-right: 0px; width:100% !important; height: 40px !important; overflow:hidden; } #nav_menu-2 { margin-right: -5px; } /* line up the blog menu */ .mobile-guy { margin: 0px; padding: 0px; margin-left: -50%; width: 200% !important; } /* Live Chat */ .wp-live-chat-wraper { font-family: "Poppins", Helvetica, Arial, sans-serif !important; width: 380px; } #wp-live-chat-header { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:300 !important; } #wplc_chatbox { font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wp-live-chat { font-family: "Poppins", Helvetica, Arial, sans-serif !important; width: 380px; max-width: 380px; } #wp-live-chat-1 { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:normal !important; } #wp-live-chat-1 div { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:normal !important; } #wp-live-chat-1 div strong { /*Questions?*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:700 !important; } #wp-live-chat-2 div { /*Please click 'Start Chat' to initiate a chat with an agent*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-size: 14px; line-height: 140%; } #wp-live-chat-2-info { width: 100%; } #wp-live-chat-2 div strong, #wp-live-chat-2-info { /*Hello. Please input your details so that I may help you.*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:normal !important; font-size: 14px; line-height: 140%; } #wplc_start_chat_btn { /*Start Chat*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wp-live-chat-3 p { /*Connecting. Please be patient...*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wp-live-chat-react p { /*Reactivating your previous chat...*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wplc_chatbox span.wplc-admin-message { /*Welcome. How may I help you? */ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wp-live-chat-4 p { /*Press ENTER to send your message*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } #wplc_send_msg { /*Send*/ font-family: "Poppins", Helvetica, Arial, sans-serif !important; } /* Chat speaking with Agent */ .wplc-admin-message, .wplc-user-message { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-size: 14px; line-height: 140%; } .wplc-admin-message strong, .wplc-user-message strong { /* Admin */ font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-weight:700 !important; font-size: 14px; line-height: 140%; } .wplc-admin-message img, .wplc-user-message img { } .chat_time { font-family: "Poppins", Helvetica, Arial, sans-serif !important; } /* Menu TRY + BUY */ #MainNav { margin-right: -35px !important; } /* overwrite as you see a block now to align */ #MainNav a { padding-left: 10px; padding-right: 10px; } /* makes menu gaps smaller to allow for extra button */ /*********************************************************************************************/ #menu-item-2168 a, #menu-item-2618 a:link, #menu-item-2618 a:visited, /* Contact */ #menu-item-3219 a, #menu-item-3219 a:link, #menu-item-3219 a:visited, #menu-item-6938 a, #menu-item-6938 a:link, #menu-item-6938 a:visited { /* Demo */ background: #F37021 !important; color: #ffffff !important; } #menu-item-2168 a:hover, #menu-item-3219 a:hover, #menu-item-6938 a:hover { background: #FFFFFF !important; color: #F37021 !important; } /*#menu-item-2168 a, #menu-item-3219 a { display:none; }*/ #menu-item-6940 a, #menu-item-6941 a { display:none; } /***********************************************************************************************/ #news_row { background-color:#e5e5e5; margin: 0; padding: 0; /*padding-top: 15px; display:block; min-height: 300px; margin-bottom: 0px; width: 150%; margin-left: -25% !important; margin-right: -25% !important;*/ } #news_row .vc_gitem-post-data { margin: 0; padding: 0; } /* adjust news grey block feed on home page here */ #news_row .vc_col-sm-12 { margin: 0; padding: 0; display:block; min-height: 400px; height: 650px; } .news-shift-up { margin-top: -200px !important; } #news_row .vc_figure { /*width: 150px; height: 150px;*/ width: 85%; height: 85%; } #news_row .vc_gitem_row { margin: 0; padding: 0; display:block; } #news_row .vc_gitem-link { display:block; } #news_row .wpb_content_element { margin: 0; padding: 0; } #news_row .vc_gitem-post-data-source-post_excerpt { display:block; margin-top: -30px; margin-left: -20px; width: 100%; height: 143px !important; overflow:hidden; text-overflow: ellipsis !important; } #news_row .vc_gitem-post-data-source-post_excerpt div { display:block; } #news_row .vc_gitem-row-position-top { margin: 0; padding: 0; margin-top: 40px; margin-bottom: 0px; } #news_row .vc_gitem-row-position-middle { margin: 0; padding: 0; margin-top: -40px; margin-bottom: 0px; } #news_row .vmore a.vc_btn3-style-outline { /* button */ display:block; width: 130px !important; height: 25px !important; font-size:12px; padding: 0; padding-top: 3px; } #news_row .vmore a.vc_btn3-style-outline, #news_row .vmore a.vc_btn3-style-outline:link, #news_row .vmore a.vc_btn3-style-outline:visited { margin-left: -20px; color: #F37021 !important; } #news_row .vmore a.vc_btn3-style-outline:hover { color: #000000 !important; } /********************************************************************************************* #menu-item-2618 a, #menu-item-2618 a:link, #menu-item-2618 a:visited { /* Try + Buy Nav * background: #F37021 !important; color: #ffffff !important; } #menu-item-2618 a:hover { background: #FFFFFF !important; color: #F37021 !important; } ***********************************************************************************************/ /*Rev Slider Styles*************************************************************************************/ /* Rev Slider Bullet .tp-bullets.simplebullets, .tp-bullets.simplebullets.round-old { } .tp-bullets .bullet { }*/ /* Slider Elements */ .tp-caption.big_white { font-weight: 300; font-size: 36px; line-height: 36px; background-color: #333; background-color: rgba(0,0,0,.6); padding: 6px 9px 7px; letter-spacing: 1px; } .tp-caption.bigger_black { color: #444; font-weight: 300; font-size: 32px; line-height: 32px; padding: 6px 8px; background-color: #fff; background-color: rgba(255,255,255,.6); letter-spacing: -.5px; } .tp-caption.black { color: #444; background-color: #fff; background-color: rgba(255,255,255,.75); font-size: 19px; line-height: 19px; padding: 4px 6px 6px; font-weight: 300; } #tandb { font-family: 'Poppins', sans-serif; font-weight:700; text-transform:uppercase; color:#FFF; font-size:100px; letter-spacing:5px; } #cxhero { font-family: 'Poppins', sans-serif; font-weight:700; text-transform:uppercase; color:#FFF; font-size:25px; letter-spacing:4px; } #cxhero-text { font-family: 'Poppins', sans-serif; color:#FFF !important; line-height: 1.4; } #tandbsignup { float:right; width:180px; height:26px; background-color:#FFF; border-color:#000; border-style:solid; border-width:1px; text-align:center; text-transform:uppercase; color:#000; font-size:12px; font-weight:700; letter-spacing:2px; padding-top:9px; } .popmake-close { padding: 0px !important; margin-right: 20px !important; } /*responsiveness at bottom in styles-skin /* Contact form 7 used for downloads */ .hide-form p { display:none !important; } /* Hide share icons .shareaholic-service-icon, */ /*.service-google_plus, .service-pinterest, .service-email_this, .service-all*/ #shr_canvas1, .shareaholic-share-buttons-container.shareaholic-ui.flat.floated.vertical { display: none !important; } .wpcf7-mail-sent-ok { /*border-color: #CCCCCC !important;*/ border: none !important; margin: 0px !important; padding: 0px !important; text-align:left !important; } .wpcf7-mail-sent-ok, .download-link { margin-top: -10px !important; } /*********************************************************************************************************/ /*.mobile-gap { padding-top: 0px; display: block; height: 21px; }*/ /*engage added 2017 */ #en-relationship-hide { display: none; } .h_with_link { font-family: "Poppins", Helvetica, Arial, sans-serif !important; color: #333; font-size:22px; line-height: 30px; font-weight: 400; font-style:italic; } .bold_text { font-family: "Poppins", Helvetica, Arial, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.20; letter-spacing: 2px; } #butrows-a, #butrows-a div, #butrows-a div div { margin-bottom: 0px !important; padding-bottom: 0px !important; } #engage-king { background-position:bottom right; } .mt-clear { margin-top: 0px !important; } .text-between-arrows { text-align: center; font-size: 30px; line-height: 36px; margin-bottom: 30px!important; } .text-between-arrows .padright { padding-right: 20px; } .text-between-arrows .padleft { padding-left: 20px; } .addtoany_share_save_container.addtoany_content_bottom, .sfsi_Sicons { text-align:center !important; } /* 2018/04/24 JA-A - responsive is in skin-1.css */ #live-webinar-head, #live-webinar-main { font-size:30px; color:#fff; font-weight:normal; margin-bottom: 10px; margin-top:10px; line-height:120%; text-align:center; } #live-webinar-main { font-size:22px; } #live-webinar-more { color:#fff; text-decoration:none; font-size:12px; margin-top:0px; margin-bottom:0px; text-align:center; } #live-webinar-more a { color:#fff !important; text-decoration:none; } .sf_linkedin .button {letter-spacing:0px!important; text-transform:capitalize!important; } .grecaptcha-badge { visibility: hidden; } #MainNav, .HeaderSidebar { background: rgb(0,0,0) !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* from Additional CSS styles */ .CXproducthead p{ font-weight: 600; font-size: 25px; color: #000; background-image:url(https://www.inquba.com/wp-content/uploads/2021/11/CX_47.png); background-repeat: no-repeat; padding-top: 5px; height:47px; padding-left:57px; } .SMproducthead p{ font-weight: 600; font-size: 25px; color: #000; background-image:url(https://www.inquba.com/wp-content/uploads/2021/11/SM_47.png); background-repeat: no-repeat; padding-top: 5px; height:47px; padding-left:57px; } .JAproducthead p{ font-weight: 600; font-size: 25px; color: #000; background-image:url(https://www.inquba.com/wp-content/uploads/2022/06/jm2022.png); background-repeat: no-repeat; padding-top: 5px; height:47px; padding-left:57px; } .CMproducthead p{ font-weight: 600; font-size: 25px; color: #000; background-image:url(https://www.inquba.com/wp-content/uploads/2021/11/CM_47.png); background-repeat: no-repeat; padding-top: 5px; height:47px; padding-left:57px; } .ENproducthead p{ font-weight: 600; font-size: 25px; color: #000; background-image:url(https://www.inquba.com/wp-content/uploads/2021/11/EN_47.png); background-repeat: no-repeat; padding-top: 5px; height:47px; padding-left:57px; } .solidtealhomebanner .vc_btn3.vc_btn3-color-sky, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat { background: #00454c !important; color: #fff !important; font-family: 'Poppins', sans-serif !important; font-size: 20px !important; font-weight: 200; padding-top: 10px !important; padding-left: 40px !important; padding-bottom: 10px !important; padding-right: 40px !important; border: 2px solid #fff !important; width: auto !important; border-radius: 50px !important; border-width:1px!important; letter-spacing: normal; margin-top:0;} .solidtealhomebanner .vc_btn3.vc_btn3-color-sky:hover, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover { background: #FF6D00 !important; color: #fff !important; font-family: 'Poppins', sans-serif !important; font-size: 20px !important; font-weight: 200; padding-top: 10px !important; padding-left: 40px !important; padding-bottom: 10px !important; padding-right: 40px !important; border: 2px solid #fff !important; width: auto !important; border-radius: 50px !important; border-width:1px!important; letter-spacing: normal; margin-top:0; } .producthead h1 { line-height: 50px!important; font-size: 45px!important; margin-bottom:15px; } .producthead h2 { line-height: 36px!important; font-size: 30px!important; color:#00454c; font-weight: 200!important; padding-top: 0px!important; } span.wpcf7-list-item { display: block; } input[type="radio"] { color: #888; appearance: auto; height: 16px; width: 16px; vertical-align: text-top; } input[type="checkbox"] { color: #888; appearance: auto; height: 16px; width: 16px; vertical-align: text-top; } input[type="required"] { appearance: auto; } .boxzilla-home-av-journey-cloud-box { width:100%; } .individualteam { padding:20px!important; box-shadow: 0px 0px 10px 5px #cbcbcb20; } .individualteam.vc_cta3:hover { background-color: #efefef!important; } .individualteam h2 { font-size:26px!important; color:#00454c; margin-bottom:5px!important; font-weight:200!important; } .individualteam h4 { font-weight:500!important; color:#00454c; font-size:14px; line-height:22px; margin-top:0px!important; margin-bottom:20px; } .vc_cta3-icons { text-align:right!important; margin-top:-50px; } .textonlybutton .vc_btn3-style-custom { border:none!important; padding:0!important; margin-left:2px; background-color:rgba(0,0,0,0.01)!important; font-size: 16px; text-transform: none; display: inline; border-radius: 0!important; } .boxzilla-content p.bio { font-size:16px; line-height:1.4em; margin-bottom:15px; } .boxzilla-content h2.bio { font-size:26px!important; color:#00454c; margin-bottom:0px; font-weight:200!important; } .boxzilla-content h4.bio { font-size:20px!important; color:#00454c; margin-top:0px!important; margin-bottom:15px; } .individualteam a.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern { margin-top: 5px; color: #fff; display: inline-block; width: auto!important; padding-top: 10px!important; padding-left: 20px!important; padding-bottom: 10px!important; padding-right: 20px!important; border: none!important; background-color: #00454c!important; text-transform: uppercase; font-size: 13px !important; font-weight: 500 !important; } .teamstick_tr { position: absolute; right: -147px; top: -300px; } .fluid-width-video-wrapper { padding-top: 56.2494%!important; } p.usecaseheader{ font-weight: bold!important; margin-bottom:0px!important; padding-bottom: 0px!important; color: #FF6D00 !important; } .webinarimageover2 img:hover { -webkit-filter: grayscale(90%);} p.notes { font-size: 12px!important; } .read_more_fade { background-image: url(https://www.inquba.com/wp-content/uploads/2022/01/02_Journey_Maps_Reasons_01o.png); background-repeat: repeat-x; z-index: 99; position: fixed; bottom: 0px; } #read_more_fade { background-image: url(https://www.inquba.com/wp-content/uploads/2022/01/fade.png); background-repeat: repeat-x; z-index: 99; position: fixed; bottom: 0px; height:150px; margin-top: -200px; } NSS.vc_column-inner { padding-left: 5px!important; padding-right: 5px!important; } .JAproducthead h1 { font-weight: 600!important; font-size: 25px!important; color: #000!important; background-image: url(https://www.inquba.com/wp-content/uploads/2022/06/jm2022.png)!important; background-repeat: no-repeat!important; padding-top: 5px!important; height: 47px!important; padding-left: 57px!important; } .producthead1 h2 { line-height: 50px !important; font-size: 45px !important; padding-top: 0px!important; margin-top: 0px!important; margin-bottom: 0px!important; font-weight:200!important; color: #00454c; } .bloghead2 h2 { font-weight:200!important; font-size: 30px!important; text-align:left; margin-top:0px!important; padding-top:0px!important; hyphens:none; } .solidorangesm .center-mobile-text2 .vc_btn3.vc_btn3-color-sky, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat { display: inherit; } .postid-24366 .wp-post-image { visibility:hidden!important; height: 0 !important; } .greyscaleimage { filter: grayscale(100%); } .new2020 p.blogquote{ color:#ff6900!important; font-style: italic!important; font-weight:300!important; font-size:20px!important; text-align: left; border-top: 1px solid #ff6900; border-bottom: 1px solid #ff6900; padding: 15px 0; margin: 20px 0 10px 0;} .blogimagecaption{margin-left: 30px; margin-bottom: 5px; width: auto!important; border-top: none!important; border-bottom: none!important; } .vc_tta-color-white.vc_tta-style-outline .vc_tta-tab.vc_active>a { border-color:#fff; background-color:#efefef!important; color:#fff } @media only screen and (max-width: 765px) { .wpcf7-list-item { margin: 0 0 0 0; } .wpb_single_image.vc_align_right { text-align:center; } .mobile_hide { display: none; } .ENproducthead p { background-position: center; padding-top: 120px !important; margin-top: -80px; } .CXproducthead p { background-position: center; padding-top: 120px !important; margin-top: -80px; } .CMproducthead p { background-position: center; padding-top: 120px !important; margin-top: -80px; } .JAproducthead p { background-position: center; padding-top: 120px !important; margin-top: -80px; } .SMproducthead p { background-position: center; padding-top: 120px !important; margin-top: -80px; } .mobile_top_m_20 { margin-top:20px; } .mobile_top_p_20 { padding-top:20px; } .mobile_margins { margin-left:10px; margin-left:15px; } #read_more_fade { margin-top: -150px; } .h2_divider_left { margin-top:20px!important; } .bloghead2 h2 { margin-bottom: 20px!important; } .alignright { float: none; clear: both; display: block; } .mobileimage { margin-top:15px!important; margin-bottom:15px!important; } .vc_row.center-mobile-text { left:0!important; } .centermobile p,h3,ul{ margin-right:15px!important; } img.alignright { margin: 12px 0 12px 0px;} .blogimagecaption{margin-left: 0px; margin-bottom: 5px; width: auto!important; border-top: none!important; border-bottom: none!important; } }