/* Theme Name: Incentive Icon: custom-icon Theme URI: http://themeforest.net/user/Parallelus/portfolio Description: A theme by Parallelus. Built with the Runway framework for WordPress. Author: Parallelus Version: 1.2.33 Tags: threaded-comments,translation-ready,responsive,retina,hidpi,clean,modern */ /* ---------------------------------------------------------------------------------------------------------------------------- * * This is a basic style sheet for structure and defults. To edit the site colors and fonts you can add styles from the theme * options "Custom CSS" area, or create a custom skin CSS file. The default skin file is "style-skin-1.css". You can create * custom skins by duplicating a skin CSS file and saving it to the theme folder. * * ----------------------------------------------------------------------------------------------------------------------------*/ /* 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.5%; } body { font-size: 14px; font-size: 1rem; background-color: #e6e6e6; color: #777; } /* Links -------------------------------------------------------------- */ a { color: #21759b; 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: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; } /* Titles and Headings */ h1, h2, h3, h4, h5, h6, .vc_text_separator div, .wpb_accordion .ui-accordion .ui-accordion-header, .comments-area article header cite { font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; } /* Thin or Light Headings */ .headline, .page-title, h2.wpb_call_text, .vc_cta3-content-header h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; } /* Text Formatting -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; line-height: 1.7; margin: 20px 0; } h1 { font-size: 21px; line-height: 1.50; } h2 { font-size: 18px; line-height: 1.60; } h3, body .vc_text_separator div { font-size: 16px; line-height: 1.85; } h4 { font-size: 14px; line-height: 1.85; } h5 { font-size: 13px; line-height: 1.85; } h6 { font-size: 12px; line-height: 1.85; } /* Headling Text */ h1.headline { font-size: 32px; line-height: 1.2; } h2.headline, h2.wpb_call_text, .vc_cta3-content-header h2 { 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, .vc_cta3-content-header h2 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 { margin: 0 0 20px; 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:Consolas,Monaco,Lucida Console,monospace; 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; } /* Small headers */ .entry-content th, .comment-content th { font-size: 11px; 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: 12px; 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; } #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: #f7f7f7; border-bottom: 1px solid #e0e0e0; } #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 */ /* 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 #E0E0E0; -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; } #FooterTop .widget-area { position: initial; } /* 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, 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{ color:#333; background-color:#f7f7f7; border:1px solid #e0e0e0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } /* Buttons: Shape dynamics */ a.btn, 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, .vc_btn3-container .vc_btn3, a.vc_btn3 { font-size: 14px; padding: 7px 14px 8px; line-height: 1.357143;} /* 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, button,input[type="submit"],input[type="button"],input[type="reset"] { cursor: pointer; } a.btn.disabled, button[disabled], input[disabled] { cursor: default; } /* Buttons: hover */ a.btn:hover, a.btn: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 { color: #000; background-color: #f0f0f0; } /* Buttons: Active */ a.btn: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 { 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, .vc_cta3-actions .vc_btn3, .vc_cta3-actions .vc_btn3:hover, .vc_cta3-actions .vc_btn3: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, .vc_cta3-actions .vc_btn3:hover, .vc_cta3-actions .vc_btn3:active, .vc_btn3-container button.vc_btn3 { -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, .vc_btn3-container button.vc_btn3, .vc_btn3-container button.vc_btn3: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:800;-moz-perspective:800;-ms-perspective:800;-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 { margin-top: 0; margin-bottom: 20px; font-size: 16px; line-height:1.223; color: #aaa; } /* 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: 0; -moz-transition-duration: 0; -ms-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; } /* 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: left; } /* 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: 12px; height: 12px; background: rgba(54,57,60,.3); 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; } /* 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; } /* 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 .vc_cta3-content-header h2, .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 .vc_cta3-content-header h2, .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: 1300px; -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: 1300px; padding: 0 50px; } /* 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: 1250px; } body.padded-box .site .inner-wrapper, body.padded-box .site .grid-row { max-width: 1250px; padding: 0 25px; } 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: block; } /* 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: 0/0 a; 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; } @-webkit-viewport {width:device-width} @-moz-viewport {width:device-width} @-ms-viewport {width:device-width} @-o-viewport {width:device-width} @viewport {width:device-width} /* 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;} } .wpb_single_image .vc_single_image-wrapper { display: block }