/* Theme Name: Vellum Theme URI: http://themeforest.net/item/vellum-responsive-wordpress-theme/6914246 Description: A theme by Parallelus and Bebel. Built with the Runway framework for WordPress. Author: Andy Wilkerson Author URI: http://para.llel.us Version: 1.7.20 Tags: one-column two-columns right-sidebar left-sidebar flexible-width custom-menu editor-style featured-images post-formats rtl-language-support sticky-post translation-ready */ /* ---------------------------------------------------------------------------------------------------------------------------- * * 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: 81.3%; } /* 87.5% => 14px; 81.3% => 13px; 75% => 12px; */ body { font-size: 13px; font-size: 1rem; color: #999; background-color: #e6e6e6; } /* Links ============================================================== */ a { color: #21759b; text-decoration: none; outline: none; -webkit-transition: color .12s ease, background-color .12s ease, border-color .12s ease; -moz-transition: color .12s ease, background-color .12s ease, border-color .12s ease; -o-transition: color .12s ease, background-color .12s ease, border-color .12s ease; transition: color .12s ease, background-color .12s ease, border-color .12s ease; } a:hover { color: #0f3647; text-decoration: none; } a:focus { outline: none; } /* Footer links */ #Bottom a, #Bottom a, #Bottom a, #Bottom a, #Bottom a, #Bottom a { color: #888; } #Bottom a:hover, #Bottom a:hover, #Bottom a:hover, #Bottom a:hover, #Bottom a:hover, #Bottom a:hover { color: #111; } /* Widget / Sidebar */ .widget a { color: #777; } .widget li.recentcomments a, .widget-area .textwidget p a, .widget-area .static-block a { text-decoration: underline; } /* Masthead Widgets */ #MastheadSidebar-1, #MastheadSidebar-2 { display: none; } /* hidden on phones */ .masthead-container .widget-area a { color: #bbb; color: rgba(255,255,255,.6); } /* Meta Links */ .entry-meta a { text-decoration: underline; } .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; } /* Tour margin */ div.wpb_tour .wpb_tabs_nav a { width:auto; margin-right:20px; } /* Fonts ============================================================== */ /* Content and Default Text */ body { font-family: "Arial",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: "Arial",sans-serif; font-weight: 700; } /* Thin or Light Headings */ .headline,.page-title,h2.wpb_call_text,header.vc_cta3-content-header h2 { font-family: "Arial",sans-serif; font-weight: 300; } /* Text Formatting ============================================================== */ h1, h2, h3, h4, h5, h6 { color: #393939; line-height: 1.7; margin: 20px 0 24px; /*letter-spacing: -0.03em;*/ text-rendering: optimizelegibility; -webkit-text-stroke: 0.015em rgba(57,57,57,.85); /* smoother text on Chrome */ } h1 { font-size: 30px; line-height: 1.25; } h2 { font-size: 24px; line-height: 1.3; } h3, body .vc_text_separator div { font-size: 18px; line-height: 1.4; } h4 { font-size: 16px; line-height: 1.5; } h5 { font-size: 14px; line-height: 1.5; } h6 { font-size: 12px; line-height: 1.5; } /* Headling Text */ h1.headline { font-size: 32px; line-height: 1.2; } h2.headline, h2.wpb_call_text, header.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; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { -webkit-text-stroke: 0 !important; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { -webkit-text-stroke: 0; } /* Accent text in headings and headlines */ h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h2.wpb_call_text em, header.vc_cta3-content-header h2 em { font-style: normal; color: #d00; } /* Sub-titles */ h1 .sub-title, h2 .sub-title, h3 .sub-title, h4 .sub-title, h5 .sub-title, h6 .sub-title { display: block; font-weight: normal; font-size: 0.75em; line-height: 1.3em; letter-spacing: normal; margin-top: .3em; } h1 .sub-title, h2 .sub-title, h3 .sub-title, h4 .sub-title, h5 .sub-title, h6 .sub-title, h2.subtitle { color: #999; -webkit-text-stroke: 0 !important; } /* Big headlines */ .big-headline { font-size: 65px; padding: 0; -webkit-text-stroke: 0 !important; } /* Content Element Headers (includes Visual Composer) */ .wpb_heading, body .vc_text_separator div, .content-rotator-heading { color: #999; -webkit-text-stroke: 0 !important; } .wpb_teaser_grid_heading, body .vc_text_separator div, .content-rotator-heading { font-size: 16px; margin-top: 0; font-weight: normal; } .wpb_teaser_grid_heading, .content-rotator-heading { margin-bottom: 17px; } /* first title */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 0; padding-top: 4px; } /* Footer headings */ #Bottom h1, #Bottom h2, #Bottom h3, #Bottom h4, #Bottom h5, #Bottom h6 { color: #555; font-weight: bold; } /* Paragraphs */ p { margin: 0 0 24px; line-height: 1.76924; } /* List */ ol, ul { margin: 0 0 20px 24px; 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 24px; } dl { margin: 0 20px; } dt { font-weight: bold; line-height: 1.714285714; } dd { line-height: 1.714285714; margin-bottom: 20px; } /* Font Awesome Lists */ ul.fa-ul { margin-left: 0; } ul.fa-ul li { padding-bottom: 6px; } ul.fa-ul li i.fa { line-height: 19px; font-size: 14px; } .iconBox ul.fa-ul { margin-left: 0; } .iconBox ul.fa-ul li { padding-bottom: 6px; padding-left:30px; } .iconBox ul.fa-ul li i.fa { padding-top:19px; line-height: 19px; font-size: 14px; } /* Other text */ blockquote, .pull-left, .pull-right { margin: 28px 30px; font-style:italic; font-family: serif; font-size: 18px; line-height: 1.5; } blockquote p { line-height: 1.5; } 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 { display: none; } /* only show on big screens */ .breadcrumbs { font-size: 12px; } .breadcrumbs .breadcrumbs { margin:0 0 -42px;height:42px;line-height:42px;text-align:right; } .breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited { color: #999; text-shadow: 0 1px 1px rgba(255,255,255,.7); } .breadcrumbs a:hover, .breadcrumbs a:active { color: #333; } .breadcrumbs i { font-size: 18px; line-height: 5px; color: #aaa; padding: 0 3px 4px; vertical-align: middle; } /* Assistive text */ .assistive-text,#page .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 ============================================================== */ /* Fade In Content Effect */ #FadeInContent { background: #f6f6f6; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; overflow: hidden; } .lt-ie9 #FadeInContent, .no-js #FadeInContent { display: none; } /* Boxed Page Style */ body.boxed, body.boxed-left, body.boxed-right { padding: 0; box-shadow: none; } /* Default background color */ #page, .site-header { background-color: #fff; } /* Main Containers */ #page { margin: 0 auto; } .inner-wrapper, .grid-row { padding: 0 5%; } /* Minimum padding from browser edges */ #page .inner-wrapper, #page .grid-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* respect the width ;) */ .top-content-area { background: #fff; } /* Header */ #Middle .grid-section-1 .grid-row { padding-top: 32px; } /* Content section (top padding) */ /* *[class*='grid-section-']:last-child .grid-row { padding-bottom: 32px; } Content section (bottom padding) */ /* Masthead ============================================================== */ #masthead { visibility: visible; z-index: 123; } #masthead .site-title { margin: 0; float: left; display: table; min-height: 50px; } #masthead .site-title a { color: #333; font-size: 30px; font-weight: 300; margin: 12px 0 35px; /*letter-spacing: -.03em;*/ line-height: 1; display: table-cell; vertical-align: middle; text-decoration: none; position: relative; z-index: 101; } #masthead .site-title a:hover { color: #000; } #masthead .site-title a.logo-image { margin: 0; } #masthead .site-title a.logo-image img { max-height: 50px; max-width: 100%; width: auto; } .masthead-container { position: relative; padding: 1.5% 0; } /* Docked Top Banner */ body.dockedNav #masthead { position:fixed; top:0; left:0; width:100%; z-index:1001; } .dockedNav #MastheadSidebar-1, .dockedNav #MastheadSidebar-2 { display: none; } .dockedNav #DockedNavPlaceholder { display: block; } #DockedNavPlaceholder { display: none; } /* Docking transitions (not slide down after header) */ .fixedDockedNav .masthead-container { -webkit-transition: padding .35s .05s ease; -moz-transition: padding .35s .05s ease; -o-transition: padding .35s .05s ease; transition: padding .35s .05s ease; } /* Show/Hide vertical masthead */ .boxed-left.toggleMasthead #masthead, .full-width-left.toggleMasthead #masthead, .boxed-left.toggleMasthead #masthead .masthead-vertical-bg, .full-width-left.toggleMasthead #masthead .masthead-vertical-bg, .boxed-right.toggleMasthead #masthead, .full-width-right.toggleMasthead #masthead, .boxed-right.toggleMasthead #masthead .masthead-vertical-bg, .full-width-right.toggleMasthead #masthead .masthead-vertical-bg { z-index: 9999; transition: margin-left .7s cubic-bezier(0.230, 1.000, 0.320, 1.000); margin-left: -375px; left: 0; } .toggleMasthead .masthead-container { z-index: 9999; } .toggleMasthead #FadeInContent { background: #393939; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; overflow: hidden; opacity: .8; } /* Main Menu (UberMenu) - colors and styling in skin CSS ============================================================== */ #MainNav { position: relative; } #MainNav ul { list-style: none; } #MainNav .ubermenu-main.ubermenu-vertical ul.ubermenu-nav { float: none; } .ubermenu-nav i.fa, .ubermenu-nav i.fa { font-size: 14px; margin-right: .5em; width: 0.5em; } /* icons look best at 14px */ #MainNav a { outline: none; } /* Responsive menu */ #MainNav .ubermenu-main { position: static; width: 100%; } #MainNav .ubermenu-responsive-toggle { position: absolute; top: -3px; right: 0; padding: 0 5% 0 0; font-size: 12px; vertical-align: middle; text-shadow: none; background: transparent; font-size: 32px; color:#e8e8e8; } #MainNav .ubermenu-responsive-toggle .fa { margin-right: 0; width: auto; } /*#MainNav .ubermenu-responsive-toggle .ubermenu-responsive-toggle-icon { margin-top: 0; margin-left: 1em; float: none; } #MainNav .ubermenu-responsive-toggle i .ubermenu-responsive-toggle i:before, .ubermenu-responsive-toggle i { height: 4px; width: 30px; } .ubermenu-responsive-toggle i:before { top: -8px; } .ubermenu-responsive-toggle i:after { top: -16px; }*/ /* Other Nav Bar Content */ #NavExtras { display:none; z-index:101; } /* only show on large screens */ /* Nav Search ============================================================== */ .navSearch #NavSearchLink { display:block; float:right; margin-right: 50px; height:44px; line-height:44px; } .navSearch #NavSearchLink span { width: 1em; display: inline-block; } .navSearch a#NavSearchLink, .navSearch a#NavSearchLink:visited { font-size:19px; color:#eee; margin-top: 1px; } .navSearch a#NavSearchLink:hover, .navSearch a#NavSearchLink:active { color:#fff; } .boxed .navSearch #NavSearchLink, .full-width .navSearch #NavSearchLink {margin-right: 0; } /* Nav search Input */ #NavSearchForm { display: none; } #NavSearchForm > div { position: relative; padding: 0; } #NavSearchForm button { display: none; } #NavSearchForm input { position: absolute; right: 0; margin: 0; width: 85%; height: 40px; color: #393939; background: #fff; font-size: 14px; padding-right: 36px; z-index: 1; border: 1px solid #E0E0E0; border-width: 1px 0 1px 1px; border-color: rgba(0,0,0,.1); background-size: 24px 24px; background-repeat: no-repeat; background-position: 97% 50%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.2); -moz-box-shadow: inset 1px 0 1px rgba(0,0,0,.2); box-shadow: inset 1px 0 1px rgba(0,0,0,.2); } #NavSearchForm.searchLoading input#NavS { background-image: url(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/loading_32px@2x.gif); } /* Boxed layouts */ .boxed #NavSearchForm input,.boxed-left #NavSearchForm input,.boxed-right #NavSearchForm input { width: 265px; } /* Right Masthead layouts */ .boxed-right .navSearch #NavSearchLink,.full-width-right .navSearch #NavSearchLink { float: left; margin-left: 50px; margin-right: 0; } .boxed-right #NavSearchForm input,.full-width-right #NavSearchForm input { left: 0; right: auto; border-width: 1px 1px 1px 0; padding-left: 50px; -webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,.2); -moz-box-shadow: inset -1px 0 1px rgba(0,0,0,.2); box-shadow: inset -1px 0 1px rgba(0,0,0,.2); } /* Top Masthead layouts */ .boxed #NavExtras,.full-width #NavExtras { float: right; } .boxed #NavSearchForm input,.full-width #NavSearchForm input { margin: 0 10px; width: 350px; border-width: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .boxed #NavSearchForm > div,.full-width #NavSearchForm > div { padding: 10px 0; } /* Nav search results */ #AjaxSearchPane { display: none; padding: 15px 7px 0; } #AjaxSearchPane .ajax-result-title { margin: 0; } #AjaxSearchPane .ajax-search-result { margin-bottom: 1.5em; } #AjaxSearchPane .ajax-search-result .ajax-search-excerpt { font-size: 12px; margin-top: .5em; margin-bottom: 0; } #AjaxSearchPane .ajax-result-title,#AjaxSearchPane .ajax-result-title a { display: block; margin: 0; padding: 0; float: none; font-size: 14px; letter-spacing: -.03em; line-height: 1; -webkit-text-stroke: 0; } #AjaxSearchPane .ajax-search-link { display: block; margin: 0; padding: 15px 0 7px; float: none; font-size: 14px; border-top: 1px solid #e5e5e5; } #AjaxSearchPane .ajax-search-link { margin: 0; margin-top: 5px; } /* Top masthead layouts */ .boxed #AjaxSearchPane,.full-width #AjaxSearchPane { padding: 24px 12px 0; } /* Left and Right masthead layouts */ body.boxed-left #AjaxSearchPane,body.full-width-left #AjaxSearchPane,body.boxed-right #AjaxSearchPane,body.full-width-right #AjaxSearchPane { position: absolute; top: -36px; background: #fff; width: 300px; min-height: 82px; padding: 24px 20px 10px; -webkit-box-shadow: 2px 1px 8px rgba(0,0,0,.1); -moz-box-shadow: 2px 1px 8px rgba(0,0,0,.25); box-shadow: 2px 1px 8px rgba(0,0,0,.25); } body.boxed-left #AjaxSearchPane,body.full-width-left #AjaxSearchPane { left: 100%; } body.boxed-right #AjaxSearchPane,body.full-width-right #AjaxSearchPane { right: 100%; -webkit-box-shadow: -2px 1px 8px rgba(0,0,0,.1); -moz-box-shadow: -2px 1px 8px rgba(0,0,0,.25); box-shadow: -2px 1px 8px rgba(0,0,0,.25); } /* No results */ .ajax-search-result.nothing-found { font-size: 16px; text-align: center; } .ajax-search-result.nothing-found i { font-size: 60px; color: #ddd; } .ajax-search-result.nothing-found span { display: block; margin: 10px 0 0; } /* Footer Content ============================================================== */ #Bottom { color: #999; } #FooterTop { color: #6c6c6c; } #FooterBottom { color: #6c6c6c; } /* Back to top button */ #BackToTop { position: fixed; bottom: 0px; right: 0px; display: none; } #BackToTop a:link, #BackToTop a:visited { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; background-color: #BABABA; background-color: rgba(57,57,57,.35); border-radius: 2px; } #BackToTop a:link i.fa, #BackToTop a:visited i.fa { color: #ddd; color: rgba(255,255,255,.8); } #BackToTop a:hover { background-color: #393939; background-color: rgba(57,57,57,.75); } #BackToTop a:hover i.fa { color: #fff; color: rgba(255,255,255,.9); } /* 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 */ .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; max-width: 100%; } /* 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; 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 { display: inline-block; } 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_button, button.wpb_button { color:#999; /*background-color: transparent;*/ border: 1px solid #ccc; text-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } a.vc_btn, a.vc_btn3 { border-width: 1px; } .vc_btn3-container button.vc_btn3, .vc_btn3-container button.vc_btn3:hover, .vc_btn3-container button.vc_btn3:active, .vc_btn3-container a.vc_btn3, .vc_btn3-container a.vc_btn3:hover { border: 0px solid #ccc; text-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } /* 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, a.vc_btn, a.vc_btn3 { font-size: 13px; padding: 8px 14px; line-height: 1.53846; } /* small buttons */ a.btn.small, button.small , input[type="submit"].small, input[type="button"].small, input[type="reset"].small, a.vc_btn_sm, .vc_btn3-container button.vc_btn3.vc_btn3-size-sm, .vc_btn3-container a.vc_btn3.vc_btn3-size-sm { font-size: 11px; padding: 7px 11px 8px; } /* big buttons (visual composer) */ button.wpb_button.wpb_btn-large, span.wpb_button.wpb_btn-large, a.vc_btn_lg, .vc_btn3-container button.vc_btn3.vc_btn3-size-lg, .vc_btn3-container a.vc_btn3.vc_btn3-size-lg { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Button cursor */ 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_button:hover, button.wpb_button:hover, a.vc_btn:hover { color: #666; border-color: #999; text-shadow: none; } .vc_btn3-container a.vc_btn3:hover { border-color: #999; text-shadow: none; } /* 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_button:active, button.wpb_button:hover, a.vc_btn:active { color: #000; background-color: #e0e0e0; } li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; padding: 0; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Button colors (visual composer) */ .vc_btn3-container button.vc_btn3, .vc_btn3-container a.vc_btn3 { color: #fff; } .vc_btn3-container button.vc_btn3.vc_btn3-color-grey, .vc_btn3-container a.vc_btn3.vc_btn3-color-grey { color: #000; border: 0px solid #ccc; } .vc_btn3-container button.vc_btn3-color-accent-primary, .vc_btn3-container a.vc_btn3-color-accent-primary { color: #d00; border-color: #d00; } .wpb_button.wpb_accent-primary, .wpb_button.wpb_accent-primary:active { border-color: #d00; color: #d00 } /* theme accent color */ .wpb_button.wpb_wpb_button, .wpb_button.wpb_wpb_button:active { border-color: #DEDEDE; color: #c0c0c0 } /* gray button */ .wpb_button.wpb_btn-success, .wpb_button.wpb_btn-success:active { border-color: #6AB165; color: #6AB165; } /* green button */ .wpb_button.wpb_btn-info, .wpb_button.wpb_btn-info:active { border-color: #58B9DA; color: #58B9DA; } /* turquoise button */ .wpb_button.wpb_btn-primary, .wpb_button.wpb_btn-primary:active { border-color: #0088CC; color: #0088CC; } /* blue button */ .wpb_button.wpb_btn-warning, .wpb_button.wpb_btn-warning:active { border-color: #FF9900; color: #FF9900; } /* orange button */ .wpb_button.wpb_btn-danger, .wpb_button.wpb_btn-danger:active { border-color: #FF675B; color: #FF675B; } /* red button */ .wpb_button.wpb_btn-inverse, .wpb_button.wpb_btn-inverse:active { border-color: #555555; color: #555555; } /* black button */ /* Accent / Call to Action Button */ .impactBtn, .impactBtn:hover, .impactBtn:active, a.impactBtn, a.impactBtn:link, a.impactBtn:visited, a.impactBtn:hover, a.impactBtn:active, .wpb_call_to_action .wpb_button.wpb_accent-primary, .wpb_call_to_action .wpb_button.wpb_accent-primary:hover, .wpb_call_to_action .wpb_button.wpb_accent-primary:active, .vc_cta3-actions a.vc_btn3-color-accent-primary, .vc_cta3-actions a.vc_btn3-color-accent-primary:hover, .vc_cta3-actions a.vc_btn3-color-accent-primary:active { border: none; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,.2); background-color: #d00; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .impactBtn, .impactBtn:hover, .impactBtn:active, a.impactBtn, a.impactBtn:link, a.impactBtn:visited, a.impactBtn:hover, a.impactBtn:active, .wpb_call_to_action .wpb_button, .wpb_call_to_action .wpb_button:hover, .wpb_call_to_action .wpb_button:active, /*.vc_btn3-container a.vc_btn3, .vc_btn3-container a.vc_btn3:hover, .vc_btn3-container a.vc_btn3:active*/ { font-size: 16px; font-weight: bold; line-height: 1.25; } .impactBtn:hover, .impactBtn:active, a.impactBtn:hover, a.impactBtn:active, .wpb_call_to_action .wpb_button:hover, .wpb_call_to_action .wpb_button:active { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.33); -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.33); box-shadow: 0 2px 1px rgba(0,0,0,0.33); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#00FFFFFF',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; border-color: rgba(0,0,0,.15); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } /* 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 */ /* Blog "more" button */ p.readmore { margin-bottom: 0; } .readmore a,.readmore a.btn.small { font-size: 12px; padding: 7px 10px; clear: both; } .readmore a:after { font-family: FontAwesome; content: "\f105"; padding-left: 8px; font-size: 14px; line-height: 14px; position: relative; top: 1px; } /* 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: 48px !important; } /* VC 4 fix - added !important */ .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; } /* Paging and Next/Previous Navigation */ .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,div.wpb_tour_next_prev_nav a,div .rotator-nav a.next,div .rotator-nav a.prev,.post-nav .nav-arrow { color: #999; margin: 0; display: inline-block; padding: 0; line-height: 20px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,.85); -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,.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,div.wpb_tour_next_prev_nav a,.post-nav .nav-arrow { overflow: hidden; width: 24px; height: 24px; font-size: 20px; background-color: #fff; background-color: rgba(255,255,255,.8); border: 1px solid #ccc; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } .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; -webkit-font-smoothing: antialiased; display: block; line-height: 23px; content: "\f105"; } .wpb_content_element.wpb_carousel .prev:before,div .rotator-nav a.prev:before { content: "\f104"; } .pagingLinks a:hover,.nav-previous a:hover,.nav-next a:hover,.previous-image a:hover,.next-image a:hover,a.post-nav.post-next:hover i.nav-arrow,a.post-nav.post-prev:hover i.nav-arrow,div .rotator-nav a:hover,.nav-single-portfolio .post-nav a:hover i.nav-arrow,.wpb_content_element.wpb_carousel .prev:hover,.wpb_content_element.wpb_carousel .next:hover,.wpb_tour_next_prev_nav a:hover { color: #fff; background: #999; border-color: #999; text-shadow: 0 -1px 0 rgba(0,0,0,.25); } /* Paging */ .pagingLinks a { margin: 0; padding: 0 9px; font-size: 12px; line-height: 24px; border: 1px solid #ccc; border-width: 1px 0; background-color: transparent; text-shadow: none; } .pagingLinks a .next-post, .pagingLinks a .prev-post { font-size: 14px; line-height: 1; } .pagingLinks a:first-child { border-left-width: 1px; } .pagingLinks a:last-child { border-right-width: 1px; } .pagingLinks a:hover { color: #333; background-color: #f0f0f0; border-color: #ccc; text-shadow: none; } .pagingLinks a.current,.pagingLinks a.current:hover { background-color: #E0E0E0; color: #333; font-weight: bold; } /* Single Post - Next/Previous */ .post-nav { display: none; } /* hide on small screens */ .post-nav.disabled i:before,.post-nav .disabled i:before { opacity: .2; } .post-nav.post-prev .post-nav-info-wrapper,.post-nav.post-next .post-nav-info-wrapper { position: absolute; z-index: 123; visibility: hidden; opacity: 0; } a.post-nav.post-prev:hover .post-nav-info-wrapper,a.post-nav.post-next:hover .post-nav-info-wrapper { top: 42px; visibility: visible; opacity: 1; -webkit-transition: opacity .4s ease-in-out,top .3s ease-in-out; -moz-transition: opacity .4s ease-in-out,top .3s ease-in-out; -o-transition: opacity .4s ease-in-out,top .3s ease-in-out; transition: opacity .4s ease-in-out,top .3s ease-in-out; } a.post-nav:hover .nav-arrow,a.post-nav:active .nav-arrow { color: #fff; background: #393939; background: rgba(51,51,51,.75); } .post-nav .nav-arrow { position: relative; } .post-nav b { display: none; 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; margin: 0; width: 100%; height: 100px; line-height: 100px; background-color: #999; } .post-nav .nav-thumb .post-symbol i { color: #fff; font-size: 48px; line-height: 100px; opacity: .25; } .post-nav .post-nav-info-wrapper span.post-nav-info { padding: 12px 4px 4px; } .post-nav .post-nav-info { display: block; } .post-nav-info h4.entry-title { display: block; font-size: 13px; font-weight: 700; margin: 0; } .post-nav-info p.entry-date { font-size: 11px; color: #aaa; margin: 3px 0 0; } .post-nav.post-next,.post-nav.post-prev { display: inline-block; float: right; position: relative; padding-bottom: 8px; margin-top: 3px; } .post-nav.post-next i.nav-arrow,.post-nav.post-prev i.nav-arrow { line-height: 22px; } .post-nav.post-next i.nav-arrow { border-left: 0; } .post-nav.post-prev i.nav-arrow { border-right: 0; } .post-nav.post-next b { right: -10px; } .post-nav.post-prev { padding-left: 0; } .post-nav.post-prev b { left: -10px; } .post-nav.post-next .post-nav-info-wrapper,.post-nav.post-prev .post-nav-info-wrapper { top: 32px; right: -10px; width: 178px; background: #fff; border: 1px solid #ccc; border-color: rgba(0,0,0,.18); padding: 6px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.18); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.18); box-shadow: 0 1px 2px rgba(0,0,0,.18); } .post-nav.post-prev .nav-thumb:after,.post-nav.post-next .nav-thumb:after,.post-nav.post-prev .nav-thumb:before,.post-nav.post-next .nav-thumb:before { content: ''; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #ccc; border-bottom-color: rgba(0,0,0,.18); position: absolute; } .post-nav.post-prev .nav-thumb:after,.post-nav.post-next .nav-thumb:after,.post-nav.post-next .nav-thumb:before,.post-nav.post-prev .nav-thumb:before { top: -13px; right: 12px; } .post-nav.post-prev .nav-thumb:after,.post-nav.post-next .nav-thumb:after { top: -12px; border-bottom-color: #fff; } .post-nav.post-next .nav-thumb,.post-nav.post-prev .nav-thumb { width: 178px; height: auto; } .post-nav.post-next i.nav-arrow:before,.post-nav.post-prev i.nav-arrow:before { display: block; text-align: center; width: 26px; } .post-nav.post-prev i.nav-arrow:before { margin-left: -1px; } /* 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(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/divider-large-bg.png) repeat 0 0; } /* Headline Box */ .headline-box { margin-top: 48px; 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{z-index:0; 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; z-index: 3500;} .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; } div .rotator-nav a.next { border-left: 0; } div .rotator-nav a.prev { border-right: 0; } .rotator-nav-paginated ol { display: inline-block; margin: 5px 18px 0 0; vertical-align: top; } .rotator-nav-paginated ol li { width: 21px; margin: 0; text-align: center; } .rotator-nav-paginated li a { width: 10px; height: 10px; overflow: hidden; text-indent: 50px; padding: 0; margin-top: 2px; background: #fff; opacity: .65; vertical-align: top; border: 1px solid #ccc; border-color: rgba(0,0,0,.15); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } .rotator-nav-paginated li a:hover { background: #393939; border-color: rgba(255,255,255,.25); } .rotator-nav-paginated li.rotator-active-page a,.rotator-nav-paginated li.rotator-active-page a:hover { background: #eee; background: rgba(0,0,0,.05); border: 2px solid #393939; width: 10px; height: 10px; margin-top: 1px; opacity: 1; } div .rotator-nav a.next,div .rotator-nav a.prev { display: none; text-decoration: none!important; } /* 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 { right: 25px; top: 22px; opacity: .85; } .featured-image .rotator-wrapper .rotator-nav a { color: #777; border-color: rgba(0,0,0,.06); } .featured-image .rotator-wrapper .rotator-nav a:hover { color: #ccc; background: #393939; background: rgba(0,0,0,.65); border-color: rgba(0,0,0,.1); } .featured-image .rotator-wrapper .rotator-nav-paginated li.rotator-active-page a,.featured-image .rotator-wrapper .rotator-nav-paginated li.rotator-active-page a:hover { border-color: #fff; background: rgba(0,0,0,.05); } /* Visual Composer Elements / Blocks -------------------------------------------------------------- */ /* Fix for new column structure of VC causing 15px offsets */ /* .vc_section_wrapper { margin-left: -15px; margin-right: 15px; } */ @media screen and (min-width: 768px) { .vc_section_wrapper { margin-left: -15px; margin-right: 15px; } } @media screen and (max-width: 767px) { .vc_column_container>.vc_column-inner { padding-left: 0; padding-right: 0; } } /* Fix for v4+ applying "box-sizing" to all internal elements */ .rotator-nav-paginated ol li, .rotator-nav-paginated li a, div .rotator-nav a.next, div .rotator-nav a.prev, .jp-interface * { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } /* Default margins and spacing */ 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, body .vc_text_separator, body .vc_separator { 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 .vc_label,div.vc_progress_bar .vc_single_bar.accent-primary .vc_label { color: #fff; } .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; } /* Pie Charts */ .vc_pie_wrapper .vc_pie_chart_back { border-width: 20px; opacity: .1; } /* Call to Action */ .wpb_content_element.wpb_call_to_action { display: block; padding: 37px 38px 39px; border: 1px solid #dedede; border-width: 1px 0; margin: 0 0 40px; background-color: #f7f7f7; background-color: rgba(221,221,221,.2); } .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, section.vc_cta3-container { background-color: transparent; border: none; padding: 0; } .vc_section_wrapper.has_bg_color h2.wpb_call_text, section.vc_cta3-container.has_bg_color header.vc_cta3-content-header h2,.vc_section_wrapper.has_bg_img h2.wpb_call_text, section.vc_cta3-container.has_bg_color header.vc_cta3-content-header h2 { font-size: 34px; } /* Separator (with Text) */ .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: 700; background-color: #F7F7F7; background-color: rgba(221,221,221,.2); border: 1px solid #E7E7E7; margin-bottom: -1px; 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-right-radius: 2px; border-top-left-radius: 2px; } body .wpb_content_element .ui-accordion .wpb_accordion_section:last-child .ui-accordion-header { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } body .wpb_content_element .ui-accordion .ui-accordion-header:hover { background-color: #f0f0f0; background-color: rgba(153,153,153,.2); } 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,div.wpb_wrapper h4.wpb_toggle,div.wpb_wrapper h4.wpb_toggle_title_active { color: #aaa; color: rgba(153,153,153,.8); 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,div.wpb_wrapper h4.wpb_toggle:before,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: 20px; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; font-size: 14px; content: "\f067"; } div.wpb_content_element .ui-state-active .ui-icon:before,div.wpb_wrapper h4.wpb_toggle_title_active:before { content: "\f068"; } /* Alternate "light" style */ body .wpb_content_element.light .ui-accordion .ui-accordion-header { border-width: 1px 0; background-color: transparent; } body .wpb_content_element.light .ui-accordion .ui-accordion-header-active { background-color: transparent; border: none; } body .wpb_content_element.light .ui-accordion .wpb_accordion_section:first-child .ui-accordion-header { border-top: 0; } body .wpb_content_element.light .ui-accordion .wpb_accordion_section:first-child .ui-accordion-header,body .wpb_content_element.light .ui-accordion .wpb_accordion_section:last-child .ui-accordion-header { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.wpb_content_element.light .ui-state-active { border-bottom: 20px solid #444; } /* Toggles, adjust text position */ div.wpb_wrapper h4.wpb_toggle, div.wpb_wrapper h4.wpb_toggle_title_active { position:relative; } div.wpb_wrapper h4.wpb_toggle:before, div.wpb_wrapper h4.wpb_toggle_title_active:before { color: #aaa; color: rgba(153,153,153,.8); position:absolute; top:56%; left:8px; margin:-.5em 0 0; } /* FAQs */ div.wpb_wrapper h4.wpb_toggle { font-size: 15px; font-weight: bold; left: auto; background-image: none !important; padding-top: 0; } div.wpb_wrapper h4.wpb_toggle:before, 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-width: 0 0 0 1px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; 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: 0; border-bottom: none; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li a { background-color: #eaeaea; background-color: rgba(153,153,153,.2); margin-top: 6px; padding-top: 4px; padding-bottom: 6px; } 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 { -webkit-border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0; border-radius: 2px 0 0 0; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li:last-child a { -webkit-border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; } div.wpb_tabs div.ui-tabs .ui-tabs-nav li a:hover { color: #333; background-color: #e0e0e0; background-color: rgba(153,153,153,.33); } 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 { background-color: #F7F7F7; background-color: rgba(221,221,221,.2); color: #333; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } div.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,div.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #F7F7F7; background-color: rgba(221,221,221,.2); padding: 1.25em; -webkit-border-radius: 0 2px 2px 2px; -moz-border-radius: 0 2px 2px; border-radius: 0 2px 2px 2px; } /* tabs light skin (class .light) */ div.wpb_tabs.light div.ui-tabs .ui-tabs-panel { padding-left: 0; } div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li a { font-size: 14px; background-color: transparent; padding: 0 15px; margin-top: 0; background-position: 100% 4px; } div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li.ui-tabs-active a,div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li a:hover { background-color: transparent; background-image: url(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/misc/arrow-down.png); background-repeat: no-repeat; background-position: 100% 12px; } div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li:first-child a { padding-left: 0!important; } div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li.ui-tabs-active a,div.wpb_tabs.light div.ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover { background-color: transparent; color: #333; border-left-color: transparent; } div.wpb_tabs.light .ui-tabs .ui-tabs-panel,div.wpb_tabs.light .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent; border: transparent; } /* 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: transparent; } /* Tour */ div.wpb_tour .ui-tabs ul.ui-tabs-nav { background: transparent; } 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_next_prev_nav a { font-size: 12px; width: auto; height: auto; padding: 5px 12px; border-bottom-style: solid!important; border-bottom-width: 1px!important; } div.wpb_tour_next_prev_nav a,div.wpb_tour_next_prev_nav a:hover { background-color: transparent; text-shadow: none; } 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-right: 1px solid #E0E0E0; background-color: transparent; padding: 9px 1.25em 9px .25em; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } 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 { border: 1px solid #E0E0E0; border-width: 1px 0; padding-top: 8px; padding-bottom: 8px; } /* 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; } /* VC Sliders */ .wpb_gallery .theme-default .nivoSlider { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wpb_gallery .theme-default .nivo-controlNav a { width: 9px; height: 9px; margin: 5px 3px 0; border: 2px solid #fff; border-color: rgba(255,255,255,.2); background: rgba(0,0,0,.5); -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } .wpb_gallery .theme-default .nivo-controlNav a.active { border-color: #999; background-color: rgba(255,255,255,.5); } /* Carousel */ .entry-content .vc-carousel ol.vc-carousel-indicators { bottom: -24px; } /* Social Buttons */ body .wpb_pinterest_type_vertical { height: auto !important; padding-top: 30px; } /* spacing fix */ /* Maps */ body .wpb_gmaps_widget .wpb_map_wraper { background-color: #e0e0e0; padding: 1px; } body .wpb_map-section-full { margin-bottom: 40px; } /* Raw HTML */ body div.wpb_raw_html { margin-bottom: 0; } /* 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%; } /*--- Custom Visual Composer Elements ---*/ /* Icon box */ .iconBox { margin-bottom: 40px; position: relative; } .iconBox h2.iconBoxTitle { clear: none; line-height: 26px; font-size: 24px; } .iconBox.icon i,.iconBox.icon i.custom-icon { position: absolute; font-size: 37px; left: -4px; margin-top: -16px; margin-right: 20px; color: #aaa; width: 50px; height: 50px; overflow: hidden; line-height: 60px; text-align: center; overflow: visible; } .iconBox.icon .textContent { margin-left: 50px; } .iconBox .theText { font-size: 14px; line-height: 1.6em; margin-top: 15px; } .iconBox a.btn { margin-top: 24px; } /* big icon */ .iconBox.icon-big i.fa { position: relative; left: 0; font-size: 64px; width: 64px; height: 69px; line-height: 69px; margin-left: 0; margin-bottom: 10px; } .iconBox.icon-big .textContent { margin-left: 0; margin-right: 0; } /* Separator with text and subtitle */ body .headline-subtitle { margin: 0 0 40px 0; text-align: center; } body .headline-subtitle h1 { font-weight: bold; font-size: 28px; margin-bottom: 10px; } body .headline-subtitle h2 { font-weight: normal; font-size: 18px; } body .headline-subtitle .separator-subtitle { height: 12px; display: block; background-image: url(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/misc/headline-subtitle.png); background-repeat: no-repeat; background-position: center; } /* Simple Content */ .simpleContent { position: relative; width: 100%; } .simpleContent a.btn { margin-top: 20px; } .simpleContent.image_left .image { float: left; max-width: 38%; margin-right: 2%; position: relative; margin-bottom: 40px; } .simpleContent.image_left .image-overlay { position: absolute; top: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 0 186px 110px; border-color: transparent transparent #fff } .simpleContent.image_left .textContent { float: left; max-width: 58%; margin-left: 2%; margin-bottom: 40px; } .simpleContent.image_left h2 { margin-bottom: 15px; } .simpleContent.image_left .theText { line-height: 1.4em; } /* Simple Content - Image top */ .simpleContent.image_top .image { width: 100%; position: relative; margin-bottom: 24px; } .simpleContent.image_top .textContent { margin-bottom: 40px; text-align: center; } .simpleContent.image_top h2 { margin-bottom: 15px; } .simpleContent.image_top .theText { line-height: 1.4em; } /* Sidebars and Widgets ============================================================== */ /* Sidebar */ .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 40px; word-wrap: break-word; } .widget .widgettitle,.widget .content-rotator-heading,h2.wpb_heading { margin-top: 0; margin-bottom: 20px; font-size: 20px; font-weight: 400; line-height: 1.1; -webkit-text-stroke: 0; } /* 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; padding: 8px 0; border-bottom: 1px solid #F0F0F0; } .widget li:first-child { padding-top: 0; } .widget p { margin-bottom: 20px; } .widget li[class*="current"] a { font-weight: 700; 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; } /* Posts, Pages and Comments ============================================================== */ .post-header,.wpb_teaser_grid .post-thumb,.rotator .single-item .featured-image { margin: 0 0 28px; } .rotator .single-item .featured-image.no-content { margin-bottom: 0; } /* Post list - Left aligned image */ .post-image-left .post-header { margin-top: 0; margin-bottom: 0; } .post-image-left .entry-title,.post-image-left .entry-title a { font-size: 26px; } /* Post header image */ .post-header .featured-image img { max-width: 100%; height: auto; /* possible change -> width:auto !important; */} /* 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: #393939; font-size: 30px; font-weight: 700; line-height: 1.2; margin-top: 0; margin-bottom: 4px; -webkit-text-stroke: .015em rgba(57,57,57,.85); } .entry-title a:hover,.page-title a:hover,.wpb_teaser_grid .post-title a:hover { -webkit-text-stroke: 0!important; } /* Area specific - Title adjustments */ .iconBox .iconBoxTitle,.rotator .entry-title,.rotator .entry-title a,.wpb_teaser_grid .post-title,.wpb_teaser_grid .post-title a { font-size: 18px; margin-bottom: 11px; } .page-title,.page-title a,.iconBox .iconBoxTitle,.wpb_teaser_grid .post-title,.wpb_teaser_grid .post-title a { margin-bottom: 8px; } .page-title { font-size: 30px; font-weight: 700; line-height: 1.1; margin-bottom: 40px; } .single-post .page-title { display: inline-block; margin-bottom: 4px; } .entry-title a,.rotator .entry-title a,.wpb_carousel .post-title a { color: #333; text-decoration: none; display: block; margin-bottom: 0; } .entry-format { margin-top: 24px; font-weight: 400; } /* Titles on left aligned image */ .post-image-left .entry-title,.post-image-left .entry-title a { font-size: 26px; } /* 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,.single-post-format { display: inline-block; color: #999; font-size: 21px; line-height: 1; text-align: center; vertical-align: top; } .post-symbol { margin: 0 .15em 0 .1em; } /* Font specific */ .post-symbol i.fa { line-height: 23px; margin-right: .3em; } .post-symbol .entypo { line-height: 24px; margin-right: 0; -webkit-text-stroke: .015em rgba(153,153,153,.85); } .post-format-label { color: #999; font-size: 14px; font-weight: 700; } /* Individual symbol sizing (font awesome) */ .post-symbol .fa-camera { font-size: 20px; } .post-symbol .fa-play-circle { font-size: 22px; } .post-symbol .fa-volume-up { font-size: 20px; line-height: 24px; } /* (entypo) */ .format-standard .post-symbol .entypo { font-size: 20px; -webkit-text-stroke: 0; } .format-video .post-symbol .entypo { -webkit-text-stroke: 0; } .format-image .post-symbol .entypo { font-size: 20px; margin-right: 4px; } /* Post Format Icon - Single Posts */ .single-post-format { display: block; text-align: left; line-height: 24px; margin: 2px 0 12px; } .single-post-format .post-symbol { margin: 0; display: inline-block; height: 25px; } .single-post-format .post-symbol i { line-height: 24px; margin-right: 0.5em; } .single-post-format .post-symbol i, .single-post-format .post-symbol span { font-size: 28px; color: #bbb; } /* (entypo) */ .single-post-format .post-symbol span.entypo { -webkit-text-stroke: 0.008em rgba(187,187,187,.5); } .single-post-format .post-format-label { font-size: 18px; color: #bbb; } /* Single Post Individual symbol sizing (font awesome) */ .single-post-format .post-symbol i.fa-camera { font-size: 25px; } /* (entypo) */ .format-gallery .single-post-format .post-symbol .entypo { margin-right: 0.2em;} .format-image .single-post-format .post-symbol .entypo { font-size: 26px; margin-right: 0.3em; } .format-standard .single-post-format .post-symbol .entypo { font-size: 26px; } /* Article Content */ #Middle article { word-wrap: break-word; margin-bottom: 60px; } #Middle article:last-child { margin-bottom: 0; } .single-post #Middle article { margin-top: 4px; margin-bottom: 0; } /* next/prev page */ .page-links { clear:both; line-height:1.57; } /* Header meta (blog) */ .header-meta { margin: 0 0 22px; } /* Footer and Meta Details */ footer.entry-meta { clear:both; } .entry-meta { font-size:12px; line-height:1.834; } .entry-meta .meta-label { display: none; 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; } .author-meta .meta-label { display: inline; } /* Other */ .mu_register h2 { color:#757575; font-weight:400; } /* Archives (category, tag, date, taxonomy, etc...) ============================================================== */ .archive-header { margin-bottom: 40px; } .archive-title { font-size: 24px; margin:0 0 24px; line-height: 1.5em; } .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: 25px;*/ margin-bottom: 0; } .format-audio .post-header.player-with-image .jp-audio-container { margin: -42px 15px 38px; } .post-image-left.format-audio .post-header.player-with-image .jp-audio-container { margin-bottom: 0; } .format-audio .post-header.player-with-image .jp-audio-container .jp-interface { background-color: #f6f6f6; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.33); -moz-box-shadow: 0 0 15px rgba(0,0,0,.33); box-shadow: 0 0 15px rgba(0,0,0,.33); } /* 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, .format-image .header-meta { display:none; } .single-format-image .header-meta { display:block; } .format-image .entry-footer .entry-title, .format-image .entry-footer .entry-title a { display:block; font-size: 16px; line-height: 1.57; margin: 0 0 4px; } /* Quote and Link posts */ article.format-quote .post-header,article.format-link .post-header { margin-bottom: 0; margin-top: 0; background: #777; padding: 20px 30px; } .format-quote .post-header .entry-title,.format-link .post-header .entry-title { font-weight: 300; font-size: 30px; line-height: 36px; margin-bottom: 1em; margin-left: 90px; color: #fff; } .format-quote .post-header .sub-title,.format-link .post-header .sub-title { font-size: 14px; font-weight: 400; margin-left: 90px; color: #fff; line-height: 36px; } .format-quote .post-header .post-symbol,.format-link .post-header .post-symbol { color: #fff; opacity: .33; } .format-quote .post-header .post-symbol i,.format-link .post-header .post-symbol i { font-size: 60px; height: 60px; line-height: 66px; position: absolute; margin: 15px 0 0; } .format-quote .post-header .post-format-label, .format-link .post-header .post-format-label { display: none; } /* Grid Layout */ .posts-grid .format-quote .post-header .entry-title,.posts-grid .format-link .post-header .entry-title { padding: 18px 40px 12px; margin: 0; } .posts-grid .format-quote .post-header .sub-title,.posts-grid .format-link .post-header .sub-title { padding-left: 40px; margin-left: 0; } /* single link and quote */ .single-post article.format-quote .post-header,.single-post article.format-link .post-header { margin-top: 68px; } /* Link posts */ article.format-link a .post-header { -webkit-transition: all .12s ease-in-out; -moz-transition: all .12s ease-in-out; -o-transition: all .12s ease-in-out; transition: all .12s ease-in-out; } .format-link .post-header .entry-title { margin-bottom: 0.4em; -webkit-text-stroke-color: rgba(255,255,255,.5); } /* Grid Layout */ .posts-grid .format-link .post-header { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .posts-grid .format-link .post-header .sub-title { margin-left: 0; } /* Quote posts */ .format-quote .post-header .entry-title { font-style: italic; font-family: serif; -webkit-text-stroke: 0; } .format-quote .post-header .sub-title { text-transform: uppercase; letter-spacing: .15em; } .format-quote .post-header .post-symbol.end-quote { display: none; } /* Grid Layout */ .posts-grid .format-quote .post-header .entry-title { line-height: 32px; } .posts-grid .format-quote .post-header .sub-title { background: transparent; font-size: 12px; } /* Single quote */ .single-post article.format-quote .post-header { clear: both; padding: 32px 30px 40px; } /* Comments ============================================================== */ img.avatar { border-radius: 100px; } #comments.comments-area { margin: 24px 0 0; } .comments-title { display: none; margin-bottom:28px; font-size:16px; line-height:1.5; font-weight:400; } .comments-area .must-log-in { padding-left: 15px; display: inline-block; line-height: 16px; } .comments-area article { position:relative; padding:24px 15px 0 9px; margin:20px 0; border:1px solid #dadada; border-radius:2px; } #Middle .comments-area article { margin-bottom: 0; } /* override a generic 'article' style */ .comments-area article header { border-bottom: 1px solid #e6e6e6; padding: 0 0 10px; margin: 0 0 10px; } .comments-area article header img.avatar { width: 32px; height: 32px; vertical-align: middle; margin: 0 10px 0 0; } .comments-area article header cite,.comments-area article .comment-content { display:inline-block; } .comments-area article header time { margin-left: 5px; } .comments-area article header cite { font-style:normal; font-size:13px; line-height:1.42857143; margin-right: 10px; } .comments-area article header time { line-height:1.714285714; text-decoration:none; font-size:12px; } .comments-area article header a { color:#aaa; text-decoration:none; display: block; } .comments-area article header a:hover { color:#222; } .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 .commentlist li article.comment .comment-content p.edit-link a { margin-top: 0; } .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; margin-left: 0; margin-bottom: 60px; } .comments-area .commentlist li { list-style-type:none; margin:25px 0 0 0; clear:both; } .comments-area .commentlist li .children { margin: 0 0 0 4%; } .comments-area .commentlist li .children li.comment { margin-top: 25px; border: 0; } .comments-area .commentlist li .children li .comment { border-left-width: 8px; } .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; background-color: rgba(187,187,187,.2); font-size: 12px; padding: 2px 9px 3px; } a.comment-reply-link:hover { background: #aaa; background-color: rgba(187,187,187,.3); border-color: #aaa; border-color: rgba(128,128,128,.55); color: #999; } /* Comment form */ /*#respond { margin-top: 54px; }*/ #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 40px; } #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; } /* comment area border colors */ .comments-area article, .comments-area article header:before, a.comment-reply-link { border-color: rgba(128,128,128,.33); } /* Author profiles */ .author .archive-header { margin-bottom: 24px; display: none; } .author-info { border: 1px solid #ededed; border-color: rgba(128,128,128,.16); background: #f9f9f9; background-color: rgba(153,153,153,.05); margin: 50px 0 40px; padding: 20px; overflow: hidden; text-align: center; clear: both; } .author-description h2 { margin: 0; line-height: 60px; font-size: 22px; } .author-description p { font-size: 1.1rem; } .author-description .author-link { margin-bottom: 10px; } .author.archive .author-info { margin: 0 0 40px; padding: 0; border-width: 0 0 1px 0; background-color: transparent; } .author.archive .author-avatar { margin-top: 0; } .author.archive .author-description h2 { font-size: 28px; } /* Portfolio ============================================================== */ #Middle article.type-portfolio, #Middle .posts-grid article { background: #f9f9f9; border: 1px solid #E9E9E9; border-color: rgba(0,0,0,.06); border-bottom-color: rgba(0,0,0,.13); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,.06); -moz-box-shadow: 0 1px 1px 0px rgba(0,0,0,.06); box-shadow: 0 1px 1px 0px rgba(0,0,0,.06); } .single-portfolio #Middle article.type-portfolio, .tax-portfolio-category #Middle article.type-portfolio { text-align: left; } 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: 12px; } article.type-portfolio .entry-footer, .posts-grid article .entry-footer { padding: 4px 17px; margin: 0 -18px 0px; background: #efefef; border-top: 1px solid #e7e7e7; } article.type-portfolio .entry-footer, .posts-grid article .entry-footer .author { display: none; } /* no footer meta */ article.type-portfolio .entry-summary .summary > p:last-child, .posts-grid article .entry-summary .summary > p:last-child { margin-bottom: 24px; } /* VC 4 fix */ /* Portfolio specific (ignores blog grid) */ article.type-portfolio { text-align: center; padding-bottom: 6px; } article.type-portfolio .post-header { margin-bottom: 18px; } article.type-portfolio h2.entry-title, article.type-portfolio .entry-summary { margin-top: 12px; margin-bottom: 12px; } article.type-portfolio .entry-summary p { margin-bottom: 0; } /* Single Portfolio */ .single-portfolio footer.entry-meta { margin-bottom: 24px; } /* Image only (no title or excerpts) */ .image-only .post-header, .image-only article.type-portfolio .post-header, .image-only article.type-portfolio .entry-summary { margin-bottom: 0; } .image-only article.type-portfolio .entry-summary { margin-top: 0; } #Middle .image-only article.type-portfolio { padding-bottom: 0; } /* Post formats */ .single-portfolio .single-post-format { display: none; } /* Grid style footer meta icons / read more */ .posts-grid article .entry-footer.entry-meta a { font-size: 13px; font-weight: bold; text-decoration: none; } .posts-grid article .entry-footer.entry-meta .comments-meta { position: relative; top: -1px; } .posts-grid article .entry-footer .comments-icon { font-size: 21px; line-height: 1; vertical-align: middle; margin: 0 6px 0 0; } .posts-grid article .entry-footer p.readmore { float: right; } .posts-grid article .entry-footer p.readmore a { padding: 0; border: 0; line-height: 24px; } .posts-grid article .entry-footer p.readmore a:hover, .posts-grid article .entry-footer a:hover { color: #666; } .posts-grid article .entry-footer p.readmore a:after { font-size: 20px; top: 2px; } .posts-grid article .entry-footer .post-format-label { font-size: 13px; line-height: 24px; } /* 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; } /* Audio post type adjustments*/ 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; } /* Image post type adjustments*/ .posts-grid article.format-image .post-header { margin-bottom: 0; } .posts-grid article.format-image .entry-title { position: absolute; bottom: 45px; margin: 0; } .posts-grid article.format-image h2.entry-title a, .posts-grid article.format-image h2.entry-title a:hover { color: #fff; -webkit-text-stroke: none; } .posts-grid article.format-image h2.entry-title { display: block; bottom: 33px; width: 100%; padding: 24px 0 14px; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 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.5))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#88000000',GradientType=0 ); } .posts-grid article.format-image h2.entry-title a { margin: 0 18px; } /* Quote and Link post type adjustments*/ .posts-grid article.format-quote .entry-footer .comments-meta, .posts-grid article.format-link .entry-footer .comments-meta { display: none; } /* Taxonomy view (portfolio category list) */ .tax-portfolio-category #Middle article.type-portfolio,.tax-portfolio-category #Middle .posts-grid article { background: transparent; border: 0; -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: 700; 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; text-decoration: none; } /* single item */ .single-portfolio .page-title { clear: left; margin-right: 65px; margin-bottom: 18px; } .single-portfolio .post-header.title_above { margin-bottom: 40px; } .single-portfolio .portfolio-details.entry-meta { font-size: inherit; } .portfolio-details.entry-meta h5 { font-size: 14px; margin: 24px 0 12px; } .portfolio-details.entry-meta h5 a { text-decoration: none; } .portfolio-details.entry-meta h5:first-child { margin-top: 0; } .portfolio-details.entry-meta h5.project-link i { font-size: 16px; line-height: 16px; padding-left: 5px;} .post-header.title_above .featured-image { padding-top: 30px } h1 + .post-header.title_above .featured-image { padding-top: 0 } /* filtered portfolio */ ul#sort-by { margin: 0 0 20px; padding: 0; font-size: 12px; text-align: center; } ul#sort-by li { list-style-type: none; margin: 0 1px 7px; padding: 0; display: inline-block; } ul#sort-by li a { outline: none; text-decoration: none; padding: 4px 8px; background: #F4F4F4; background: rgba(153,153,153,.1); } ul#sort-by li a.active { color: #222; background: #DCDCDC; background: rgba(119,119,119,.25); } .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; } .isotope-hidden { display: none; } /* Portfolio - Custom Columns */ .portfolio-item { width: 99.9%; float: left; } #Middle .posts-grid article { margin-bottom: 24px; } div[class*='portfolio-columns-'] article { margin: 0; } @media screen and (max-width: 559px) { /* Show 2 columns */ .portfolio-columns-8 article, .portfolio-columns-7 article, .portfolio-columns-6 article { width: 48.35%; margin: 0 0.5% 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: 30px; font-weight: normal; margin-top: 8px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 48px; } .search-results .entry-title { margin-bottom: 0.25em; } .search-results .entry-title, .search-results .entry-title a, .search-results article.type-portfolio .entry-title, .search-results article.type-portfolio .entry-summary, .search-results article.type-portfolio .entry-footer, .search-results .posts-grid article .entry-title, .search-results .posts-grid article .entry-summary, .search-results .posts-grid article .entry-footer { font-size: 18px; padding-left: 0; padding-right: 0; } .search-results .post-header { display: none; } .search-results .header-meta { margin-bottom: 0.5em; } .search-results p.readmore { margin-top: 24px; } .search-results #Middle article.type-portfolio, .search-results #Middle .posts-grid article { text-align: left; border: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .search-results #Middle article, .search-results #Middle article.type-portfolio, .search-results #Middle .posts-grid article { margin-bottom: 25px; padding-bottom: 30px; border-bottom: 1px solid #eee; } /* Blank page ============================================================== */ .bank-template { height: 100%; } body.blank-page.boxed { padding: 3%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blank-page #page { max-height: auto; } .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; } /* 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; } /* Login Popup ============================================================== */ #LoginPopup { width: 325px; height: 255px; font-size: 13px !important; } #LoginPopup .formContent legend { display: none; } #LoginPopup .formContent label { margin: 1em 0 0.5em; display: block; } #LoginPopup .signInButton { float: left; margin: 1.5em 0 0; padding-left: 2em; padding-right: 2.1em; } #LoginPopup #popupLoginForgotPswd { float: right; margin: 2.5em 3px 0; } /* Plugins ============================================================== */ img#wpstats { display: block; margin: 0 auto 24px; } /* Revolution Slider -------------------------------------------------------------- */ body .rev_slider_wrapper { z-index: 1; } body .rev_slider_wrapper .tp-bullets { top: 29px; left: auto!important; right: 93px; } .rev_slider_wrapper a:focus { outline: none !important; } #SliderPad { display: none; } /* scroll padding for fullscreen slider */ /* paging for slider */ body .tp-bullets .tp-leftarrow.round,body .tp-bullets .tp-rightarrow.round,body .tp-leftarrow.default,body .tp-rightarrow.default { font-family: FontAwesome; font-weight: 400; 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-rightarrow.round:before,body .tp-rightarrow.default:before,body .tp-bullets .tp-leftarrow.round:before,body .tp-leftarrow.default:before { color: #777; font-size: 22px; width: 24px; text-align: center; display: block; line-height: 24px; text-shadow: 0 1px 0 rgba(255,255,255,.85); } 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-bullets .tp-rightarrow.round:hover:before,body .tp-rightarrow.default:hover:before,body .tp-bullets .tp-leftarrow.round:hover:before,body .tp-leftarrow.default:hover:before { color: #ccc; text-shadow: 0 -1px 0 #000; } body .tp-leftarrow.default,body .tp-rightarrow.default { width: 24px; height: 24px; color: #fff; font-size: 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; line-height: 100px; background-color: #fff; background-color: rgba(255,255,255,.8); border: 1px solid #ccc; border-color: rgba(0,0,0,.06); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; /*opacity: 0;*/ } body .tp-leftarrow.default { text-align: left; top: 30px!important; left: auto!important; right: 49px; border-right: 0; } body .tp-rightarrow.default { text-align: right; top: 30px!important; right: 24px!important; border-left: 0; } body .tp-leftarrow.default:hover,body .tp-rightarrow.default:hover { background: #393939; background: rgba(0,0,0,.65); } body .tp-leftarrow.default:hover.round:before,body .tp-rightarrow.default:hover.round:before { color: #ccc; } body .tp-bullets.hesperiden.horizontal .tp-bullet, body .tp-bullets.simplebullets.round .bullet,body .tp-bullets.simplebullets.round .bullet.last { width: 10px; height: 10px; margin-top: -4px; margin-left: 4px; margin-right: 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; border: 1px solid #ccc; border-color: rgba(0,0,0,.15); opacity: .65; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } body .tp-bullets.hesperiden.horizontal .tp-bullet.selected, body .tp-bullets.simplebullets.round .bullet.selected,body .tp-bullets.simplebullets.navbar .bullet.selected,body .tp-bullets.simplebullets.round .bullet.selected:hover,body .tp-bullets.simplebullets.navbar .bullet.selected:hover,body .tp-bullets.simplebullets.round .bullet.selected.last,body .tp-bullets.simplebullets.navbar .bullet.selected.last { border: 2px solid #fff; background: rgba(0,0,0,.05); width: 10px; height: 10px; margin-top: -5px; margin-left: 3px; margin-right: 3px; opacity: 1; } body .tp-bullets.hesperiden.horizontal .tp-bullet:hover, body .tp-bullets.simplebullets.round .bullet:hover,body body .tp-bullets.simplebullets.navbar .bullet:hover { background: #393939; border-color: rgba(255,255,255,.25); } 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; } body .tp-bullets.hesperiden.horizontal { top: 59px !important; left: auto!important; right: 83px; } /* 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; } /* WooCommerce -------------------------------------------------------------- */ body.woocommerce .page-title { line-height: 50px; margin-bottom: 0; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img, .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img { border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font-weight: bold; font-size: 1.15em; float: right; } .woocommerce-page #content div.product .summary p.price { font-size: 2em; } .woocommerce .related.products ul.products li.product .price { float: none; } .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { display: none; } .woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page a.button.alt,.woocommerce-page button.button.alt,.woocommerce-page input.button.alt,.woocommerce-page #respond input#submit.alt,.woocommerce-page #content input.button.alt { color: #999; background-color: transparent; background: none; border: 1px solid #ccc; border-radius: 0; box-shadow: none; font-size: 13px; padding: 7px 31px 7px 14px; line-height: 1em; font-weight: 400; left: auto; position: relative; text-decoration: none; text-shadow: none; white-space: nowrap; background-image: url(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/misc/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; } .woocommerce a.button:hover,.woocommerce-page a.button:hover,.woocommerce button.button:hover,.woocommerce-page button.button:hover,.woocommerce input.button:hover,.woocommerce-page input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover,.woocommerce #content input.button.alt:hover,.woocommerce-page a.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page input.button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,.woocommerce-page #content input.button.alt:hover { background: none; background-image: url(http://www.tanzanianfineart.com/wp-content/themes/parallelus-vellum/assets/images/misc/arrow-right.png); background-repeat: no-repeat; background-position: right 15px center; color: #666; border-color: #999; text-shadow: none; } .woocommerce .return-to-shop a.button { background-image: none; padding-right: 14px; } .woocommerce .quantity .plus,.woocommerce .quantity .minus,.woocommerce #content .quantity .plus,.woocommerce #content .quantity .minus,.woocommerce-page .quantity .plus,.woocommerce-page .quantity .minus,.woocommerce-page #content .quantity .plus,.woocommerce-page #content .quantity .minus { background: none; text-shadow: none; } .woocommerce .quantity .plus:hover,.woocommerce .quantity .minus:hover,.woocommerce #content .quantity .plus:hover,.woocommerce #content .quantity .minus:hover,.woocommerce-page .quantity .plus:hover,.woocommerce-page .quantity .minus:hover,.woocommerce-page #content .quantity .plus:hover,.woocommerce-page #content .quantity .minus:hover { background: none; color: #666; border-color: #999; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { margin: 0 5px 0 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { font-weight: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: #F7F7F7; background: rgba(221,221,221,.2); box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce .related ul.products li.product,.woocommerce .related ul li.product,.woocommerce .upsells.products ul.products li.product,.woocommerce .upsells.products ul li.product,.woocommerce-page .related ul.products li.product,.woocommerce-page .related ul li.product,.woocommerce-page .upsells.products ul.products li.product,.woocommerce-page .upsells.products ul li.product { width: 14%; } .woocommerce a.button.added:before,.woocommerce button.button.added:before,.woocommerce input.button.added:before,.woocommerce #respond input#submit.added:before,.woocommerce #content input.button.added:before,.woocommerce-page a.button.added:before,.woocommerce-page button.button.added:before,.woocommerce-page input.button.added:before,.woocommerce-page #respond input#submit.added:before,.woocommerce-page #content input.button.added:before { background: none; } .woocommerce-message, .woocommerce-info, .woocommerce-error { background: none repeat scroll 0 0 #F7F7F7 !important; border-radius: 0 !important; box-shadow: none !important; color: #333 !important; list-style: none outside none !important; margin: 0 0 2em !important; padding: 1.5em 1em 1.5em 4.5em !important; position: relative !important; text-shadow: 0 1px 0 #FFF !important; width: auto !important; } .woocommerce span.onsale,.woocommerce-page span.onsale { color: #FFF; } .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before { display: none; } /* checkout buttons/inputs */ .woocommerce table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon .input-text { border: 1px solid #DFDBDF; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1) inset; float: left; line-height: 21px; margin: 0 4px 0 0; outline: 0 none; padding: 3px 9px; text-align: center; width: 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce table.cart input, .woocommerce #content table.cart input, .woocommerce-page table.cart input, .woocommerce-page #content table.cart input, .woocommerce table.cart input.checkout-button, .woocommerce #content table.cart input.checkout-button, .woocommerce-page table.cart input.checkout-button, .woocommerce-page #content table.cart input.checkout-button { padding-top: 3px; padding-bottom: 3px; line-height: 21px; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { width: 100%; text-align: center; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { background: #fff; height: 28px; border-color: #ccc; } .woocommerce .product-quantity { text-align: center; } .wc-forward a:after, .wc-forward:after { content: ""; } @media screen and (max-width: 480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product { width: 47%; } .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { float: none; display: block; left:auto; right: auto; margin-top: 47px; } .woocommerce-message, .woocommerce-error, .woocommerce-info { padding-bottom: 55px; } .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon { width: 100%; margin: 50px 0 2%; } input[name=update_cart] { float: right !important; margin-right: 2px !important; top: -76px; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { width: 61%; height: 28px; } .checkout-button { width: 100% !important; height: 50px !important; line-height: 50px !important; margin-top: 12px !important; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100%; } .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 30px; } } /* bbPress -------------------------------------------------------------- */ body.bbpress .page-title { margin-bottom: 0; } #bbpress-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: inherit; } #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p { line-height: 36px; margin-bottom: 40px; } #bbpress-forums div.bbp-breadcrumb .bbp-breadcrumb-sep { font-size: 1.75em; line-height: 32px; display: inline-block; vertical-align: top; padding: 0 4px; } #bbpress-forums #bbp-search-form { display: none; padding-bottom: 10px; } #bbpress-forums #bbp_search { margin-bottom: 40px; } #bbpress-forums #bbp_search { float: left; margin-right: 5px; } #bbpress-forums #bbp_search_submit { float: right; } #bbp_search, #bbp_search_submit { padding-top: 6px; padding-bottom: 6px; line-height: 18px; } #bbpress-forums #subscription-toggle, .bbp-reply-content span#favorite-toggle { float: right; line-height: 36px; font-size: 0.9em; } #bbpress-forums #subscription-toggle a:before, .bbp-reply-content span#favorite-toggle a:before { font-family: "FontAwesome"; content: "\f0e0"; font-size: 14px; margin: 0 0.5em 0; } .bbp-reply-content span#favorite-toggle a:before { content: "\f02e"; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 0; } #bbpress-forums li.bbp-header { background: none; font-size: 14px; font-weight: 400; } #bbpress-forums li.bbp-header .bbp-forum-topic-count, #bbpress-forums li.bbp-header .bbp-forum-reply-count, #bbpress-forums li.bbp-header .bbp-topic-voice-count, #bbpress-forums li.bbp-header .bbp-topic-reply-count { text-align: left; } #bbpress-forums .bbp-body .bbp-forum-info .bbp-forum-title, #bbpress-forums .bbp-body .bbp-topic-title { font-weight: bold; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta, #bbpress-forums .bbp-forums-list li, #bbpress-forums .bbp-body .bbp-topic-title .bbp-topic-meta { font-size: 0.9em; font-weight: normal; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin-top: 0; } #bbpress-forums .bbp-body li.bbp-forum-topic-count, #bbpress-forums .bbp-body li.bbp-forum-reply-count, #bbpress-forums .bbp-body li.bbp-topic-voice-count, #bbpress-forums .bbp-body li.bbp-topic-reply-count { font-weight: bold; position: relative; text-align: left; padding-left: 6px !important; padding-right: 20px !important; } #bbpress-forums .bbp-body .bbp-forum-topic-count:before, #bbpress-forums .bbp-body .bbp-forum-reply-count:before, #bbpress-forums .bbp-body .bbp-topic-voice-count:before, #bbpress-forums .bbp-body .bbp-topic-reply-count:before { font-family: "FontAwesome"; content: "\f0e5"; font-size: 27px; font-weight: normal; position: relative; line-height: 19px; left: -8px; vertical-align: top; } #bbpress-forums .bbp-body .bbp-forum-reply-count:before, #bbpress-forums .bbp-body .bbp-topic-reply-count:before { content: "\f0e6"; font-size: 32px; line-height: 25px; } #bbpress-forums .bbp-body .bbp-topic-voice-count:before { content: "\f007"; font-size: 28px; line-height: 24px; } #bbpress-forums .bbp-body .bbp-forum-freshness, #bbpress-forums .bbp-body .bbp-topic-freshness { color: #a8a8a8; font-size: 0.9em; } #bbpress-forums .bbp-body .bbp-forum-freshness a, #bbpress-forums .bbp-body .bbp-topic-freshness a { color: #a8a8a8; } #bbpress-forums .bbp-forum-freshness .bbp-topic-meta, #bbpress-forums .bbp-topic-freshness .bbp-topic-meta, #bbpress-forums .bbp-body .bbp-topic-title .bbp-topic-meta img { display: none; } #bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.even, #bbpress-forums ul.even { background: transparent; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #F7F7F7; background-color: rgba(221,221,221,.2); padding: 5px 10px; font-size: 0.9em; border: 1px solid #ddd; } #bbpress-forums div.bbp-template-notice.info { display: none; } #bbpress-forums .bbp-pagination { font-size: 0.9em; } #bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author, #bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { line-height: 36px; } /* Submit form */ .bbp-topic-form, .bbp-reply-form { margin-top: 6em; background-color: #F7F7F7; background-color: rgba(221,221,221,.2); border: 1px solid #ddd; padding: 15px 20px 9px; } #bbpress-forums fieldset.bbp-form { border: 0; padding: 0; } #bbpress-forums fieldset.bbp-form legend { padding: 0; margin: 0 0 2em; font-weight: bold; } #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input { background-color: #fff; } #bbpress-forums div.bbp-the-content-wrapper { border: 1px solid #ddd; } #bbpress-forums div.bbp-submit-wrapper button { margin-left: 0; } /* Topic lists as table display */ #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-body, #bbpress-forums li.bbp-footer { display: table; width: 100%; padding: 0; border-bottom: 0; } #bbpress-forums li.bbp-header ul, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { display: table-row; padding: 0; } #bbpress-forums li.bbp-header ul > li, #bbpress-forums li.bbp-body ul.forum > li, #bbpress-forums li.bbp-body ul.topic > li { display: table-cell; float: none; vertical-align: middle; padding: 15px 0; border-bottom: 1px solid #eaeaea; } #bbpress-forums li.bbp-header ul > li { padding: 10px 0; } #bbpress-forums li.bbp-footer { background: transparent; border-top: 0; display: none; } /* bbPress Widget Login */ .widget .bbp-logged-in h4 { font-size: 16px; margin-bottom: 3px; margin-top: 0; line-height: 1.25; } .widget .bbp-logged-in .logout-link { font-size: 12px; } .widget .bbp-login-form label { font-size: 12px; line-height: 18px; } .widget .bbp-login-form .bbp-remember-me label { vertical-align: top; width: auto; } .widget div.bbp-submit-wrapper { float: none; } .widget div.bbp-submit-wrapper button { width: 100%; } /* bbPress Widget Search */ .widget #bbp_search { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 0.5em; } .widget #bbp_search_submit { margin-left: 0; margin-right: 0; width: auto; } /* CSS3 Responsive Web Pricing Tables Grids -------------------------------------------------------------- */ .css3_grid_clearfix { margin-bottom: 40px; } /* 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; border-radius: 2px; overflow: hidden; } .jp-audio div.jp-interface, .jp-video div.jp-interface { background-color: #d0d0d0; border: 0; } .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: 24px; } .jp-controls { list-style-type:none; padding:0; margin:0; } .jp-controls li { display:inline; margin:0; } .jp-controls a { color:#393939; background:transparent!important; width:24px; height: 24px; padding:0 0 0 10px; display:inline-block; position:absolute; top:0; border-bottom:none; font-size:14px; line-height: 24px; 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: 10px; } a.jp-pause { display:none; } a.jp-pause:hover { background-position:-33px -30px; } a.jp-mute,a.jp-unmute { right: 52px; } .jp-progress-container,.jp-volume-bar-container { position: absolute; top: 0; height: 24px; padding: 0 0 0 10px; } .jp-progress-container { left:34px; right:92px; } .jp-progress,.jp-volume-bar { height:24px; background:#E7E7E7; } .jp-seek-bar { width:0; height:24px; cursor:pointer; background:#E0E0E0; } .jp-progress,.jp-seek-bar { background:#E0E0E0; } .jp-play-bar,.jp-volume-bar-value { width:0; height:24px; background:#BABABA; } .jp-volume-bar-container { right: 0; width:50px; } .jp-volume-bar { position:relative; overflow:hidden; width:50px; cursor:pointer; background: #E0E0E0; } .jp-volume-bar-value { width:0; } .seperator-first,.seperator-second { width:0; position:absolute; top:0; left:33px; } .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 a, .comments-area .commentlist li .comment .edit-link a { 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; } span.edit-link a { background-color: rgba(255,255,255,.3); border-color: rgba(0,0,0,.3); margin: 2em 0; } span.edit-link a:link, span.edit-link a:visited { color: #333; text-decoration: none; } .entry-footer span.edit-link a { margin: 1em 0; } .edit-link { display: none; } /* hide all edit links, use "Ctrl+Click" to show */ /* Smooth scrollbar ============================================================== */ #ascrail2000 > div:hover { background-color: rgba(0, 0, 0, 0.65) !important; }\ /* Rows spacing adjustments ============================================================== */ .wpb_row.row-fluid { padding-top: 40px; padding-bottom: 20px; } .entry-content > .vc_section_wrapper:first-child .wpb_row.row-fluid, .wpb_row.row-fluid .wpb_row.row-fluid { padding-top: 0; padding-bottom: 0; } /* Special background functionality (background colors, images, parallax, etc) ============================================================== */ /* 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 { position: relative; }/* prevent background covering content. */ /* Background images fill container, and force fill container by default (applies automatically under 1200px width) */ .vc_section_wrapper.has_bg_img .bg-layer, .vc_section_wrapper.has_bg_img.cover_all .bg-layer { /* background-position: center 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; } /* Parallax */ .parallax-section.has_bg_img .bg-layer { background-attachment: scroll !important; background-position: 50% 0; } /* set to "fixed" in @media (min-width: 768px) */ /* 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: -32px; } /* uses -48px in @media min-width: 768px */ /* Other and Helper Classes ============================================================== */ /* Layout helpers */ .no-margin { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important; } .no-margin-top { margin-top: 0!important; } .no-margin-bottom { margin-bottom: 0!important; } /* Table of Contents */ .toc { padding: 15px 20px 0; background: #f9f9f9; border: 1px solid #d9d9d9; } .toc .widget li:last-child { border-bottom: 0; padding-bottom: 0; } .toc .wpb_wrapper .widget li:last-child { padding-bottom: 14px; } /* VC Fix */ /* Titles attached to bottom of content sections */ .title-bottom-attached { position: absolute; bottom: 0; width: 100%; color: #fff; font-size: 45px; font-weight: 800; text-align: right; line-height: .8; letter-spacing: -.01em; margin-bottom: -.11em !important; } /* Rounded corners - makes circles */ .circle,[ class*="icon-circle"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } /* Images as circles */ .circle-images img, img.circle-image { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } /* Icons inside circles */ .fa.icon-circle, .fa.icon-circle-small, .fa.icon-circle-large { font-size: 14px; background-color: rgba(255,255,255,.4); width: 1em; height: 1em; text-align: center; padding: 6px; margin-top: -0.18em; vertical-align: middle; } .fa.icon-circle.fa-inverse, .fa.icon-circle-small.fa-inverse, .fa.icon-circle-large.fa-inverse { background-color: rgba(0,0,0,.4); } .fa.icon-circle-small { font-size: 11px; padding: 4px; } .fa.icon-circle-large { font-size: 28px; padding: 10px; } /* Image border styling */ div[class*="image-border-"] img, img[class*="image-border-"] { border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-border-thin img, img.image-border-thin { border-width: 6px; } .image-border-medium img, img.image-border-medium { border-width: 12px; } .image-border-thick img, img.image-border-thick { border-width: 18px; } /* custom colors */ .image-border-white img, img.image-border-white { border-color: #fff !important; } .image-border-black img, img.image-border-black { border-color: #000 !important; } /* ============================================================== * Media queries * ==============================================================*/ @media screen and (max-width: 480px) { /* VC Tour - Hide tabs on phone */ body.vc_responsive #content .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav { display: none; } /* Simple Content shortcode */ .simpleContent.image_left .image { max-width: 100%; } .simpleContent.image_left .textContent { clear: left; position: relative; max-width: 100%; } } /* 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 1515 pixels. */ @media screen and (min-width: 1515px) { /* maximum left/right content margin for default vertical masthead */ body.full-width-left #ContentWrapper { margin-left: 375px; } body.full-width-right #ContentWrapper { margin-right: 375px; } body.full-width-left #page .inner-wrapper,body.full-width-left #page .grid-row,body.full-width-right #page .inner-wrapper,body.full-width-right #page .grid-row { margin-left: 0; margin-right: 0; } /* Alternate size vertical mastheads (additional settings below in 'min-width: 768px' section) */ body.v-masthead-large.full-width-left #ContentWrapper { margin-left: 450px; } body.v-masthead-large.full-width-right #ContentWrapper { margin-right: 450px; } } /* Minimum width of 1304 pixels. */ @media screen and (min-width: 1303px) { /* maximum left content margin for small vertical masthead */ body.v-masthead-small.full-width-left #ContentWrapper { margin-left: 300px; } body.v-masthead-small.full-width-right #ContentWrapper { margin-right: 300px; } } /* Minimum width of 768 pixels. */ @media screen and (min-width: 768px) { } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { /* site structure */ body.boxed, body.boxed-left, body.boxed-right { padding: 0 3%; } body.boxed #page, body.boxed-left #page, body.boxed-right #page { max-width: 1300px; -webkit-box-shadow: 0 0px 25px rgba(0,0,0,0.25); -moz-box-shadow: 0 0px 25px rgba(0,0,0,0.25); box-shadow: 0 0px 25px rgba(0,0,0,0.25); border: 1px solid #E1E1E1; border-width: 0 1px; border-color: rgba(0,0,0,.04); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } #page .inner-wrapper, #page .grid-row { margin: 0 auto; /*max-width: 1300px;*/ padding: 0 50px; } /* transfer padding to parallax containers in boxed layout */ body.boxed .vc_section_wrapper, body.boxed-left .vc_section_wrapper, body.boxed-right .vc_section_wrapper { position: relative; margin-left: -50px; margin-right: -50px; padding: 0 50px; } body.boxed .vc_section_wrapper .bg-layer, body.boxed-left .vc_section_wrapper .bg-layer, body.boxed-right .vc_section_wrapper .bg-layer { height: 100% !important; } /* Content section */ #Middle .grid-section-1 .grid-row { padding-top: 48px; } /* top padding */ *[class*='grid-section-']:last-child .grid-row { padding-bottom: 48px; } /* bottom padding */ /* First Parallax 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: -48px; } /* Horizontal centering of content area */ #Top, #Middle, #Bottom, .full-width .masthead-row, .boxed .masthead-row { max-width: 1300px; margin-left: auto; margin-right: auto; } /* Footer */ .footer-social-icons { margin-bottom: 100px; } /* Back to top button */ #BackToTop { bottom: 20px; right: 20px; } .full-width-right #BackToTop, .boxed-right #BackToTop { right: auto; left: 20px; } #BackToTop a:link, #BackToTop a:visited { width: 48px; height: 48px; line-height: 48px; font-size: 18px; } /* Top Banner */ #masthead .site-title { float: left; display: block; min-height: 0; } #masthead .site-title a { font-size:36px; display: block; display: inline-block; max-width: 100%; } #masthead .site-title a.logo-image img { max-height: 100%; } /* Text */ blockquote, .pull-left, .pull-right { border: 4px solid #999; padding: 0 30px 2px; } blockquote, .pull-right { border-width: 0 0 0 4px; } .pull-left { float: left; width: 35%; margin-left: 0; padding-left: 0; border-width: 0 4px 0 0; } .pull-right { float: right; width: 35%; margin-right: 0; padding-right: 0; } /* Main Menu */ #MainNav .ubermenu-main { position: relative; } /* set to static for mobile, this just resets that setting */ /* Top Masthead (horizontal) - Menu positioning */ .boxed .masthead-container,.full-width .masthead-container { padding: 24px 0; margin-left: auto; margin-right: auto; } .boxed #MainNav .ubermenu-main, .full-width #MainNav .ubermenu-main { position: absolute; right: 50px; left: 50px; width: auto; float: right; margin-right: 0; padding: 5px 0 0; } .boxed #masthead, .full-width #masthead { position: relative; } /* shadows won't show without this */ .boxed #masthead,.full-width #masthead,.dockedNav.boxed #masthead,.dockedNav.full-width #masthead { -webkit-box-shadow: 0 0px 8px rgba(0,0,0,.25); -moz-box-shadow: 0 0px 8px rgba(0,0,0,.25); box-shadow: 0 0px 8px rgba(0,0,0,.25); } .boxed .ubermenu-main.ubermenu-horizontal ul.ubermenu-nav > li.menu-item > .ubermenu-submenu,.full-width .ubermenu-main.ubermenu-horizontal ul.ubermenu-nav > li.menu-item > .ubermenu-submenu { top: auto!important; } /* indent and mark the current top level menu item */ /*#MainNav .ubermenu-main ul.ubermenu-nav > li.ubermenu-item.ubermenu-current-menu-item > a span,.full-width #MainNav .ubermenu-main ul.ubermenu-nav > li.ubermenu-item.ubermenu-current-menu-item > a span { padding-left: 20px; }*/ /* top level menu item */ .boxed .ubermenu-main ul.ubermenu-nav > li.menu-item > a,.boxed .ubermenu-main ul.ubermenu-nav > li.menu-item > span.um-anchoremulator,.full-width .ubermenu-main ul.ubermenu-nav > li.menu-item > a,.full-width .ubermenu-main ul.ubermenu-nav > li.menu-item > span.um-anchoremulator { padding-bottom: 20px; } /* Fix for mega-menus displaying properly with a right menu position */ .boxed #page #MainNav .inner-wrapper, .full-width #page #MainNav .inner-wrapper { position: relative; } .boxed #MainNav .ubermenu-main.ubermenu-horizontal > ul.ubermenu-nav, .full-width #MainNav .ubermenu-main.ubermenu-horizontal > ul.ubermenu-nav { text-align: right; } .boxed #MainNav .ubermenu-main ul.ubermenu-nav > li.menu-item, .full-width #MainNav .ubermenu-main ul.ubermenu-nav > li.menu-item { float: none; } /* Search in Horizontal Masthead */ .boxed #NavExtras,.full-width #NavExtras { position: relative; } .boxed #NavSearchForm input,.full-width #NavSearchForm input { position: inherit; } .boxed .navSearch a,.full-width .navSearch a { margin: 0; padding: 0 3px; } .boxed #NavSearchForm,.full-width #NavSearchForm { position: absolute; top: 53px; right: -24px; background-color: #fff; padding: 5px; border-radius: 2px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); box-shadow: 0 2px 2px rgba(0,0,0,.25); } .boxed #NavSearchForm:after,.full-width #NavSearchForm:after { content: ''; display: block; position: absolute; top: -12px; right: 30px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; } .boxed .ubermenu-main ul.ubermenu-nav > li.menu-item > a:hover,.boxed .ubermenu-main ul.ubermenu-nav > li.menu-item.megaHover > a,.full-width .ubermenu-main ul.ubermenu-nav > li.menu-item > a:hover,.full-width .ubermenu-main ul.ubermenu-nav > li.menu-item.megaHover > a { background-image: none; } /* Adjust masthead postion */ .boxed #MainNav.hasSearch .ubermenu-main, .full-width #MainNav.hasSearch .ubermenu-main { margin-right: 15px; right: 70px; } /* Show arrow on sub-menus */ .ubermenu-main ul.ubermenu-nav li.menu-item.mega-with-sub > a:after, .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:after, .ubermenu-main ul.ubermenu-nav li.menu-item.mega-with-sub > span.um-anchoremulator:after, .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { top: 100%; right: 50%; margin-top: 0; margin-right: -12px; width: 0; border: 12px solid transparent; border-top: 0; -webkit-transition: border-color .12s ease-out .06s, margin .2s ease-out .2s; -moz-transition: border-color .12s ease-out .06s, margin .2s ease-out .2s; -o-transition: border-color .12s ease-out .06s, margin .2s ease-out .2s; transition: border-color .12s ease-out .06s, margin .2s ease-out .2s; } .ubermenu-main ul.ubermenu-nav > li.mega-with-sub:hover > a:after, .ubermenu-main ul.ubermenu-nav > li.mega-with-sub > a:hover:after, .ubermenu-main ul.ubermenu-nav > li.mega-with-sub:hover > span.um-anchoremulator:after, .ubermenu-main ul.ubermenu-nav > li.mega-with-sub > span.um-anchoremulator:hover:after { margin-top: -12px; border-bottom-color: #fff; -webkit-transition: border-color .18s ease-out .3s, margin .2s ease-out .25s; -moz-transition: border-color .18s ease-out .3s, margin .2s ease-out .25s; -o-transition: border-color .18s ease-out .3s, margin .2s ease-out .25s; transition: border-color .18s ease-out .3s, margin .2s ease-out .25s; } /* Vertical Masthead Layouts */ .boxed-left #masthead,.full-width-left #masthead,.boxed-right #masthead,.full-width-right #masthead { background-color: transparent; } .boxed-left #masthead .site-title,.full-width-left #masthead .site-title,.boxed-right #masthead .site-title,.full-width-right #masthead .site-title { float: none; text-align: right; } .boxed-right #masthead .site-title,.full-width-right #masthead .site-title { text-align: left; } .boxed-left #masthead .site-title a.logo-image,.full-width-left #masthead .site-title a.logo-image,.boxed-right #masthead .site-title a.logo-image,.full-width-right #masthead .site-title a.logo-image { margin: 48px 0 24px; } .boxed-left #page,.full-width-left #page,.boxed-right #page,.full-width-right #page { position: relative; } .boxed-left #masthead,.full-width-left #masthead,.boxed-left .masthead-vertical-bg,.full-width-left .masthead-vertical-bg,.boxed-right #masthead,.full-width-right #masthead,.boxed-right .masthead-vertical-bg,.full-width-right .masthead-vertical-bg { position: fixed; top: 0; bottom: 0; width: 25%; max-width: 375px; } /* adjust for the stupid WP admin bar */ body.admin-bar.boxed-left #masthead,body.admin-bar.full-width-left #masthead,body.admin-bar.boxed-left .masthead-vertical-bg,body.admin-bar.full-width-left .masthead-vertical-bg,body.admin-bar.boxed-right #masthead,body.admin-bar.full-width-right #masthead,body.admin-bar.boxed-right .masthead-vertical-bg,body.admin-bar.full-width-right .masthead-vertical-bg { top: 28px; } .full-width-left #masthead .inner-wrapper { padding: 0 50px; } .full-width-right #masthead .inner-wrapper { padding: 0 50px; } .full-width-left #ContentWrapper { margin-left: 25%; } .full-width-right #ContentWrapper { margin-right: 25%; } .boxed-left .masthead-vertical-bg,.full-width-left .masthead-vertical-bg { -webkit-box-shadow: 4px 0 6px rgba(0,0,0,.08); -moz-box-shadow: 4px 0 6px rgba(0,0,0,.08); box-shadow: 4px 0 6px rgba(0,0,0,.08); } .boxed-right .masthead-vertical-bg,.full-width-right .masthead-vertical-bg { -webkit-box-shadow: -4px 0 6px rgba(0,0,0,.08); -moz-box-shadow: -4px 0 6px rgba(0,0,0,.08); box-shadow: -4px 0 6px rgba(0,0,0,.08); } /* Hide the sidebar background on full width sliders */ .boxed-left #masthead.fullSlider .masthead-vertical-bg,.full-width-left #masthead.fullSlider .masthead-vertical-bg,.boxed-right #masthead.fullSlider .masthead-vertical-bg,.full-width-right #masthead.fullSlider .masthead-vertical-bg { opacity: 0; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ } .boxed-left #MainNav .inner-wrapper, .full-width-left #MainNav .inner-wrapper, .boxed-right #MainNav .inner-wrapper, .full-width-right #MainNav .inner-wrapper { padding: 0; } /* Slightly different rules for boxed version of vertical header (can't use % widths relative to a container for fixed position) */ .boxed-left #masthead,.boxed-left #masthead .masthead-container,.boxed-left .masthead-vertical-bg,.boxed-right #masthead,.boxed-right #masthead .masthead-container,.boxed-right .masthead-vertical-bg { width: 300px; } .boxed-left #ContentWrapper { margin-left: 300px; } .boxed-right #ContentWrapper { margin-right: 300px; } /* Alternate size vertical mastheads (Large) */ .v-masthead-large.boxed-left #masthead,.v-masthead-large.full-width-left #masthead,.v-masthead-large.boxed-left .masthead-vertical-bg,.v-masthead-large.full-width-left .masthead-vertical-bg,.v-masthead-large.boxed-right #masthead,.v-masthead-large.full-width-right #masthead,.v-masthead-large.boxed-right .masthead-vertical-bg,.v-masthead-large.full-width-right .masthead-vertical-bg { width: 30%; max-width: 450px; } .v-masthead-large.full-width-left #ContentWrapper { margin-left: 30%; } .v-masthead-large.full-width-right #ContentWrapper { margin-right: 30%; } /* Alternate size vertical mastheads (Small) */ .v-masthead-small.boxed-left #masthead,.v-masthead-small.full-width-left #masthead,.v-masthead-small.boxed-left .masthead-vertical-bg,.v-masthead-small.full-width-left .masthead-vertical-bg,.v-masthead-small.boxed-right #masthead,.v-masthead-small.full-width-right #masthead,.v-masthead-small.boxed-right .masthead-vertical-bg,.v-masthead-small.full-width-right .masthead-vertical-bg { max-width: 300px; } .v-masthead-small.full-width-left #ContentWrapper { margin-left: 23%; } .v-masthead-small.full-width-right #ContentWrapper { margin-right: 23%; } /* Menu hover style */ .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0 > a:hover,.ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0.megaHover > span.um-anchoremulator { color: #fff; padding-right: 45px; } /* Vertical sub-menu width adjustment */ .ubermenu-main.ubermenu-vertical ul li.menu-item.ss-nav-menu-reg ul.sub-menu-1 { min-width: 220px; } /* Vertical Sub-menu (level 1) */ .ubermenu-main.ubermenu-vertical ul.ubermenu-nav > li.menu-item > ul.sub-menu-1 { -webkit-box-shadow: 2px 1px 8px rgba(0,0,0,.1); -moz-box-shadow: 2px 1px 8px rgba(0,0,0,.1); box-shadow: 2px 1px 8px rgba(0,0,0,.1); } /* Vertical sub-megamenu width */ .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.ss-nav-menu-mega.ubermenu-item-level-0 ul.sub-menu-1 { width: 540px; max-width: 540px; } /* Vertical Masthead - Right Positioned */ .boxed-right #masthead { position: absolute; } .boxed-right #masthead .masthead-container { position: fixed; } .boxed-right #masthead, .full-width-right #masthead, .full-width-right .masthead-vertical-bg { right: 0; } /* Vertical Masthead Right - Menu Styles */ body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0 { text-align: left; } /* Vertical Sub-menu (level 1) */ body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav > li.menu-item > ul.sub-menu-1,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav > li.menu-item > ul.sub-menu-1 { -webkit-box-shadow: -2px 1px 8px rgba(0,0,0,.1); -moz-box-shadow: -2px 1px 8px rgba(0,0,0,.1); box-shadow: -2px 1px 8px rgba(0,0,0,.1); } body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item ul.sub-menu-1,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item ul.sub-menu-1,body.boxed-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignRight .ubermenu-submenu,body.full-width-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignRight .ubermenu-submenu { left: auto!important; right: 100%; } /* Hover indicator - sub-menu arrows (vertical menus - RIGHT MASTHEAD) */ body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > a:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > span.um-anchoremulator:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > a:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > span.um-anchoremulator:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after { border-top: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 0; left: 0; margin-right: 0; margin-left: -15px; } body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > a:hover:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:hover:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub:hover > a:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega:hover > a:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub:hover > span.um-anchoremulator:after,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega:hover > span.um-anchoremulator:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub > a:hover:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:hover:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub:hover > a:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega:hover > a:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.mega-with-sub:hover > span.um-anchoremulator:after,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ss-nav-menu-mega:hover > span.um-anchoremulator:after { border-left-color: #fff; margin-left: 0; } /* Menu hover style */ body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0 > a:hover,body.boxed-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0.megaHover > span.um-anchoremulator,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0 > a:hover,body.full-width-right .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.menu-item.ubermenu-item-level-0.megaHover > span.um-anchoremulator { padding-left: 45px; } body.boxed-right .ubermenu-main ul.ubermenu-nav li.menu-item.mega-with-sub > a:after,body.boxed-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:after,body.full-width-right .ubermenu-main ul.ubermenu-nav li.menu-item.mega-with-sub > a:after,body.full-width-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-mega > a:after { float: left; border-width: 0; } body.boxed-right .ubermenu-main ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu,body.full-width-right .ubermenu-main ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu { left: -100%; right: 100%; } body.boxed-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,body.full-width-right .ubermenu-main ul.ubermenu-nav li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after { border-width: 0; left: 8px!important; border-top: 4px solid transparent; border-right: 5px solid; border-bottom: 4px solid transparent; } body.boxed-right .ubermenu-main ul.ubermenu-nav > li.ubermenu-item.ubermenu-current-menu-item > a:before,body.full-width-right .ubermenu-main ul.ubermenu-nav > li.ubermenu-item.ubermenu-current-menu-item > a:before { content: "\f104"; position: absolute; left: 0; text-align: right; margin-left: 0; } .full-width-right .ubermenu-vertical .ubermenu-item > .ubermenu-submenu .ubermenu-submenu-drop, .boxed-right .ubermenu-vertical .ubermenu-item > .ubermenu-submenu .ubermenu-submenu-drop { margin-right: -1px; } /* Header/Top Banner Widget Areas */ #MastheadSidebar-1,#MastheadSidebar-2 { display: block; } .boxed-left #MastheadSidebar-1,.full-width-left #MastheadSidebar-1,.boxed-left #MastheadSidebar-2,.full-width-left #MastheadSidebar-2 { text-align: right; } body.full-width-left .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.ss-nav-menu-mega.ubermenu-item-level-0 ul.sub-menu-1,body.boxed-left .ubermenu-main.ubermenu-vertical ul.ubermenu-nav li.ss-nav-menu-mega.ubermenu-item-level-0 ul.sub-menu-1 { left: 100%!important; min-height: 230px; } .boxed-right #MastheadSidebar-1,.full-width-right #MastheadSidebar-1,.boxed-right #MastheadSidebar-2,.full-width-right #MastheadSidebar-2 { text-align: left; } .boxed-left #MastheadSidebar-1,.full-width-left #MastheadSidebar-1,.boxed-left #MastheadSidebar-2 .widget,.full-width-left #MastheadSidebar-2 .widget,.boxed-right #MastheadSidebar-1,.full-width-right #MastheadSidebar-1,.boxed-right #MastheadSidebar-2 .widget,.full-width-right #MastheadSidebar-2 .widget { position: relative; } .boxed-left .masthead-container,.full-width-left .masthead-container,.boxed-right .masthead-container,.full-width-right .masthead-container { min-height: 100%; top: 0; padding-top: 0; padding-bottom: 0; } .boxed-left #MastheadSidebar-1 .widget,.full-width-left #MastheadSidebar-1 .widget,.boxed-right #MastheadSidebar-1 .widget,.full-width-right #MastheadSidebar-1 .widget { padding-top: 30px; } .boxed-left #MastheadSidebar-2,.full-width-left #MastheadSidebar-2,.boxed-right #MastheadSidebar-2,.full-width-right #MastheadSidebar-2 { position: absolute; bottom: 0; width: 100%; } .boxed-left #MastheadSidebar-2 .widget-area,.full-width-left #MastheadSidebar-2 .widget-area,.boxed-right #MastheadSidebar-2 .widget-area,.full-width-right #MastheadSidebar-2 .widget-area { padding-bottom: 40px; } #MastheadSidebar-1,#MastheadSidebar-2,#MastheadSidebar-1 .widget-title,#MastheadSidebar-2 .widget-title { color: #fff; text-shadow: 1px 1px #333; } #MastheadSidebar-1 .widget-title,#MastheadSidebar-2 .widget-title { margin-top: 0; } /* Gradient overlay behind widget areas */ .masthead-container > .top-wrapper:before,#MastheadSidebar-2 .widget-area:before { content: ''; position: absolute; background-repeat: repeat-x; right: 0; left: 0; /*opacity: .5;*/ } .masthead-container > .top-wrapper { position: relative; } .masthead-container > .top-wrapper:before { top: 0; bottom: -100px; background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); } #MastheadSidebar-2 .widget-area:before { top: -150px; bottom: 0; background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient(bottom,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); background-image: linear-gradient(to top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); } .boxed .masthead-container > .top-wrapper:before,.full-width .masthead-container > .top-wrapper:before,.boxed #MastheadSidebar-2 .widget-area:before,.full-width #MastheadSidebar-2 .widget-area:before { background-image: none; display: none; } /* Hide gradient on fullscreen slide show */ .boxed-left .fullSlider.hasSlideShow .masthead-container > .top-wrapper:before,.full-width-left .fullSlider.hasSlideShow .masthead-container > .top-wrapper:before,.boxed-left .fullSlider.hasSlideShow #MastheadSidebar-2 .widget-area:before,.full-width-left .fullSlider.hasSlideShow #MastheadSidebar-2 .widget-area:before,.boxed-right .fullSlider.hasSlideShow .masthead-container > .top-wrapper:before,.full-width-right .fullSlider.hasSlideShow .masthead-container > .top-wrapper:before,.boxed-right .fullSlider.hasSlideShow #MastheadSidebar-2 .widget-area:before,.full-width-right .fullSlider.hasSlideShow #MastheadSidebar-2 .widget-area:before { background-image: none; } /* Revolution Slider - Full screen */ body #Top div.top-content-first.type_slide-show { position: absolute; top: 0; left: 0; } body #Top .type_slide-show .rev_slider_wrapper.fullscreen-container { position: fixed; top: 0; left: 0; z-index: 101; } body #Top .type_slide-show .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper.fullscreen-container { position: absolute; top: auto; left: auto; } body.admin-bar #Top .type_slide-show .rev_slider_wrapper.fullscreen-container { top: 32px; } body.admin-bar #Top .type_slide-show .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper.fullscreen-container { top: auto; } #SliderPad { display: block; } /* Mobile specific (tablets) */ .isMobile body #Top .type_slide-show .rev_slider_wrapper.fullscreen-container { position: absolute; } /* Slider - full width video backgrounds */ body .rev_slider_wrapper.fullscreen-container .fullscreenvideo .video-js .vjs-tech { margin-top: 0; min-width: 100%; min-height: 100%; width: auto!important; height: auto!important; max-width: none!important; overflow: hidden; } /* Right side of menu (search) */ #NavExtras { display: block; } /* Titles attached to bottom of content sections */ .title-bottom-attached { font-size: 100px; } /* Comments */ .comments-area article { margin-left: 84px; } .comments-area article header { border: 0; padding: 0; } .comments-area article header img.avatar { position: absolute; left: -84px; padding: 0; line-height: 0; top: 40px; height: 60px; width: 60px; margin: 0; } .comments-area .children article header img.avatar { height: 45px; width: 45px; top: 48px; left: -70px; } .comments-area article header a { display: inline-block; } .comments-area article header cite,.comments-area article .comment-content { margin-left: 20px; } .comments-area article header:before { content: ''; position: absolute; left: -11px; top: 60px; width: 20px; height: 20px; background: #fff; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; border-bottom-left-radius: 3px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .comments-area .commentlist li .children { padding: 0 0 0 40px; margin: 0; } .comments-area .commentlist li .children li .comment { border-left-width: 1px; } /* Comment Form */ #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } /* Author details */ .author-avatar { float: left; position: absolute; } .author-description h2 { margin-left: 93px; line-height: 68px; } /* Breadcrumbs */ #Breadcrumbs { display: block; background: #ececec; border-bottom: 1px solid #dfdfdf; padding: 18px 50px 15px; } /* blog footer 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 .posts-grid article { margin-bottom: 1.666665%; } /* Filtered portfolio */ ul#sort-by { text-align: left; margin-left: 0.7%; margin-right: 0.7% } /* Gallery posts */ div .rotator-nav a.next, div .rotator-nav a.prev { display: inline-block; } /* Author Profile */ .author-info { text-align: left; } .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%; } /* Sidebars */ .widget:last-child { margin-bottom: 0; } /* Icon box */ .iconBox.icon i { font-size: 49px; left: -10px; margin-top: -17px; } /* Icon specific adjustments */ .iconBox.icon i.fa-camera { font-size: 42px; line-height: 66px; } .iconBox.icon i.fa-flag { font-size: 48px; line-height: 64px; } .iconBox.icon i.fa-cloud, .iconBox.icon i.fa--download, .iconBox.icon i.fa-upload { font-size: 45px; line-height: 64px; } /* 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 (basic styles) */ .styled-image,.plain-image { position: relative; } .inner-overlay { background-color: rgba(0,0,0,.3); position: absolute; top: 0; width: 100%; height: 100%; display: block; text-align: center; opacity: 0; overflow: hidden; } 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 { display: block; position: absolute; width: 0; height: 0; font-size: 42px; line-height: 1; text-align: center; color: #fff!important; opacity: 0; -webkit-transition: opacity .375s ease-in-out .225s; -moz-transition: opacity .375s ease-in-out .225s; -o-transition: opacity .375s ease-in-out .225s; transition: opacity .375s ease-in-out .225s; } .inner-overlay i:before, .inner-overlay i span { position: absolute; } a:hover .inner-overlay i { opacity: 1; bottom: 0; right: 0; } /* Image Overlay - Corner effect */ .overlay-effect-corner .inner-overlay i, .overlay-effect-corner-rotate .inner-overlay i { bottom: 0; right: 0; z-index: 101; font-size: 28px; line-height: 60px; border-style: none none solid solid; border-width: 0 0 60px 85px; border-left-color: transparent !important; background-color: transparent !important; } .overlay-effect-corner .inner-overlay i:before, .overlay-effect-corner .inner-overlay i span, .overlay-effect-corner-rotate .inner-overlay i:before, .overlay-effect-corner-rotate .inner-overlay i span { top: 10px; right: 4px; } .overlay-effect-corner a:hover .inner-overlay i, .overlay-effect-corner-rotate a:hover .inner-overlay i { opacity: 1; bottom: 0; right: 0; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* Icon specific adjustments */ .format-image .inner-overlay i { font-size: 25px; line-height: 62px; } /* rotate corner effect */ .overlay-effect-corner-rotate .inner-overlay i { bottom: -35px; right: -14px; -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -webkit-transform: rotate(34deg); transform: rotate(34deg); -webkit-transition: all .18s ease-in-out .2s; -moz-transition: all .18s ease-in-out .2s; -o-transition: all .18s ease-in-out .2s; transition: all .18s ease-in-out .2s; } /* Image Overlay - Slide effect */ .overlay-effect-slide .post-header .featured-image { overflow: hidden; } .overlay-effect-slide .post-header .featured-image a.styled-image img { position: relative; } .overlay-effect-slide .post-header .featured-image a.styled-image:hover img { margin-left: -28px; } .overlay-effect-slide .inner-overlay i { opacity: 1; visibility: visible; height: 100%; background: #ccc; padding: 0; margin: 0; border-left: 0!important; border-right: 0; border-bottom: 0; width: 84px; right: -85px; bottom: 0; z-index: 101; } .overlay-effect-slide .inner-overlay span,.overlay-effect-slide .type-portfolio.format-standard .inner-overlay span.entypo-camera { position: absolute; font-size: 36px; } /* custom size/position for specific icons */ .overlay-effect-slide .inner-overlay i.fa-angle-right { font-size: 42px; } .overlay-effect-slide .format-standard .inner-overlay span { font-size: 45px; bottom: 24px; width: 70px; } .overlay-effect-slide .inner-overlay i:before,.overlay-effect-slide .inner-overlay span { bottom: 20px; right: 0; line-height: 1; width: 76px; text-align: center; display: block; } .overlay-effect-slide a:hover .inner-overlay i,.overlay-effect-slide a:hover .inner-overlay span { right: 0; } .overlay-effect-slide a .inner-overlay { -webkit-transition: all .22s ease-in-out .3s; -moz-transition: all .22s ease-in-out .3s; -o-transition: all .22s ease-in-out .3s; transition: all .22s ease-in-out .3s; } .overlay-effect-slide a .inner-overlay i,.overlay-effect-slide .post-header .featured-image a.styled-image img { -webkit-transition: all .26s ease-in-out .2s; -moz-transition: all .26s ease-in-out .2s; -o-transition: all .26s ease-in-out .2s; transition: all .26s ease-in-out .2s; } .overlay-effect-slide a:hover .inner-overlay { -webkit-transition: all .13s ease-in-out .12s; -moz-transition: all .13s ease-in-out .12s; -o-transition: all .13s ease-in-out .12s; transition: all .13s ease-in-out .12s; } .overlay-effect-slide a:hover .inner-overlay i,.overlay-effect-slide .post-header .featured-image a.styled-image:hover img { -webkit-transition: all .3s ease-in-out .2s; -moz-transition: all .3s ease-in-out .2s; -o-transition: all .3s ease-in-out .2s; transition: all .3s ease-in-out .2s; } /* Image Overlay - Color */ .overlay-effect-accent .inner-overlay, .overlay-effect-dark .inner-overlay, .overlay-effect-light .inner-overlay, .overlay-effect-zoom-accent .inner-overlay, .overlay-effect-zoom-dark .inner-overlay, .overlay-effect-zoom-light .inner-overlay { background-color: rgba(0,0,0,.36); } .overlay-effect-accent .inner-overlay i, .overlay-effect-dark .inner-overlay i, .overlay-effect-light .inner-overlay i, .overlay-effect-zoom-accent .inner-overlay i, .overlay-effect-zoom-dark .inner-overlay i, .overlay-effect-zoom-light .inner-overlay i { display: none; } /* Light */ .overlay-effect-light .inner-overlay, .overlay-effect-zoom-light .inner-overlay { background-color: rgba(255,255,255,.36); } /* Accent */ .overlay-effect-accent a.styled-image .inner-overlay, .overlay-effect-accent a.plain-image .inner-overlay, .overlay-effect-zoom-accent a.styled-image .inner-overlay, .overlay-effect-zoom-accent a.plain-image .inner-overlay { opacity: 0; } .overlay-effect-accent a.styled-image:hover .inner-overlay, .overlay-effect-accent a.plain-image:hover .inner-overlay, .overlay-effect-zoom-accent a.styled-image:hover .inner-overlay, .overlay-effect-zoom-accent a.plain-image:hover .inner-overlay { opacity: .33; } /* Image Overlay - Zoom */ .overlay-effect-zoom a.styled-image, .overlay-effect-zoom a.plain-image, .overlay-effect-zoom-accent a.styled-image, .overlay-effect-zoom-accent a.plain-image, .overlay-effect-zoom-dark a.styled-image, .overlay-effect-zoom-dark a.plain-image, .overlay-effect-zoom-light a.styled-image, .overlay-effect-zoom-light a.plain-image { overflow: hidden; } .overlay-effect-zoom a.styled-image img, .overlay-effect-zoom a.plain-image img, .overlay-effect-zoom-accent a.styled-image img, .overlay-effect-zoom-accent a.plain-image img, .overlay-effect-zoom-dark a.styled-image img, .overlay-effect-zoom-dark a.plain-image img, .overlay-effect-zoom-light a.styled-image img, .overlay-effect-zoom-light a.plain-image img { -webkit-transition: -webkit-transform .3s ease-in-out .2s; -moz-transition: -moz-transform .3s ease-in-out .2s; -o-transition: -o-transform .3s ease-in-out .2s; transition: transform .3s ease-in-out .2s; } .overlay-effect-zoom a:hover.styled-image img, .overlay-effect-zoom a:hover.plain-image img, .overlay-effect-zoom-accent a:hover.styled-image img, .overlay-effect-zoom-accent a:hover.plain-image img, .overlay-effect-zoom-dark a:hover.styled-image img, .overlay-effect-zoom-dark a:hover.plain-image img, .overlay-effect-zoom-light a:hover.styled-image img, .overlay-effect-zoom-light a:hover.plain-image img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* Image Overlay - No effects */ .overlay-effect-none .inner-overlay, .overlay-effect-none .inner-overlay i { display: none; } /* Parallax */ .parallax-section.has_bg_img .bg-layer { background-attachment: fixed !important; } } @media (max-width: 959px) { /* design overrides to only enforce on small screens */ #masthead .site-title a.logo-image img { width: auto !important; } #MainNav .ubermenu-responsive-toggle { top: auto; font-size: 35px; } /* in case of custom page width setting */ body.boxed #page, body.boxed-left #page, body.boxed-right #page, #Top, #Middle, #Bottom, .full-width .masthead-row, .boxed .masthead-row { max-width: 100% !important; } } @media (max-width: 480px) { .full-width-left .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target-loginpopup, .full-width-right .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target-loginpopup, .full-width .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target-loginpopup, .full-width .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target, .full-width-right .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target, .full-width-left .ubermenu-skin-theme-default-styles .ubermenu-item-level-0 > .ubermenu-target{text-align: center !important;} } /* For iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #FadeInContent { display: none; } #MastheadSidebar-1, #MastheadSidebar-2 { display: block !important } .vc_section_wrapper.has_bg_img .bg-layer { background-size: 1024px auto !important; background-attachment: scroll !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .vc_section_wrapper.has_bg_img .bg-layer { background-size: 768px auto !important; } } /* 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} /* 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; } .wpb_row.row-fluid { margin-left: 0 !important; margin-right: 0 !important; } /* VC 4.x adds left/right margins of -15px (messes with older Vellum installs) */ @media (min-width: 768px) { /* Stop IE10 scrollbar overlap in large screens */ @-ms-viewport{ width: auto !important; } /** * Column and margin widths (based on 12 column system) * 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.1666666666667%; *margin-left: 4.113475177305%; } .no-layout.full-width #primary,.row-fluid .span12 { width: 100%; *width: 99.946808510638%; } .row-fluid .span11 { width: 91.319444444444%; *width: 91.266252955083%; } .row-fluid .span10 { width: 82.638888888889%; *width: 82.585697399527%; } .row-fluid .span9 { width: 73.958333333333%; *width: 73.905141843972%; } .row-fluid .span8,.no-layout #primary { width: 65.277777777778%; *width: 65.224586288416%; } .row-fluid .span7 { width: 56.597222222222%; *width: 56.544030732861%; } .row-fluid .span6 { width: 47.916666666667%; *width: 47.863475177305%; } .row-fluid .span5 { width: 39.236111111111%; *width: 39.182919621749%; } .row-fluid .span4,.no-layout #sidebar { width: 30.555555555556%; *width: 30.502364066194%; } .row-fluid .span3 { width: 21.875%; *width: 21.821808510638%; } .row-fluid .span2 { width: 13.194444444444%; *width: 13.141252955083%; } .row-fluid .span1 { width: 4.5138888888889%; *width: 4.4606973995272%; } /* Offset Positions */ .row-fluid .offset12 { margin-left: 108.33333333333%; *margin-left: 108.28014184397%; } .row-fluid .offset12:first-child { margin-left: 104.16666666667%; *margin-left: 104.1134751773%; } .row-fluid .offset11 { margin-left: 99.652777777778%; *margin-left: 99.599586288416%; } .row-fluid .offset11:first-child { margin-left: 95.486111111111%; *margin-left: 95.432919621749%; } .row-fluid .offset10 { margin-left: 90.972222222222%; *margin-left: 90.919030732861%; } .row-fluid .offset10:first-child { margin-left: 86.805555555556%; *margin-left: 86.752364066194%; } .row-fluid .offset9 { margin-left: 82.291666666667%; *margin-left: 82.238475177305%; } .row-fluid .offset9:first-child { margin-left: 78.125%; *margin-left: 78.071808510638%; } .row-fluid .offset8 { margin-left: 73.611111111111%; *margin-left: 73.557919621749%; } .row-fluid .offset8:first-child { margin-left: 69.444444444444%; *margin-left: 69.391252955083%; } .row-fluid .offset7 { margin-left: 64.930555555556%; *margin-left: 64.877364066194%; } .row-fluid .offset7:first-child { margin-left: 60.763888888889%; *margin-left: 60.710697399527%; } .row-fluid .offset6 { margin-left: 56.25%; *margin-left: 56.196808510638%; } .row-fluid .offset6:first-child { margin-left: 52.083333333333%; *margin-left: 52.030141843972%; } .row-fluid .offset5 { margin-left: 47.569444444444%; *margin-left: 47.516252955083%; } .row-fluid .offset5:first-child { margin-left: 43.402777777778%; *margin-left: 43.349586288416%; } .row-fluid .offset4 { margin-left: 38.888888888889%; *margin-left: 38.835697399527%; } .row-fluid .offset4:first-child { margin-left: 34.722222222222%; *margin-left: 34.669030732861%; } .row-fluid .offset3 { margin-left: 30.208333333333%; *margin-left: 30.155141843972%; } .row-fluid .offset3:first-child { margin-left: 26.041666666667%; *margin-left: 25.988475177305%; } .row-fluid .offset2 { margin-left: 21.527777777778%; *margin-left: 21.474586288416%; } .row-fluid .offset2:first-child { margin-left: 17.361111111111%; *margin-left: 17.307919621749%; } .row-fluid .offset1 { margin-left: 12.847222222222%; *margin-left: 12.794030732861%; } .row-fluid .offset1:first-child { margin-left: 8.6805555555556%; *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; margin-bottom: 20px; } .row-fluid [class*="span"]:last-child { margin-bottom: 0; } /* forced override custom column widths */ .row-fluid .span-custom,.row-fluid .span-custom[style] { width: 100%!important; margin-left: 0!important; } } /* 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 */ } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .hidden-ipad { display: none!important; } .visible-ipad { display: inherit!important; } .full-width-ipad[class*="span"], .full-width-ipad [class*="span"] { float: none; margin-left: 0; margin-bottom: 20px; width: 100%; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { .hidden-ipad { display: none !important; } .visible-ipad { display: inherit !important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .hidden-ipad { display: none !important; } .visible-ipad { display: inherit !important; } } .visible-print { display: none!important; } @media print { .visible-print { display: inherit!important; } .hidden-print { display: none!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;} #page{clear:both!important;display:block!important;float:none!important;max-width:100%;position:relative!important;} .site-header{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;} } .infobox-wrapper { display:none; } #infobox { border:2px solid black; margin-top: 8px; background:#333; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: .5em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0 -1px #000000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; } .widget-area aside { position: relative; } footer .widget-area aside, aside.widget.static-block { position: initial; } .ubermenu .ubermenu-target-loginpopup, .ubermenu .ubermenu-target-loginpopup > a { font-size: 14px; padding: 10px 20px; display:block; } .ubermenu .ubermenu-target-loginpopup:hover > a { color: #fff; } .ubermenu .ubermenu-target-loginpopup-left-ipad, .ubermenu .ubermenu-target-loginpopup-left-ipad > a { text-align: right; padding-right: 50px; } .ubermenu .ubermenu-target-loginpopup-right-ipad, .ubermenu .ubermenu-target-loginpopup-right-ipad > a { text-align: left; padding-left: 50px; } .ubermenu .ubermenu-target-loginpopup-top-ipad, .ubermenu .ubermenu-target-loginpopup-top-ipad > a { padding-top: 20px; } .ubermenu .ubermenu-target-loginpopup-top-ipad .ubermenu-target-loginpopup .ubermenu-target-text, .ubermenu .ubermenu-target-loginpopup-top-ipad .ubermenu-target-loginpopup .ubermenu-target-text { margin-top: -25px; } /* VC columns gap */ .wpb_row.vc_column-gap-1 > .vc_column_container { padding: .5px } .wpb_row.vc_column-gap-2 > .vc_column_container { padding: 1px } .wpb_row.vc_column-gap-3 > .vc_column_container { padding: 1.5px } .wpb_row.vc_column-gap-4 > .vc_column_container { padding: 2px } .wpb_row.vc_column-gap-5 > .vc_column_container { padding: 2.5px } .wpb_row.vc_column-gap-10 > .vc_column_container { padding: 5px } .wpb_row.vc_column-gap-15 > .vc_column_container { padding: 7.5px } .wpb_row.vc_column-gap-20 > .vc_column_container { padding: 10px } .wpb_row.vc_column-gap-25 > .vc_column_container { padding: 12.5px } .wpb_row.vc_column-gap-30 > .vc_column_container { padding: 15px } .wpb_row.vc_column-gap-35 > .vc_column_container { padding: 17.5px } .wpb_row.vc_column-gap-1 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-1 > .vc_vc_column_inner > .vc_column_container { padding-left: .5px; padding-right: .5px } .wpb_row.vc_column-gap-2 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-2 > .vc_vc_column_inner > .vc_column_container { padding-left: 1px; padding-right: 1px } .wpb_row.vc_column-gap-3 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-3 > .vc_vc_column_inner > .vc_column_container { padding-left: 1.5px; padding-right: 1.5px } .wpb_row.vc_column-gap-4 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-4 > .vc_vc_column_inner > .vc_column_container { padding-left: 2px; padding-right: 2px } .wpb_row.vc_column-gap-5 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-5 > .vc_vc_column_inner > .vc_column_container { padding-left: 2.5px; padding-right: 2.5px } .wpb_row.vc_column-gap-10 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-10 > .vc_vc_column_inner > .vc_column_container { padding-left: 5px; padding-right: 5px } .wpb_row.vc_column-gap-15 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-15 > .vc_vc_column_inner > .vc_column_container { padding-left: 7.5px; padding-right: 7.5px } .wpb_row.vc_column-gap-20 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-20 > .vc_vc_column_inner > .vc_column_container { padding-left: 10px; padding-right: 10px } .wpb_row.vc_column-gap-25 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-25 > .vc_vc_column_inner > .vc_column_container { padding-left: 12.5px; padding-right: 12.5px } .wpb_row.vc_column-gap-30 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-30 > .vc_vc_column_inner > .vc_column_container { padding-left: 15px; padding-right: 15px } .wpb_row.vc_column-gap-35 > .vc_vc_column > .vc_column_container, .wpb_row.vc_column-gap-35 > .vc_vc_column_inner > .vc_column_container { padding-left: 17.5px; padding-right: 17.5px }