/* Theme Name: Kinetika for WordPress Theme URI: http://kinetika.imaginem.co Description: Kinetika Studio - Fullscreen Photography Theme for WordPress. Version: 3.0 Author: imaginem Author URI: http://kinetika.imaginem.co License: GNU General Public License v2.0 License URI: http://themeforest.net/licenses/regular_extended Tags: white, black, two-columns, responsive-layout, custom-background, threaded-comments, translation-ready, custom-menu Text Domain: mthemelocal Kinetika for WordPress v3.0 http://kinetika.imaginem.co Theme designed and developed by imaginem, http://themeforest.net/user/imaginem in Themeforest */ /* 1. Reset 2.1 Main Global Layout Settings 3.1 Mobile Device Menu 3.2 Tipsy 4.1 Logo 5.1 Page 5.2 Entry Contents 6.1 Headings 7.1 Content Headings 7.2 Content elements 8 Shortcodes 9.1 Post summary 9.2 Page Navigation Styles 9.3 Password Protected Form 9.4 Post Info 10.1 Sidebar 10.2 Form / Widget Search 10.3 Widget Calendar 10.4 Widget Recent Posts,Popular Posts 10.5 Twitter Widget 10.6 Sidebar Widget Gallery 10.7 Social Widget 10.8 Flickr Widget 10.9 Address widget 11.1 Portfolio Browser 11.2 Portfolio Widget 12.1 Comments 12.2 Template - Contact Form 13.1 Navigation 14.1 Post Format Styling 15.1 AJAX Portfolio 15.2 Portfolio Common 15.3 Portfolio Filter 15.4 Portfolio Grids 16.1 Shoutout 16.2 Clients 17.1 Goto Top 18.1 Footer */ /* ****************************** 1. 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: white; background: black; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ****************************** 2.1 Main Global Layout Settings ******************************* */ *{ padding: 0px; } body, html{ height: 100%; margin: 0;height: auto; min-height: 100%; } body{ font: 300 15px/1.625 "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #000; background-repeat: repeat; background-attachment:fixed; color: #626262; } input,textarea,button { color:#777; font-size:14px; font-weight: 400; letter-spacing: 1px; font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; } body { -webkit-font-smoothing: subpixel-antialiased; } /* ********************** Preloads *********************** */ .preloader-cover-screen { background-color: #fff; position: fixed; top:0; left:0; height: 100%; width: 100%; z-index: 1000; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: fixed; top:0; left:0; height: 100%; width: 100%; z-index: 1001; background-image: url(images/logo_dark.png); background-position: center center; background-repeat: no-repeat; background-size: 220px auto; background-color: #fff; } .theme-is-dark .pace { background-image: url(images/logo.png); background-color: #333; } .theme-is-dark .preloader-cover-screen { background-color: #000; } .pace-inactive { } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); -webkit-transition: -webkit-transform .5s ease-out; -ms-transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; } .pace.pace-active { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pace-running .tp-loader { visibility:hidden;} .pace .pace-progress { display: block; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 5px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ pointer-events: none; } .admin-bar .pace .pace-progress { top:32px; } .theme-is-dark .pace .pace-progress { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .circle-one { opacity: 0; animation-name: highlight-fade; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: highlight-fade; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } .circle-two { opacity: 0; animation-name: highlight-fade; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: highlight-fade; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } .circle-three { opacity: 0; animation-name: highlight-fade; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: highlight-fade; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } .circle-four { opacity: 0; animation-name: highlight-fade; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: highlight-fade; -webkit-animation-duration: 2.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } @keyframes highlight-fade { 0% { opacity: 0.2; } 50% {opacity: 1; } 100% { opacity: 0.2; } } @-webkit-keyframes highlight-fade { 0% { opacity: 0.2; } 50% {opacity: 1; } 100% { opacity: 0.2; } } .preloader-wrap { background: #fff; position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 1000; display: block; } body.preloading-process { overflow: hidden; } .preloader-site { position: absolute; top:40%; width: 100%; text-align: center; display: none; } .preloader-site-logo { width: 220px; padding-bottom: 40px; } .preloader-site-logo, .preloader-site-animation { display: block; margin:0 auto; } #grid-preloader { width: 40px; height: 30px; } /* Fill defined in Accents sections */ /* ********************** Font Associates *********************** */ .entry-content, .sidebar-widget, .homemenu .sf-menu .megamenu-textbox, .homemenu .sf-menu ul li a, .cart-elements, .cart-content-checkout { font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .hero-text-wrap, .client-say, .sidebar h3, .homemenu, .mtheme-button, #header-searchform #hs, .vertical-menu, .wpcf7-form p, .toggle-menu-list li a, .blog-details-section-inner, .responsive-mobile-menu, .page-link, .entry-title h1, .pricing-wrap, #gridblock-filters li a, .pricing-table .pricing-row, .search-instructions, .portfolio-end-block h2.section-title, .slideshow_title, .static_slideshow_title, .fotorama__caption__wrap, .entry-content .heading-block h3, .entry-content h3.section-subtitle, .entry-content .service-content h4, .hero-text-wrap .hero-subtitle, .fotorama__caption__wrap h2, #respond h3, h2#comments, .entry-content h2.event-heading, .entry-content h2.project-heading { font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; } #commentform code, .entry-content code, .entry-content kbd, .entry-content tt, .entry-content var, .entry-content samp, .entry-content pre, .donutcounter-value { font-family: "PT Mono"; } a{ outline: none; text-decoration: none; color:#444444; } a:hover{ text-decoration: none; } a img{ border: none; } .entry-content img { max-width:100%; height: auto; } .wp-caption img { width: 98%; } .clear {clear:both;} .clearlast {clear:both;padding-bottom:35px;} .clearlastgallery {clear:both;padding-bottom:55px;} .ienoclear {clear:both;} .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clearfix{ height: 1%; } *+html .clearfix{ height: 1%; } .float-right { float: right; } .float-left {float: left; } .mkspace-right {margin-right: 10px;} .mkspace-left {margin-left: 10px;} .align-right { float:right; } .align-left { float:left; } .align-center { margin:0 auto; display:block;} .mtheme-centered-block { margin:0 auto; display: block; text-align: center; } p.edit-entry { font-size:10px; line-height: 10px; text-decoration:none; position: absolute; bottom: 0; right:0; } p.edit-entry a { font-size:13px; background: #333; padding: 18px; color: #fff; text-decoration:none; display: block; } p.edit-entry a:hover { background: #000; color:#fff; text-decoration:none; } .single-header-space { margin: 25px 0 0 0; } .blank-head-space-1 { margin: 24px 0 0 0; } .mtheme-menu-not-found { padding-left:20px; padding-top:20px; font-size:12px; color:#fff; font-weight: 400; text-transform: none; } .gradient { filter:none; } .type-post, .type-mtheme_portfolio, .type-page { margin: 0; } ::selection { color:#fff; background: #111; /* Safari */ } ::-moz-selection { color:#fff; background: #111; /* Firefox */ } /* ****************************** Background Fill ******************************* */ .background-fill, .pattern-overlay { position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; } .background-fill { z-index:-99; } .pattern-overlay { z-index: -1; } /* ****************************** Tipsy ******************************* */ .tipsy { margin-top:-15px; margin-left:0; padding: 5px; font-size: 9px; font-weight:bold; letter-spacing: 1px; text-transform:uppercase; } .tipsy-inner { padding: 4px 12px; background-color: #555; color: #fff; max-width: 200px; text-align: center; border-radius: 20px; } .tipsy-inner { } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; margin-top:0; } .tipsy-west { background-position: left center; } /* ****************************** Main Menu ******************************* */ .mainmenu-navigation { } .sf-menu-center { } .mtheme-left-menu { margin-right: 10px; } .mtheme-right-menu { margin-left: 10px; } .mtheme-left-menu, .mtheme-right-menu { } .homemenu { padding: 0; margin: 0; text-align: center; height: 100px; line-height: 100px; display: inline-block; position: relative; transition: line-height 0.2s; -moz-transition: line-height 0.2s; -webkit-transition: line-height 0.2s; -o-transition: line-height 0.2s; } .homemenu ul ul li:first-child { } .homemenu ul ul li:last-child { } .homemenu ul ul li:first-child a { } .homemenu ul ul li:last-child a { } .homemenu ul ul li:first-child:after { } .homemenu ul ul ul li:first-child:after { border: none; } .homemenu ul ul ul ul li:first-child:after { border:none; } .homemenu ul ul ul ul ul li:first-child:after { border:none; } .homemenu a { color:#666; text-decoration:none;} .homemenu ul li { } .homemenu ul ul li a { letter-spacing:0.8px; } .homemenu ul ul li a:last-child { padding-right:0; } .homemenu ul li a { padding:0; } .homemenu ul ul li a { border-right:none; border-top:none; } .homemenu ul ul li:hover>a { } .homemenu ul ul { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); position: relative; } .homemenu ul ul li{ } .homemenu ul ul li:hover { } .homemenu ul ul { padding:20px; } .homemenu .sf-menu .mega-item .children-depth-0, .homemenu ul ul { background: #333333; } .homemenu .sf-menu .mega-item .children-depth-0, .homemenu ul ul { } .homemenu .sf-menu .mega-item .children-depth-0 ul, .homemenu ul ul ul{ border-bottom: none; } .homemenu ul ul li a { border-bottom: 1px solid rgba(171, 171, 171, 0.11); color: #DDDDDD; font-size: 11px; font-weight: 400; letter-spacing: 1px; line-height: 19px; padding: 5px 10px; text-transform: none; } .homemenu .mega-item .children li a { margin-right: 30px; } .homemenu ul li a { position: relative; } .homemenu ul li a:before { border-top:1px solid #fff; width: 20px; position: absolute; content: " "; top:25px; height: 1px; width: 0px; transition: width 0.2s; -moz-transition: width 0.2s; -webkit-transition: width 0.2s; -o-transition: width 0.2s; } .center-logo .homemenu ul li a:before { top:20px; } .sticky-menu-on .homemenu ul li a:before { top:18px; } .homemenu ul li:hover>a:before { width: 20px; } .homemenu ul ul li a:before { position: static; content: ""; border: 0; } .homemenu ul ul li:hover>a { color:#fff; background:rgba(155,155,155,0.3); border-bottom: 1px solid transparent; } .homemenu ul ul li:last-child > a { border-bottom:none; } .homemenu ul ul ul li a { } .homemenu > ul { } /* Menu main titles */ .homemenu ul li a { color: #fff; display: block; font-size: 11px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; } .homemenu ul li:first-child a { margin-left: 0; } .homemenu ul li a:hover { } .homemenu ul li a { border:0; } .homemenu ul li { } .homemenu ul li:last-child { } .homemenu ul li ul li:last-child { border-right: 0; } .homemenu ul li ul li { border:0; } .homemenu li.current-menu-item a, .homemenu li.current-menu-parent a, .homemenu li.current-menu-ancestor a { outline: 0; } /* Menu main titles End style */ .homemenu li.current-menu-item a { outline: 0; position:relative; font-weight: 600; } .homemenu li.current-menu-item li a { outline: 0; position:relative; font-weight: 400; } .homemenu .sub-menu li.current-menu-item a:before, .homemenu .sub-menu li.current-menu-ancestor a:before { background:none; } .homemenu .sub-menu li.current-menu-item { } .homemenu .sub-menu li.current-menu-item { } .homemenu .sub-menu li.current-menu-item a { color: #fff; } .homemenu .sub-menu li.current-menu-item .sub-menu { } .homemenu .sub-menu li.current-menu-item:after { position: relative; height: auto; top: auto; } .homemenu .sf-menu ul { position: absolute; z-index: 200; top: -999em; width: 190px; /* left offset of submenus need to match (see below) */ text-align: left; } .homemenu .sf-menu ul li { width: 100%; } .homemenu .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .homemenu .sf-menu li { float: left; position: relative; } .homemenu .sf-menu a { display: block; position: relative; } .homemenu .sf-menu li:hover ul, .homemenu .sf-menu li.sfHover ul { left: 0; top: 78px; /* match top ul list item height */ } .center-logo .homemenu .sf-menu li:hover ul, .center-logo .homemenu .sf-menu li.sfHover ul { top: 58px; } .center-logo .homemenu .sf-menu li:hover ul ul, .center-logo .homemenu .sf-menu li.sfHover ul ul{ top: -28px; left: 211px; } .center-logo .sticky-menu-activate .homemenu .sf-menu li:hover ul, .center-logo .sticky-menu-activate .homemenu .sf-menu li.sfHover ul { top: 75px; } .center-logo .sticky-menu-activate .homemenu .sf-menu li:hover ul ul, .center-logo .sticky-menu-activate .homemenu .sf-menu li.sfHover ul ul { top: -20px; } .homemenu ul.sf-menu li:hover li ul, .homemenu ul.sf-menu li.sfHover li ul { top: -999em; } .homemenu ul.sf-menu li li:hover ul, .homemenu ul.sf-menu li li.sfHover ul { left: 19.3em; /* match ul width */ top: 0; } .homemenu ul.sf-menu li li:hover li ul, .homemenu ul.sf-menu li li.sfHover li ul { top: -999em; } .homemenu ul.sf-menu li li li:hover ul, .homemenu ul.sf-menu li li li.sfHover ul { left: 19.3em; /* match ul width */ top: 0; } .homemenu .sf-menu a { text-decoration:none; padding: 0; } .homemenu .sf-menu li { margin-left: 15px; margin-right: 15px; } .homemenu .sf-menu li li { margin-left: 0; } .homemenu .sf-menu li.menu-item a { position: relative; } .homemenu .sf-menu ul li a { padding: 6px 10px 5px; position: relative; } .homemenu .sf-menu ul li a:after { } .homemenu .sf-menu ul li a:hover:after { } .homemenu .sf-menu li { } .homemenu .sf-menu li ul li { border-left:0; } .homemenu .sf-menu li li:hover, .sf-menu li li.sfHover, .homemenu .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** shadows for all but IE6 ***/ .homemenu .sf-shadow ul { } .homemenu .sf-shadow ul.sf-shadow-off { background: transparent; } .homemenu .sf-menu { display:inline-block; } .homemenu ul li:hover { } .homemenu ul.sf-menu li li:hover ul, .homemenu ul.sf-menu li li.sfHover ul { border-radius: 0; left: 212px; /* match ul width */ top: -20px; } .homemenu ul.sf-menu li li li:hover ul, .homemenu ul.sf-menu li li li.sfHover ul { left: 212px; /* match ul width */ top: -20px; } .homemenu .sf-menu li a:hover { } .homemenu .sf-menu li li a:hover { } /*** arrows (for all except IE7) **/ /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { } .sf-arrows .children .sf-with-ul:after { } .header-menu-wrap .sf-arrows .sf-with-ul:after { } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { font-family: 'FontAwesome'; content: "\f054"; font-size: 7px; color:#fff; right: 4px; top: 5px; position: absolute; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { } .homemenu .sf-menu ul.sub-menu li { position: relative; z-index: 10; } .homemenu li.current-menu-item a:before, .homemenu li.current-menu-ancestor a:before { } .homemenu li.current-menu-item ul li a:before, .homemenu li.current-menu-ancestor ul li a:before { background: none; } .homemenu .sf-menu li.mega-item { position: static; } .homemenu .sf-menu li.mega-item ul.children { width:auto; left:0; top:108px; display: none; } .homemenu .sf-menu li.mega-item ul.children ul { display: block; } .homemenu .sf-menu .mega-item .children-depth-0 h6 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-indent: 10px; color: #fff; margin-bottom: 15px; } .homemenu .sf-menu .mega-item .children-depth-0 .no-title h6 { display:none; } .homemenu .sf-menu .mega-item .children-depth-0 .no-title { padding-top:30px; } .homemenu li.mega-four .children li.menu-item { display: inline-block; width:25%; position: relative; float: left; } .homemenu li.mega-three .children li.menu-item { display: inline-block; width:33%; position: relative; float: left; } .homemenu li.mega-two .children li.menu-item { display: inline-block; width:100%; position: relative; float: left; } .homemenu li.mega-one .children li.menu-item { display: inline-block; width:100%; position: relative; float: left; } .homemenu li.mega-one .children div ul.children, .homemenu li.mega-two .children div ul.children, .homemenu li.mega-three .children div ul.children, .homemenu li.mega-four .children div ul.children { width:auto; position: relative; top:0; } .homemenu li.mega-four .children div ul.children li { width:100% !important; } .homemenu .sf-menu .mega-item .children-depth-1 { padding: 0; } .homemenu .sf-menu .megamenu-textbox { color: #B0B0B0; font-size: 12px; letter-spacing: 0.5px; line-height: 22px; margin-bottom: 10px; padding-right: 50px; padding-left: 10px; } .homemenu ul ul ul.children { -webkit-box-shadow: none; box-shadow: none; } .homemenu .sf-menu .mega-item .children-depth-0 { padding: 70px; display:block; } .homemenu .sf-menu .mega-item .children-depth-0 ul { background: none; } .homemenu .sf-menu .sub-menu a { padding: 5px 15px; } /* ****************************** Responsive Menu ******************************* */ .responsive-menu-wrap { display: none; } .mobile-menu-toggle { background:#fff; color: #000; font-size: 16px; font-weight: 400; text-align: center; position: fixed; z-index: 100; width: 100%; top:0; left:0; } .body-dashboard-push-left .mobile-menu-toggle { z-index: 9999; } .body-dashboard-push-left .mobile-menu-toggle { background:none; } .body-dashboard-push-left .logo-mobile { display: none; } .theme-is-dark .mobile-menu-toggle { background:#545454; color: #fff; } .logo-mobile { padding: 10px 0; } .logo-mobile img { height: 28px; position: relative; top:5px; } .mobile-menu-icon { position:fixed; float:right; left:0; top:0; height:55px; width:55px; line-height: 50px; text-align: center; cursor: pointer; color:#000; -webkit-transition: left 0.3s ease, background 0.3s ease; -moz-transition: left 0.3s ease, background 0.3s ease; transition: left 0.3s ease, background 0.3s ease; z-index: 999; } .theme-is-dark .mobile-menu-icon { color:#fff; } .body-dashboard-push-left .mobile-menu-icon { color: #fff; font-size: 28px; height: 55px; left: 20px; top: 11px; } .body-dashboard-push-left { overflow: hidden; position: fixed; height: 100%; width: 100%; } .mobile-menu-toggle { -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease; left: 0; } .body-dashboard-push-left .mobile-menu-toggle { left: 0; } .mobile-menu-icon { font-size: 24px; } .responsive-mobile-menu { background: #333; color:#fff; width:100%; padding-bottom: 50px; position: fixed; left:0; top:0; float:left; z-index: 999; overflow-y:scroll; -webkit-overflow-scrolling: touch; height:100%; } .responsive-mobile-menu .mobile-menu { padding:10px 20px 60px; } .responsive-mobile-menu #s { margin:5px; } .responsive-mobile-menu #mobile-searchform { padding: 25px 0 20px 35px; position: relative; width: 300px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive-mobile-menu #mobile-searchform i { color:#fff; } .responsive-mobile-menu #mobile-searchform input { background: none; border: 0 none; color: #fff; font-size: 16px; font-weight: 400; padding: 10px 0; text-indent: 20px; width: 200px; border: 1px solid #444; } .responsive-mobile-menu #mobile-searchbutton { position: absolute; top:23px; right:42px; } .responsive-mobile-menu .social-header-wrap ul li a:hover i, .responsive-mobile-menu .social-header-wrap ul li a:hover { color: #fff; } .menu-push-onscreen { } .responsive-mobile-menu { display: none; visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive-mobile-menu.menu-push-onscreen { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .responsive-mobile-menu ul.mtree a, .responsive-mobile-menu ul.mtree ul li a { font-size: 16px; } .theme-is-light .responsive-mobile-menu { background: #fff; } .theme-is-light.body-dashboard-push-left .mobile-menu-icon { color: #000; } .theme-is-light .responsive-mobile-menu #mobile-searchform input { color: #000; border-bottom: 1px solid #eee; } .theme-is-light .responsive-mobile-menu #mobile-searchform i { color: #000; } .theme-is-light ul.mtree li.mtree-node > a::before { color: #000; } .theme-is-light ul.mtree li > a:hover, .theme-is-light ul.mtree a:hover { color: #000; } .theme-is-light ul.mtree a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #888; } /* ****************************** Logo ******************************* */ .logo-menu-wrapper { float:left; display:block; } .header-logo-section { display: inline; } .logo { position: relative; z-index: 20; } .logo a { line-height: 0; } .logo img { position: relative; transition: top 0.2s; -moz-transition: top 0.2s; -webkit-transition: top 0.2s; -o-transition: top 0.2s; } .menu-is-vertical .logo img { max-width: 100%; } .logo-theme-dark { display:none; } /* ****************************** Header Search ******************************* */ body.msearch-is-on { overflow: hidden; } .msearch-is-on .toggle-menu-trigger { display: none; } #header-search-bar-wrap { background: #777; background: rgba(35,35,35,0.9); position: fixed; width: 100%; height: 100%; z-index: 1000; display: none; } .header-search-bar { padding: 50px 30px 90px; position: relative; text-align: center; top:35%; } .header-search-close { color: #fff; font-size: 22px; margin-top: 0; position: absolute; right: 25px; top: 20px; opacity: 0.7; } .header-search-close:hover { cursor: pointer; opacity: 1; } .header-search-bar .search-instructions { color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 7px; text-indent: -76px; margin-bottom: 10px; text-transform: uppercase; } #header-searchform #hs { color: #7e7e7e; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; padding: 30px; width: 50%; border:1px solid #24BEE8; background: #fff; opacity: 1; text-align: center; } #header-searchform button { color: #fff; font-size: 20px; height: 85px; opacity: 0.7; position: relative; top: 8px; width: 80px; } #header-searchform button:hover { opacity: 1; } #header-searchform .feather-icon-search { position: relative; top: -7px; } /* ****************************** Page ******************************* */ .mtheme-adjust-max-height { height:100%; max-height: 100%; } .top-bar-wrap-fullwidth { margin:0 auto; } .container-boxed, .container-fullwidth, .top-bar-wrap-fullwidth { } .top-bar-wrap-boxed { margin:0 auto; } .top-bar-content { margin:0 auto; } .container-wrapper.container-boxed { } .menu-is-vertical .container-wrapper.container-boxed { margin-top:0; margin-bottom:0; } .page-template-template-fullpage-php .container-boxed { padding-left:0; padding-right:0; } .page-template-template-fullpage-php .title-container-outer-wrap { display: none; } .title-container-outer-wrap, .title-container-no-display { position: relative; } .title-container-no-display-wrap { position: absolute; width: 100%; z-index: 1; } .title-container-overlay { position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .portfolio-container-inner { padding:50px 0; } .outer-header-wrap { width: 1400px; } .container { padding-top:60px; padding-bottom:60px; margin-bottom: 100px; } .header-is-off .container { padding-top: 140px; } .container.header-adjuster { margin-top:130px; padding-top:50px; } .fullpage-block { -webkit-background-size: cover; /*for webKit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*opera*/ background-size: cover; /*generic*/ } .container-fill { width: 100%; margin:0; } .global-container-wrapper { width:100%; } .container-wrapper, .fullscreen-protected #password-protected { background:#000; background: rgba(0,0,0,0.85); } .container-wrapper { margin: 0 auto; position: relative; } .menu-is-vertical .vertical-menu-body-container { margin-left: 300px; } .menu-is-vertical .title-container-outer-wrap { margin:0 auto; } .page-is-fullscreen .container-wrapper { background:none; } .container-outer { } .container-inner { } .container-outer, .single-page-container, .single-gridblock-image-container { } .container-head { height: 15px; width: 100%; background: #111; } .container, .entry-title, .fullpage-item, .footer-container, .outer-header-wrap, .portfolio-container, .portfolio-header-wrap, .top-bar-wrap-fullwidth, .page-template-template-blank-php .mtheme-supercell, .page-template-template-blank-php .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap, .page-template-template-fullpage .mtheme-supercell, .page-template-template-fullpage .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap, .edge-to-edge .mtheme-supercell, .edge-to-edge .mtheme-supercell.boxed-column .first-column.span12 .mtheme-cell-wrap, .edge-to-edge .entry-portfolio-content, .always-center, .page-template-template-fullpage .mtheme-supercell.boxed-column.divided-column, .edge-to-edge .mtheme-supercell.boxed-column.divided-column, .single-post.edge-to-edge #commentform-section, .single-post.edge-to-edge .commentform-wrap, .page.edge-to-edge .commentform-wrap { width: 1150px; margin:0 auto; } .edge-to-edge .entry-portfolio-content { margin-top: 30px; } .single-mtheme_portfolio.pagebuilder-active .entry-portfolio-content { margin:0; } .edge-to-edge .mtheme-supercell.boxed-column, .single-mtheme_portfolio.pagebuilder-active .entry-portfolio-content, .portfolio-header-wrap.edge-to-edge-column, .page-template-template-fullpage .mtheme-supercell.boxed-column .page-template-template-blank-php .mtheme-supercell.boxed-column { width: auto; } .page-template-template-blank-php .container, .page-template-template-fullpage-php .container, .edge-to-edge .container { width: auto; margin-top:0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .edge-to-edge .two-column { width: 100%; } .mtheme-supercell.fullwidth-column { width: auto; margin: 0; } .portfolio-header-wrap.edge-to-edge-column { padding-top: 0; } .portfolio-header-wrap { padding-top: 60px; } .header-is-off .portfolio-header-wrap { } .edge-to-edge.header-is-off .portfolio-header-wrap { padding-top: 0; } .outer-header-wrap { position: relative; z-index: 1; } .single-flexislideshow{ margin-left:-50px; } .top-bar-wrap { position: relative; z-index: 1; } .header-block-wrap { width: 100%; } .header-elements-wrap { position: relative; z-index: 99; margin: 0 auto; padding: 0; } .stickymenu-listener { } .stickymenu-active { position: fixed; z-index: 100; text-align: center; margin:0 auto; width: 100%; top:0; } .mainmenu-navigation { text-align: center; margin: 0 auto; } .stickymenu-zone.sticky-menu-activate { background:#000; border-bottom: 1px solid rgba(0, 0, 0, 0.05); animation: stickymenu 0.5s ease-out; animation-fill-mode:forwards; } @keyframes stickymenu { 0% { opacity: 0; } 100% { opacity:1; } } .outer-wrap { position: fixed; top:0; width: 100%; transition: height 0.2s; -moz-transition: height 0.2s; -webkit-transition: height 0.2s; -o-transition: height 0.2s; z-index: 90; height: 100px; } /* Header styles from theme options choice */ .middle-logo #header-logo { padding-left: 10px; padding-right:10px; } .center-logo .outer-wrap { height: auto; } .center-logo .homemenu { margin-top:30px; } .center-logo .homemenu { height: 70px; line-height: 70px; } .center-logo .sticky-menu-activate .homemenu { margin-top:0; } .center-logo #photowall-container { top:136px; } .center-logo .title-container-wrap { padding-top: 170px; } .left-logo .logo img { float:left; } .left-logo .mainmenu-navigation { text-align: right; } .admin-bar .outer-wrap { top:32px; } .admin-bar .mobile-menu-icon { top:46px; } .homemenu ul ul li a { color:#dddddd; } .outer-header-wrap { border:0; } .outer-wrap { background: rgba(0, 0, 0, 0.3); } .title-container { padding: 110px 0 15px; } .outer-header-wrap { } .logo img { top: 0; } /* Sticky Menu Styles */ .sticky-menu-activate.outer-wrap, .mtheme-menu-inactive.center-logo .sticky-menu-activate.outer-wrap { height: 75px; } .sticky-menu-activate .logo img { margin:0; } .sticky-menu-activate .homemenu ul ul li a { color:#ddd; } .sticky-menu-activate .homemenu ul li a { color:#fff; } .sticky-menu-activate .homemenu ul ul li a { color:#ddd; } /* Logo and Sticky Logo */ .sticky-menu-activate .logo-theme-main { display: block; } .mtheme-menu-inactive.middle-logo .sticky-menu-activate .logo-theme-main { display: inline-block; } .sticky-menu-activate .sticky-alt-logo-present .logo-theme-main { display: none; } .sticky-alt-logo-present .logo-sticky-main { display: none; } .sticky-menu-activate .sticky-alt-logo-present .logo-sticky-main { display: block; } .sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children, .homemenu .sf-menu li.mega-item ul.children { top:52px; } .sticky-menu-activate .homemenu .sf-menu li.mega-item ul.children div ul.children, .homemenu .sf-menu li.mega-item ul.children div ul.children { top:0; } .sticky-menu-activate .homemenu { height: 75px; line-height: 75px; } .stickymenu-zone.sticky-menu-activate .logo img { height:35px; width: auto; top:16px; } .center-logo .stickymenu-zone.sticky-menu-activate .logo img, .left-logo .stickymenu-zone.sticky-menu-activate .logo img { float: left; top:20px; } .center-logo .stickymenu-zone.sticky-menu-activate .mainmenu-navigation { text-align: right; } .sticky-menu-activate .outer-header-wrap { border-bottom: 0; } .sticky-menu-activate.outer-wrap { padding-bottom: 0; } .sticky-menu-activate .login-socials-wrap, .login-socials-wrap { } .sticky-menu-activate .header-elements-wrap, .header-elements-wrap { top:-10px; } .homemenu .sf-menu li.menu-item a:before { bottom: 12px; } .sticky-menu-activate .homemenu .sf-menu li.menu-item a:before { bottom: 16px; } .homemenu .sf-menu .mega-item .children-depth-0, .homemenu ul ul { margin-top:8px; } .sticky-menu-activate .homemenu .sf-menu .mega-item .children-depth-0, .sticky-menu-activate .homemenu ul ul { margin-top:0; } .homemenu ul.sf-menu li li:hover ul, .homemenu ul.sf-menu li li.sfHover ul { top: -28px; } .homemenu ul.sf-menu li li li:hover ul, .homemenu ul.sf-menu li li li.sfHover ul { top: -28px; } .sticky-menu-activate .homemenu ul.sf-menu li li:hover ul, .sticky-menu-activate .homemenu ul.sf-menu li li.sfHover ul { top: -24px; } .sticky-menu-activate .homemenu ul.sf-menu li li li:hover ul, .sticky-menu-activate .homemenu ul.sf-menu li li li.sfHover ul { top: -24px; } /* Sticky Menu Styles End */ .menu-overlay { background-color:#555; position: fixed; top:-150px; left:0; width:100%; height:120px; z-index:-1; border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0,0,0,0.05); } .top-menu-wrap { padding: 0; line-height: 0; } .lower-padding { padding-bottom: 0 } .footer-margin { margin-top: 60px; } .lower-margin { margin-bottom: 50px; } .sidebar-margin { margin-top: 30px; } .no-border { border:none !important; margin:0 !important; padding:0 !important;} .main-contents { padding: 0; } .page-contents { padding: 0; } .home-wrap { margin: 0 50px; } .home-page-wrap { padding: 20px 0; } .contents-wrap, .page-contents-wrap { } .page-template-template-page_leftsidebar-php .page-contents-wrap { padding: 20px 50px 0 0; } .fullpage-portfolio-wrap { margin: 50px 0 0 0; } .fullpage-contents-wrap { margin: 35px 0 0 0; } .portfoliopage-contents-wrap { padding: 0; } .transparent-contents-wrap { padding: 0 0 0 0; } .entry-wrapper { padding-bottom: 20px; margin-bottom: 80px; } .entry-contents-wrapper { margin-top:30px; } .entry-post-wrapper { margin-bottom: 20px; padding: 0; } .entry-post-seperator { border-bottom: 1px solid #ededed; margin-bottom: 50px; padding-bottom: 80px; } .knowledge-contents-archive .entry-post-seperator:last-child { border:0; } .center-readmore { text-align: center; } .page-template-template-bloglist-small-php .center-readmore { text-align: right; } .single-post .entry-post-wrapper { } .entry-portfolio-content { } .entry-portfolio-wrapper { padding: 20px 0 10px; margin:0; } .entry-spaced-wrapper { padding: 0; margin:0; } .entry-page-wrapper { padding: 0; margin:0; } .topseperator { } .buttonseperator { margin-top:20px; } .portfolio-wrap { } .portfolio-end-block { margin-top: 80px; padding: 20px 0; } .portfolio-section-heading { padding-bottom: 10px; } .portfolio-end-block h2.section-title { color: #fff; font-size: 22px; font-weight: 200; letter-spacing: 1px; padding: 10px 20px; border-top: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; } .entry-nospaced-wrapper { padding: 1px 20px 10px 20px; margin:0; } .two-column, .edge-to-edge .portfolio-header-left.two-column, .woocommerce.archive #container { width: 63%; } .nosidebar-woo-archive.woocommerce.archive #container { width: auto; } .portfolio-header-left.portfolio_default { width: 59%; } #ajax-gridblock-content .portfolio-header-left { width: 58%; } .edge-to-edge .ajax-gridblock-block-wrap { padding: 0 40px 20px 40px; } .woocommerce.archive #container { float: left; } /* Video Containers */ #videocontainer { height: 100%; width: 100%; opacity: 1; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } #videocontainer:hover { cursor: pointer; } #videocontainer.vjs-paused { opacity: 0.6; } .portfolio-single-image, .entry-content iframe, .entry-content object, .entry-content embed, .entry-content img, .video-container iframe, .video-container object, .video-container embed, .entry-wrapper iframe, .entry-wrapper object, .entry-wrapper embed, .entry-wrapper iframe, .entry-wrapper object, .entry-wrapper embed, .entry-wrapper img, .single-portfolio-image-wrap img, .portfolio-featured-image img { max-width:100%; } .portfolio-featured-image { width: 100%; line-height: 0; } .lightbox-shortcode img { max-width: 100%; width: 100%; } .lightbox-shortcode.lightbox-shortcode-center img { width: auto; } .lightbox-shortcode .gridblock-links-wrap { top: 45%; } .portfolio-single-image { vertical-align: bottom; width: 100%; } /* ****************************** Entry Contents ******************************* */ .entry-content, .woocommerce-product-details__short-description, .woocommerce #tab-description p, .woocommerce .entry-summary div[itemprop="description"] { color: #fff; color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 300; letter-spacing: 0.5px; line-height: 22px; } .sidebar .sidebar-widget { margin-top:20px; } .sidebar-widget { color: #858D92; font-size: 12px; font-weight: 400; letter-spacing: 0.1px; line-height: 26px; } .entry-content-wrapper { margin: 0 0 0 0; } .main-entry-content-wrapper { margin: 20px 0 0 0; } .featured-content { margin-bottom:50px; } .entry-content #searchform { margin: 35px 0 0 0; } .entry-post-list-end { margin: 15px 0 25px 0; } .contents-column { margin: 20px 0 0 0; } .portfolio-contents{ margin-bottom: 0; } .entry-info { width: 60px; float: left; } .wp-caption { background: #2b2b2b; line-height: 18px; margin-bottom: 20px; max-width: 100%; padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .entry-content .sticky { background: #f2f7fc; border-top: 4px solid #000; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } table { width: 100%; margin-bottom: 40px; } table thead th { background: #888; color:#fff; } table tbody { } table tbody td { line-height: 2.5em; } table tbody td a { display: block; text-decoration: none; } table tfoot td { padding-top: 1px; padding: 4px; } table th, table td { padding: 7px 20px; color: #a7a7a7; border: 1px solid #2c2c2c; } .entry-content td { color:#AAAAAA; } /* ****************************** Headings ******************************* */ .entry-post-title-only { margin-top: 0; } .entry-content .entry-post-title h2 { font-size: 18px; font-weight: 600; letter-spacing: 1px; line-height: 30px; margin-bottom: 10px; margin-top: 0; } .post-format-media { line-height: 0; margin-bottom: 40px; } .entry-content .entry-post-title h2 a { font-weight: 400; color:#000; } .entry-content .entry-post-title h2 a:hover { text-decoration:none; } .slider-title-wrap { width:960px; margin:0 auto; } h1.entry-slider-title { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.2px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background:#A0A0A0; color: #fff; display:inline-block; margin: 0; padding: 10px 20px; vertical-align: text-top; } .title-container { position: relative; } .single-mtheme_portfolio .title-container { } .single-mtheme_portfolio .entry-title { text-align: center; } .single-mtheme_portfolio .container { width: auto; margin: 0; padding: 0 0 100px; } .portfolio-header-right { width: 37%; color:#000; } .portfolio-header-right-inner { padding: 0 48px; } .events-inner { padding: 0 0 0 48px; } .fullwidth-column .portfolio-header-right { width: auto; } .fullwidth-column .portfolio-header-right-inner { padding: 30px 0 0 0; } .portfolio-header-left { line-height: 0; } .title-container-wrap { padding: 107px 0 0; } .menu-is-vertical .title-container-wrap { padding: 0; } .entry-title h1 { position: relative; display: inline-block; color: #fff; font-weight: 100; letter-spacing: 6px; line-height: 34px; font-size: 42px; } .entry-title.bold-centered, .entry-title.bold-default, .entry-title { text-align: center; } .entry-title.bold-centered h1 { font-size: 46px; font-weight: 800; letter-spacing: 10px; line-height: 82px; text-transform: uppercase; } .entry-title h1 em, .entry-title h2 em { font-style: italic; } .entry-title h1 strong, .entry-title h2 strong { font-weight: bold; } .title-container-wrap .entry-title h2 { color: #DADADA; display: inline-block; font-size: 18px; line-height: 30px; margin: 10px 0 0; padding: 4px 0 0; } .entry-title h2 { line-height: 40px; margin: 10px 0 0; padding: 20px 0 30px; } .entry-mainpost-title { font-size: 22px; color: #555555; letter-spacing: 0; border-bottom: 1px solid #f0f0f0; padding: 10px 0 20px 0; margin: 0 0 40px 0; letter-spacing: 1px; vertical-align: text-top; } .entry-single-title h1 { font-size: 36px; color: #555555; letter-spacing: 0; padding: 0; margin: 20px 0 20px 0; letter-spacing: -1px; vertical-align: text-top; } h1.page-title { font-size: 18px; margin: 65px 0 55px 0; color: #B9B9B9; letter-spacing: 0; line-height: 18px; text-transform: uppercase; } h1.page-entry-title { color: #454545; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 32px; margin: 30px 0 30px; } h2.page-entry-title { color: #454545; font-size: 36px; font-weight: 300; letter-spacing: -1px; line-height: 32px; margin: 10px 0 10px; } h3.related_posts_title { color: #FFFFFF; font-size: 24px; font-weight: 300; line-height: 32px; margin: 10px 0 30px; } h2.entry-title { font-size: 28px; font-weight: 900; margin: 0 0 10px 0; font-weight: bold; color: #171717; letter-spacing: 0; line-height: 32px; } h2.entry-title a { color: #747474; text-decoration:none; } h2.entry-title a:hover { color: #111; text-decoration:none; } .no-results { margin: 35px 0 0 0; } /* ********************** BreadCrumbs ********************** */ .breadcrumb-wrap { height:50px; width:100%; background: #000; background: rgba(0,0,0,0.2); } .breadcrumb { color: #fff; font-size: 12px; font-weight: 400; letter-spacing: 1px; position: absolute; right: 0; top: -37px; text-transform: uppercase; } .breadcrumb a { font-weight: 400; color:#aaa; } .breadcrumb a:hover { color:#13D3B5; } .breadcrumb-sep { padding: 0 10px; color:#fff; } .breadcrumb .divider { padding: 0 5px; color: #fff; } .set-screen-fixed { overflow: hidden; } /* ********************** Content Headings *********************** */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { font-weight: 500; margin-bottom:15px; letter-spacing: 1px; color:#fff; } .entry-content .text-is-bright h1, .entry-content .text-is-bright h2, .entry-content .text-is-bright h3, .entry-content .text-is-bright h4, .entry-content .text-is-bright h5, .entry-content .text-is-bright h6, .entry-content .text-is-bright .section-subtitle, .entry-content .text-is-bright .text-intensity-switch { color:#fff; } .entry-content .text-is-bright .text-intensity-switch-low, .entry-content .text-is-bright, .entry-content .text-is-bright p { color:#fff; color:rgba(255,255,255,0.7); } .entry-content .text-is-dark h1, .entry-content .text-is-dark h2, .entry-content .text-is-dark h3, .entry-content .text-is-dark h4, .entry-content .text-is-dark h5, .entry-content .text-is-dark h6, .entry-content .text-is-dark .section-subtitle, .entry-content .text-is-dark .text-intensity-switch { color:#000; } .entry-content .text-is-dark .text-intensity-switch-low, .entry-content .text-is-dark, .entry-content .text-is-dark p { color:#444; } .entry-content .heading-section h1, .entry-content .heading-section h2, .entry-content .heading-section h3, .entry-content .heading-section h4, .entry-content .heading-section h5, .entry-content .heading-section h6 { background:#fff; display: inline; padding: 5px 20px; font-weight: 400; } .entry-content h1 { font-size: 36px; line-height: 46px; } .entry-content h2 { font-size: 26px; line-height: 32px; } .entry-content h3 { font-size: 18px; line-height: 24px; } .entry-content h4 { font-size: 16px; line-height: 18px; } .entry-content h5 { font-size:12px; line-height: 16px; } .entry-content h6 { font-size:9px; line-height: 10px; } .entry-content h1 a { font-weight: 400; } .fullpage-block h3, .fullpage-block h4, .fullpage-block h5, .fullpage-block h6 { font-weight: 400; color:#888; } .fullpage-block h1 { font-size: 58px; font-weight: 400; letter-spacing: -2.5px; line-height: 48px; word-spacing: 6px; } .fullpage-block h2 { font-size: 38px; font-weight: 400; letter-spacing: -1.5px; line-height: 38px; } .fullpage-block h3 { font-size: 28px; font-weight: 400; letter-spacing: -0.5px; line-height: 38px; } .fullpage-block h4 { font-size: 20px; } .fullpage-block h5 { font-size: 16px } .fullpage-block h6 { font-size: 11px; text-transform: uppercase; letter-spacing: 10px; } .entry-content .fullpage-block h6 { color:#8E8E8E; } /* ********************** Content elements *********************** */ .entry-content q { display: inline; } .entry-content q:before { content: "\f10d"; font-family: "fontawesome"; margin-right: 5px; } .entry-content q:after { content: "\f10e"; font-family: "fontawesome"; margin-left: 5px; } .entry-content address { font-style: italic; margin-bottom: 24px; } .entry-content cite, .entry-content dfn, .entry-content em { font-style: italic; } .entry-content mark, .entry-content ins { background: #80751e; color:#fff; } .entry-content sup, .entry-content sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } .entry-content sup { bottom: 1ex; } .entry-content sub { top: .5ex; } #commentform code, .entry-content code, .entry-content kbd, .entry-content tt, .entry-content var, .entry-content samp, .entry-content pre { font-size: 12px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; background-color: #181818; color:#d7d7d7; padding-right: 5px; padding-left: 5px; } .entry-content abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } .entry-content pre { color:#eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 30px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } hr, .entry-content hr { clear:both; height: 1px; border:none; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,0.1); margin: 40px 0; } .entry-content p { margin: 0; } .entry-content strong { font-weight: bold; } .entry-content pre { border-color:#333; } .entry-content em { font-style: italic; } .entry-content blockquote { margin: 40px 0 40px 0; padding:30px 30px 10px 30px; background:#000; background: rgba(0,0,0,0.5); border-left: 8px solid #ABABAB; } .entry-content ol > li > ol, .entry-content ul > li > ul { margin-bottom:0; } .entry-content ol, .entry-content ul, .entry-content dl { margin-bottom:30px; } .entry-content .gallery dl { margin-bottom: 0; margin-left: 0; } .entry-content .gallery dl img { height: auto; } .entry-content p { margin-bottom:20px; } .entry-content dt { font-weight:bold; color:#fff; } .entry-content dd { margin-bottom:10px; } .entry-content ul, .entry-content ol { list-style-type:circle; list-style-position:inside; } .page-template-template-sitemap-php .entry-content ul { list-style-type:none; } .list-sub-heading { margin-top:20px; } .entry-content > ul, .entry-content > ol { margin: 20px 0; } .entry-content ul li, .entry-content ol li { margin-bottom:5px; } .entry-content ul > li > ul, .entry-content ol > li > ol, .entry-content ul > li > ol, .entry-content ol > li > ul { margin-left:30px; } .entry-content ol { list-style-type:decimal; list-style-position:inside; } .entry-content .linklist ul { list-style:none; } .entry-content a { text-decoration:underline; color:#fff; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } .entry-content a:hover { color:#fe4641; } .entry-content .hr_padding { margin: 30px 0 0 0; } .entry-content .hrule { position:relative; clear:both; display:block; padding:20px 0; margin-top:40px; border-top:1px solid #f4f4f4; } .entry-content .hrule.top a { border-radius: 30px; color: #777777; font-size: 9px; font-weight: 400; height: 16px; line-height: 15px; position: absolute; right: 0; text-align: center; text-decoration: none; top: -9px; width: 40px; background:#f4f4f4; } .entry-content .hrule.top a:hover { color:#000; text-decoration:none; } .entry-content .highlight { background: rgba(255, 252, 170, 0.5); color: #000; font-weight: 400; } /* Readmore link */ .readmore_link { font-size: 12px; margin: 20px 0 10px; } .readmore_link a { color:#000; font-weight:400; display: inline-block; font-style: italic; } .readmore_link a:hover { color: #000; text-decoration:none; } .entry-content a.read-more-link { border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #222; display: inline-block; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; margin-top: 10px; padding: 0 20px 1px; } .entry-content a.read-more-link:hover { border-color: #000; color: #000; } .readmore { margin-top:15px; } .readmore a { color: #4B4B4B; font-size: 11px; font-weight: bold; margin-left: 20px; text-transform: uppercase; width: 207px; letter-spacing: 1px; } .readmore a:hover { color:#111; border-bottom: none; text-decoration:none; } .readmore-archive { margin-top:20px; letter-spacing: 0; font-size:12px; } .readmore-archive a { background: #969696; border-bottom: none; padding: 5px 15px 6px; border-radius: 20px; color: #fff; } .readmore-archive a:hover { background: #777; border-bottom:none; text-decoration: none; } /* Mainpage */ .page-sidebar-wrap { width:160px; } .page-sidebar-block { margin-bottom:30px; border-bottom:1px solid #F4F4F4; padding-bottom:30px; } .page-sidebar-block p { color: #A4A4A4; font-size: 11px; line-height: 15.8px; } .page-sidebar-block h2 { color: #474747; font-size: 14px; font-weight: 700; letter-spacing: 3.5px; line-height: 12px; margin-bottom: 20px; text-transform: uppercase; } /* ********************** Shortcode - Slideshow Blog *********************** */ .slideshow-box-wrapper { position: relative; list-style: none; } .slideshow-box-image { } .slideshow-box-content { position: relative; width:100%; border-bottom:1px solid #F5F5F5; border-bottom:1px solid rgba(255,255,255,0.1); } .slideshow-box-content-inner { padding: 15px 20px 20px; } .slideshow-box-title { font-size:20px; } .slideshow-box-content .slideshow-box-title a, .slideshow-box-price { font-size: 14px; letter-spacing: 0.5px; font-weight: 600; color:#fff; text-decoration: none; } .slideshow-box-price { margin-bottom: 5px; } .slideshow-box-description { font-size:13px; color:#000; } .slideshow-box-info { font-size:12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } .slideshow-box-comment, .slideshow-box-date { display:inline-block; } .slideshow-box-comment { margin-right:15px; } .slideshow-box-date, .slideshow-box-content .slideshow-box-comment a { color:#777; font-size: 10px; text-decoration: none; } .slideshow-box-content .slideshow-box-categories a, .slideshow-box-content .slideshow-box-categories { font-size:10px; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; color:#656565; text-decoration: none; } .slideshow-box-content .slideshow-box-categories a:hover { color:#fff; } .slideshow-box-categories span { display: inline-block; margin-top:10px; margin-right:10px; } /* ********************** Shortcode - Post and Page list *********************** */ .entry-content .postlist ul { list-style:none; padding:0; margin:20px 0 15px 0; } .entry-content .postlist ul li { padding:0 0 0 25px; position: relative; } .entry-content .postlist ul li:after { content: "\f105"; font-family: 'fontawesome'; position: absolute; left:0; top:0; } .entry-content .postlist ul li a { color:#ABABAB; text-decoration:underline; font-weight: normal; text-decoration: none; } .entry-content .postlist ul li a:hover { color:#111; } /* ********************** Shortcode - Check List *********************** */ .entry-content .checklist ul { list-style: none; } .entry-content .checklist .icon-li { margin-right:10px; color:#7CB811; } .entry-content .checklist ul i { margin-right:10px; } .entry-content .checklist ul li { margin-bottom:0; } /* ********************** Shortcode - Note box ********************** */ .mtextbox { border:1px solid #eee; margin-bottom: 20px; padding:20px; } .mtextbox_title{ padding:15px 20px 5px 16px; margin:0; } .mtextbox.align-left{ margin:2px 16px 16px 2px !important; } .mtextbox.align-right{ margin:2px 2px 16px 16px !important; } .mtextbox_content { padding:0 15px 20px; } /* ********************** Shortcode - Notices *********************** */ .entry-content .noticebox { padding: 40px; color: #5c5c5c; position: relative; } .entry-content .noticebox i { float: left; font-size: 30px; left: 24px; position: absolute; top: 34.1%; } .entry-content .notice-text { } .entry-content .info_yellow, .entry-content .info_red, .entry-content .info_green, .entry-content .info_blue { color: #fff; color: rgba(255,255,255,0.7); } .entry-content .info_yellow { background: #FFFFED; background: rgba(255, 254, 99, 0.3); } .entry-content .info_yellow .close_notice { color:#fff; } .entry-content .info_yellow a { color:#fff; } .entry-content .info_yellow i { color:#fff; } .entry-content .info_red { background: #FFF8F8; background: rgba(225, 15, 15, 0.3); } .entry-content .info_red .close_notice { color:#fff; } .entry-content .info_red a { color:#fff; } .entry-content .info_red i { color:#fff; } .entry-content .info_green { background: #F8FFEE; background: rgba(197, 238, 28, 0.3) } .entry-content .info_green .close_notice { color:#fff; } .entry-content .info_green a { color:#fff; } .entry-content .info_green i { color:#fff; } .entry-content .info_blue { background: #F5FBFF; background:rgba(34, 138, 211, 0.3); } .entry-content .info_blue .close_notice { color:#fff; } .entry-content .info_blue a { color:#fff; } .entry-content .info_blue i { color:#fff; } .noticebox .close_notice { display:block; height:10px; width:10px; float:right; position: relative; top:-20px; right:-10px; color:#626262; cursor: pointer; opacity: 0.6; } .noticebox .close_notice:hover { opacity:1; } /* **************************** Shortcode - Picture Frame ***************************** */ .pictureframe { padding:5px; display:block; margin-top:5px; margin-bottom:5px; border-color: #eee; border-style: solid; border-width: 1px; background: #f0f0f0; } .pictureframe-wrap { background: url(images/icons/view.png) no-repeat 50% 50%; display:block; } .img-align-left { float:left; margin-right:20px; } .img-align-right { float:right; margin-left:20px; } .img-align-center { margin:0 auto;} /* ********************** Shortcode - Toggle Shortcode *********************** */ .entry-content .toggle-shortcode { padding: 0 0 0 30px; font-size: 16px; letter-spacing: 0.5px; font-weight: 400; margin: 0 0 10px 0; float: left; cursor:pointer; position: relative; } .entry-content .toggle-shortcode:after { content: "\e040"; font-family: 'feather'; position: absolute; left:0; top:-1px; font-size: 14px; font-weight: 100; } .entry-content .toggle-shortcode.active:after { content: "\e041"; font-family: 'feather'; position: absolute; font-weight: 100; } .entry-content .toggle-shortcode { text-decoration: none; display: block; border:none; } .entry-content .toggle-shortcode:hover { color: #888; } .entry-content .toggle-container { clear: both; margin: 0; overflow: hidden; width: 100%; } .toggle-display-closed { display:none; } /* ********** Shortcode - Accordion Tabs ********** */ .entry-content .wp-accordion { } .entry-content .wp-accordion h3 { margin:0; position: relative; background:#fff; margin-bottom: 1px; } .entry-content .wp-accordion h3:first-child { border:0; } .entry-content .wp-accordion h3:hover { background:#f8f8f8; } .entry-content .wp-accordion h3:first-child { } .entry-content .wp-accordion h3.ui-state-active { } .entry-content .ui-accordion-header a { display: block; padding: 10px 20px; text-decoration: none; text-transform: none; letter-spacing:0; border:none; } .entry-content .ui-accordion-header-icon { float: right; position: absolute; top:0; right:0; } .entry-content .ui-accordion-header-icon:hover { cursor: pointer; } .entry-content .ui-accordion-header-icon:after { position: absolute; content:"\e120"; font-family: "feather"; font-size: 18px; position: absolute; right: 13px; top: 8px; color:#d6d6d6; } .entry-content .ui-state-active .ui-accordion-header-icon:after { color:#fff; } .entry-content .wp-accordion h3 a, .entry-content .ui-accordion-header.ui-state-default a { font-size: 13px; font-weight: 400; letter-spacing: 0.5px; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; color:#000; } .entry-content .ui-accordion-header.ui-state-default a:hover { transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; } .entry-content .ui-accordion-header.ui-state-active a { border:none; color:#fff; transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; } .entry-content .ui-accordion-header.ui-state-active:hover .ui-accordion-header-icon:after { color:#fff; } .entry-content .ui-accordion-header:hover .ui-accordion-header-icon:after { } .entry-content .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after { color: #fff; } .entry-content .ui-accordion-header.ui-state-active a { } .entry-content .ui-accordion-header.ui-state-active a:hover { text-indent: 0; } .entry-content .ui-accordion-content{ padding: 20px 20px 30px; background:rgba(0,0,0,0.5); } /* Shortcode - Tabs -------------------------------------------------------------- */ /* Tabs -------------------------------------------------------------- */ .entry-content .ui-tabs { padding:0; zoom:1; } .entry-content .ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding: 0; margin: 0; zoom:1; } .entry-content .ui-tabs .ui-tabs-nav li { position:relative; float:left; margin: 0; padding: 0; } .entry-content .ui-tabs .ui-tabs-nav li a { color: #000; background:#fff; float: left; font-size:13px; font-weight: 400; padding: 10px 0; text-decoration: none; text-transform: none; width:100%; text-align: center; border-left:1px solid rgba(0,0,0,0.5); -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease; } .entry-content .ui-tabs .ui-tabs-nav li:first-child a { border-left: 0; } .entry-content .ui-tabs .ui-tabs-nav li:last-child a { } .entry-content .ui-tabs .ui-tabs-nav .ui-state-active a, .entry-content .ui-tabs .ui-tabs-nav .ui-state-active a:hover { background: #24bee8; color:#fff; -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease; } .entry-content .ui-tabs .ui-tabs-nav li a:hover { background: #eee; } .entry-content .ui-tabs .ui-tabs-nav li a:hover{ color:#000; text-decoration: none; } .entry-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected { } .entry-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .entry-content .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .entry-content .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; background-color: #ccc; /* Primary Emphasis */ color:#000; padding-bottom: 4px; } .entry-content .ui-tabs .ui-tabs-nav li a, .entry-content .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .entry-content .ui-tabs .ui-tabs-panel { display:block; background:rgba(0,0,0,0.5); clear:both; } .entry-content .ui-tabs .ui-tabs-hide { display: none !important; } /* vertical tabs */ .entry-content .ui-tabs-vertical { border-left:0; position: relative; } .entry-content .ui-tabs-vertical ul.ui-tabs-nav { width:24.5%; float: left; left: 0; position: relative; height: 100%; background: #f8f8f8; } .entry-content .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; margin:0; float:none; } .entry-content .ui-tabs-vertical .ui-tabs-nav li a { display:block; float:none; border-radius:0; text-align: left; text-indent: 30px; } .entry-content .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { margin:0; } .entry-content .ui-tabs-vertical .ui-tabs-panel { float: right; width: 75.1%; clear:none; border:0; } .entry-content .ui-tabs-vertical .ui-tabs-nav li a { border:0; border-bottom:1px solid #000; } .entry-content .ui-tabs-vertical .ui-tabs-nav li:last-child a { border-bottom:0; } .entry-content .ui-tabs-vertical .ui-tabs-nav .ui-state-active a, .entry-content .ui-tabs-vertical .ui-tabs-nav .ui-state-active a:hover { } .entry-content .ui-tabs .tab-contents { padding: 30px 40px; } /* ********************** Shortcode - Pullquotes *********************** */ .entry-content .pullquote-right { border-left: 4px solid #24bee8; } .entry-content .pullquote-left { border-right: 4px solid #24bee8; text-align: right; } .entry-content .pullquote-right, .entry-content .pullquote-left, .entry-content .pullquote-center { font-family: "Crimson Text",sans-serif; font-size: 18px; font-style: italic; font-weight: 500; line-height: 24px; padding: 0 40px; margin:40px; } .entry-content .pullquote-center { border-top: 4px solid #24bee8; border-bottom: 4px solid #24bee8; text-align: center; padding: 40px 0; } /* ********************** Shortcode - Drop Caps *********************** */ .entry-content .dropcap1, .entry-content .dropcap2, .entry-content .dropcap3, .entry-content .dropcap4 { float:left; font-size: 46px; padding:10px; font-weight: 400; line-height: 50px; margin-right:20px; margin-bottom:5px; height:50px; width:50px; text-align:center; -webkit-border-radius: 50px; border-radius: 50px; margin-top:-10px; } .entry-content .dropcap1 { color:#111; background: #fff; } .entry-content .dropcap2 { color:#fff; background: #000; } .entry-content .dropcap3 { color:#fff; background: #FF2C55; } .entry-content .dropcap4 { color:#FF2C55; background: #fff; } /* ********************** Shortcode - Columns Shortcodes *********************** */ .column1, .column2, .column3, .column4, .column5, .column6, .column32, .column43, .column52, .column53 { margin:0 0 10px 0; padding:0 0 10px 0; } .column1 {width:100%;} .column2 {width:48.2%; float:left; } .column3 {width:31%; float:left;} .column4 {width:22.4%; float:left;} .column5 {width:17.2%; float:left;} .column52 {width:37.6%; float:left;} .column53 {width:58.6%; float:left;} .column6 {width:13.7%; float:left;} .column32 {width:65.5%; float:left;} .column43 {width:74.1%; float:left;} .column_space { margin-right:3.225%; } .centered-sixty-percent { text-align: center; width: 60%; margin: 0 auto; } .column-eighty-percent { width: 80%; } /* ********************** Shortcode - Thumbnails *********************** */ .thumbnails-title { margin-bottom:30px; } .thumbnails-shortcode .work-details h4 { font-size: 12px; line-height: 19px; } .thumbnails-shortcode .gridblock-four .gridblock-element, .thumbnails-shortcode .gridblock-three .gridblock-element, .thumbnails-shortcode .gridblock-two .gridblock-element, .thumbnails-shortcode .gridblock-one .gridblock-element { margin-bottom: 5px; } .gridblock-thumbnail-image-wrap { display: block; line-height: 0; overflow: hidden; } .thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-four .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-three .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-two .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-nospace.gridblock-one .gridblock-element { margin: 0; } .thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-four .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-three .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-two .gridblock-element, .thumbnails-shortcode .thumbnail-gutter-spaced.no-title-no-desc.gridblock-one .gridblock-element { margin-bottom:2%; } /* ****************************** Shortcode - People *************************** */ .person { margin-bottom: 40px; position: relative; overflow: hidden; } .person .person-details { padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.15); text-align: center; } .person:hover { } .person h3, .entry-content .person h3 { color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.5px; line-height: 14px; margin: 15px 0 5px; } .person-image { line-height: 0; margin: 0 auto; text-align: center; } .person-image img { width: 100%; max-width: 100%; } .person h4.staff-position { color: #d5d5d5; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin: 0; } .person ul { list-style:none; margin:0; text-align: right; } .person ul li { display:inline-block; height:30px; width: 30px; line-height: 30px; font-size:10px; } .person ul li i { font-size:16px; } .person ul li:hover { } .person a,.person a:hover { border:none; display: block; } .person i { color:#000; } .person .person-desc { margin:10px 0; } .person-socials { padding-top:0; } .person .person-image-wrap { position: relative; z-index: 1; background-color: rgba(255,255,255,0.8); border-radius: 350px; } .person img { border-radius: 350px; transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-transition: filter 0.5s,transform 0.5s; -moz-transition: filter 0.5s,transform 0.5s; transition: filter 0.5s,transform 0.5s; } .person:hover img { transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); -webkit-transition: filter 1.5s,transform 0.5s; -moz-transition: filter 1.5s,transform 0.5s; transition: filter 1.5s,transform 0.5s; } .person .person-socials { position: absolute; z-index: 2; bottom: 30%; opacity: 0; -webkit-transition: bottom 0.3s,opacity 0.3s; -moz-transition: bottom 0.3s,opacity 0.3s; transition: bottom 0.3s,opacity 0.3s; width: 100%; text-align:center; } .person .person-image { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; border-radius: 150px; overflow: hidden; } .person:hover .person-image { opacity: 0.3; } .person:hover .person-socials { opacity: 1; bottom: 40%; } .person:hover { cursor: pointer; } /* ****************************** Shortcode - Callout *************************** */ .callout .first-half { width: 80%; float:left; } .two-column .callout .first-half { width: 70%; float:left; } .callout .second-half { float: right; margin-top: -20px; position: absolute; right: 40px; top: 50%; width: 20%; } .callout { padding: 50px 40px 30px; position: relative; border-left: 1px solid #24bee8; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .calltype-line-left .callout { border-left-color: #24bee8; border-left-width: 1px; border-left-style: solid; } .callout-text { float:left; } .callout h2.callout-title { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 1px; line-height: 24px; margin-bottom: 15px; } .callout-desc { margin: 0; color: #ababab; font-size: 13px; } .callout-button { float: right; } .callout-button .mtheme-button { padding: 14px 43px; font-size: 16px; font-weight: 600; } /* ****************************** Shortcode - Callout *************************** */ .pricing-table { padding:0; border-left:none; } .pricing-table ul li { margin:0; padding: 0; } .pricing-column { } .pricing-table .pricing-column-target { margin:0; padding: 0; position: relative; z-index: 1; background-color: #fbfbfb; } .pricing-table .pricing_highlight { background: #fefcea; position: relative; z-index: 2; } .pricing_highlight .pricing-column { position: relative; z-index: 2; } .pricing-table .pricing_highlight .pricing-title h2 { font-weight: 700; font-size: 24px; letter-spacing: 5px; } .pricing-table .column2 { width: 49.9%; } .pricing-table .column3 { width: 33.233333333%; } .pricing-table .column4 { width: 24.9%; } .pricing-table .column5 { width: 19.9%; } .pricing-table .column6 { width: 16.5666667%; } .pricing-table ul { list-style: none; } .pricing-table ul { margin:0 auto; text-align: center; } .pricing-table .pricing-column-type-2 ul { margin:0; text-align: right; } .pricing-table .pricing-column-type-2 .pricing-row { background:none; padding-right:20px; } .pricing-row i { margin-right:5px; margin-left:5px; } .pricing-table .pricing-title h2 { font-size: 18px; letter-spacing: 4px; font-weight: 400; margin-bottom: 0; color: #fff; padding: 40px 20px 20px; } .pricing-wrap { background: rgba(255, 255, 255, 0.2); padding: 50px 10px 20px; } .pricing-table .pricing-cell { font-size:48px; font-weight: 400; color:#fff; } .pricing-table .pricing_highlight .pricing-price { } .pricing-cell .pricing-currency { position: relative; top:-10px; font-size:20px; } .pricing-cell .pricing-suffix { position: relative; top:-22px; font-size:16px; font-weight: 400; } .pricing-table .pricing-duration { color:#fff; display: inline-block; font-size: 10px; margin-top:20px; text-transform: uppercase; letter-spacing: 4px; } .pricing-table .pricing-row { background: #fff; color: #000; font-size: 10px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; margin-right: 0; margin-top:-1px; padding: 10px 0 10px; text-transform: uppercase; text-indent: -14px; } .pricing-row.odd { background: #fbfbfb; } .pricing-table .pricing_highlight .pricing-row { } .pricing-table .pricing-row.pricing-tick-cross { color:rgba(0,0,0,0.25); } .pricing-table .pricing_highlight .pricing-row.pricing-tick-cross { } .pricing-table .pricing-footer { padding: 40px 0; background:rgba(255,255,255,0.95); } .pricing-table .icon-ok { color:#A3CB44; } .pricing-table .icon-remove { color:#E78D7F; } .pricing-service { padding: 40px; background: #fff; } .pricing-service p, .entry-content .pricing-service, .entry-content .pricing-service p { color: #7b7b7b; font-size: 15px; font-weight: 400; letter-spacing: -0.2px; line-height: 25px; } .pricing-table-service .pricing-title h2 { font-size: 25px; font-weight: 400; letter-spacing: 0; } .pricing-table-service .pricing_highlight .pricing-title h2 { font-size: 25px; font-weight: 700; letter-spacing: 0; } /* ****************************** Post summary *************************** */ .post-navigation { margin-bottom: 30px; text-transform: uppercase; font-size:14px; font-weight: 400; padding-bottom: 14px; } .post-navigation a { color: #A2A2A2; } .post-previous { float:right; } .post-next { float:right; margin-left:20px; } .post-next, .post-previous { line-height: 0; position: relative; top:17px; } .postsummarywrap { font-size: 10px; font-weight: 200; letter-spacing: 2px; padding: 20px 50px 0; } .postsummarywrap i { color: #fff; } .postsummarywrap a { color: #bbb; font-size: 10px; letter-spacing: 2px; font-weight: 400; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; text-decoration: none; } .datecomment { font-size: 12px; } .post-password-required .datecomment, .post-password-required .nocomments, .post-password-required .post-meta-comment { text-transform: none; color:#bcbcbc; font-weight: 400; letter-spacing: 0; } .nocomments { text-align: center; } .post-single-tags, .post-single-tags a { color: #9F9F9F; font-size: 10px; letter-spacing: 2px; font-weight: 400; } .post-single-tags a { padding: 1px 5px 1px 0; } .post-single-tags { margin: 0 0 10px 0; } .post-single-tags i { margin-right:10px; } .page-link { color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; } .page-link a { border:1px solid #fff; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; } .page-link a:hover { background-color: #fff; color: #000; -webkit-transition: color 0.3s,background-color 0.3s; -moz-transition: color 0.3s,background-color 0.3s; transition: color 0.3s,background-color 0.3s; } .postsummary-spacing, .fullcontent-spacing { margin-bottom:20px; } .postsummaryimage { } .postsummaryimage img { max-width:100%; } .summary-info { border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height: 0; padding: 15px 10px; } .gridblock-columns-wrap div.blog-grid-element { margin-bottom: 20px; } .blog-grid-element-content .summary-info { border:0; padding: 15px 30px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .blog-grid-element-content { margin-bottom: 15px; } .blog-grid-element-content .work-details h4 a { display: block; font-size: 14px; line-height: 23px; margin-bottom: 10px; } .work-details h4 a, .entry-content .blogpost_readmore a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .gridblock-columns-wrap .blog-grid-element-content .work-details { margin-bottom: 0; border:0; padding-bottom: 10px; } .blog-grid-element .gridblock-image-link { position: relative; } .gridblock-image-link:hover { position: relative; background: rgba(0,0,0,0.4); z-index: 8; } .blog-grid-element .grid-icon-status { position: absolute; text-align: center; width: 100%; height: 100%; z-index: 1; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .blog-grid-element:hover .grid-icon-status { background-color: rgba(0,0,0,0.5); } .blog-grid-element .grid-icon-status i { -webkit-transition: opacity 0.3s,top 0.3s; -moz-transition: opacity 0.3s,top 0.3s; transition: opacity 0.3s,top 0.3s; margin-top:-25px; border-radius: 50px; color: #fff; font-size: 19px; height: 50px; line-height: 45px; opacity: 0.6; position: relative; top: 50%; width: 50px; z-index: 9; } .blog-grid-element-has-image .grid-icon-status i { opacity: 0; } .blog-grid-element:hover .grid-icon-status i { top:55%; opacity: 1; } .blog-grid-element:hover .grid-icon-status i { color: #fff; } .blog-grid-element .gridblock-columns img { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-transition: filter 0.5s,transform 0.5s; -moz-transition: filter 0.5s,transform 0.5s; transition: filter 0.5s,transform 0.5s; } .blog-grid-element:hover .gridblock-columns img { transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); -webkit-transition: filter 1.5s,transform 0.5s; -moz-transition: filter 1.5s,transform 0.5s; transition: filter 1.5s,transform 0.5s; } .entry-content .blogpost_readmore a { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; } .blog-grid-element .summary-date { margin-left: 0; color: #7b7b7b; letter-spacing: 1px; margin-left: 0; font-size: 11px; } .blog-grid-element .blogpost_readmore { margin-top:10px; } .summary-info .feather-icon-clock { position: relative; top:-1px; } .summary-date, .summary-comment { font-size: 11px; font-weight: 400; padding: 0; display:inline-block; } .summary-comment { float: right; line-height: 0; margin-right: 10px; padding: 0; } .summary-comment i { position:relative; top:-1px; margin-left: 2px; color:#fff; } .summary-comment a { color:#aaa; text-decoration: none; } .summary-date { margin-left:10px; color:#aaa; } .listbox-content .summary-date { margin-left: 0; } /* Blog structure */ .blog-grid-element .gridblock-blank-element { background:rgba(255,255,255,0.1); } .blog-details-section { float:left; width: 15%; } .blog-details-section-inner { padding-bottom: 10px; } .blog-content-section { float:right; width: 85%; } .blog-details-section span { display: block; } .blog-details-section .the-day { color: #fff; font-size: 11px; letter-spacing: 6px; font-weight: 400; line-height: 16px; } .blog-details-section .the-month { color: #a9a9a9; font-size: 11px; line-height: 16px; font-weight: 400; letter-spacing: 6px; text-transform: uppercase; } .blog-details-section .the-year { color: #e0e0e0; font-size: 11px; font-weight: 400; letter-spacing: 6px; line-height: 16px; text-transform: uppercase; } /* Blog Small */ .bloglist-small .post-format-media { width:300px; float:left; margin-right:40px; margin-bottom:30px; max-width: 100%; } .bloglist-small .postformat_contents { padding-top: 0; border-left: 0 none; margin-bottom: 30px; padding-top: 0; } .bloglist-small .sc_slideshowtitle { font-size: 14px; line-height: 14px; } .bloglist-small .entry-content .entry-post-title h2 { font-size: 20px; line-height: 20px; margin: 0 0 15px; } .bloglist-small .entry-post-wrapper { padding:0; } .portfolio-contents-wrap { float:none; width:100%; margin-bottom:20px; } .portfolio-fullwidth-column-image img.portfolio-single-image, .portfolio-fullwidth-column-image .flexslider-container-page .slides img, .portfolio-fullwidth-column-image .vertical_images img { width:100%; } .post-fullwidth-edge-to-edge .postformat-image, .post-fullwidth-edge-to-edge .flexslider-container-page .slides img, .post-fullwidth-edge-to-edge .postsummaryimage img { width:100%; } .post-fullwidth-edge-to-edge .container { margin-top:20px; } .portfolio-fullwidth-navigation .portfolio-nav-wrap { top:0; } .portfolio-fullwidth-navigation .portfolio-nav-item a { padding: 7px 10px 6px; } .container .portfolio-fullwidth-column { margin-top:20px; } .portfolio-fullwidth-column .portfolio-single-fullwidth { margin-top:0; } .post-single-meta { float: right; } .post-single-meta a { } .post-single-meta a:hover { color:#000; text-decoration:none; } .post-meta-time, .post-meta-comment { margin-left:15px; } .post-meta-category { margin-left:5px; } .lightboxlink { background: url(images/icons/magnifying_glass_alt_8x8.png) no-repeat 0 5px; padding: 0 0 0 15px; margin: 8px 0 0 0;color:#bbb; } .lightboxlink a { color:#464646; text-decoration:none; } .lightboxlink a:hover { color:#444; } .lightbox-shortcode { position: relative; } .shortcode-lightbox-indicate { display: inline-block; position: absolute; top:20px; height:40px; width:40px; margin-left:20px; z-index: 10; text-align: center; border:2px solid #fff; border-radius: 30px; opacity:0.7; } span.shortcode-lightbox-indicate i { line-height: 40px; color:#fff; } .lightbox-shortcode:hover .shortcode-lightbox-indicate { opacity:1; } /* 9.2 Page Navigation Styles */ .pagination-navigation { padding-top:20px; margin-top:30px; } .pagination { color: #2E2E2E; font-size: 16px; font-weight: 400; padding-bottom: 20px; position: relative; top: -19px; width:100%; text-align: center; } .pagination a, .pagination span.current, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease; width:30px; height:30px; line-height: 30px; text-align: center; margin-right: 10px; display: inline-block; color: #fff; margin-bottom: 5px; text-decoration:none; font-weight: 400; position: relative; z-index: 1; border-left:1px solid #fff; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { padding: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background: none; } .pagination a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { background:#888; } .pagination a:link , .pagination .navigation-single, .pagination span.current, ol.commentlist li.pingback .reply a, ol.commentlist li.comment .reply a, .pagination a:visited, .woocommerce nav.woocommerce-pagination ul li span.current { outline: 0; color: #fff; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .pagination-info { float: right; color:#000; font-weight: 400; font-size: 12px; letter-spacing: 0; margin-top:5px; padding-left:10px; z-index: 1; background: #fff; text-transform: uppercase; position: absolute; right:0; display: none; } .navigation-next,.navigation-prev { color:#fff; } .pagination a:hover, ol.commentlist li.pingback .reply a:hover, ol.commentlist li.comment .reply a:hover { color:#000; background: #fff; } .pagination a:active { } .pagination span.pages { padding: 3px 7px 3px 7px; margin: 4px 4px 4px -6px; color: #747474; margin-bottom:10px; display:none; } .pagination span.current, .woocommerce nav.woocommerce-pagination ul li span.current { color:#fff; position: relative; z-index: 1; } .pagination span.extend { padding: 3px 7px 3px 7px; margin: 4px; margin-bottom:10px; color: #2E2E2E; border:none; } .pagination .inactive { opacity: 0.6; } .navigation { font-size:14px; } .navigation a { color:#111; } .navigation a:hover { color:#000; text-decoration:none; } /* 9.3 Password Protected Form */ .single-mtheme_portfolio #password-protected { text-align: center; } .post-password-required .portfolio-header-wrap { width: auto; text-align: center; } #password-protected p { font-size:14px; } #password-protected { padding: 10px; text-align: center; } #password-protected h2 { font-size: 16px; color:#fff; } #password-protected p, .post-password-form p { margin-bottom:20px; color:#fff; font-weight: 400; } #password-protected input, .post-password-form input { width:120px; cursor:pointer; color: #000; border:0; padding: 12px 17px; background: #fff; font-size: 14px; letter-spacing: 2px; font-weight: 600; margin-left: 5px; } #password-protected input:focus, .post-password-form input:focus { } #password-protected input[type="submit"], .post-password-form input[type="submit"] { text-transform: uppercase; font-size: 11px; width: auto; padding: 12px 30px 10px; -webkit-transition: color 0.3s,background-color 0.3s; -moz-transition: color 0.3s,background-color 0.3s; transition: color 0.3s,background-color 0.3s; margin-left: 5px; } #password-protected input[type="submit"]:hover, .post-password-form input[type="submit"]:hover { color: #fff; background: #777; } #password-protected input[type="submit"]:active, .post-password-form input[type="submit"]:active{ color: #fff; background: #777; } #password-protected label { color: #fff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; } #password-protected label input { font: inherit; font-size: 13px; border: 1px solid #ddd; color: #fff; padding:7px; margin:0 10px 20px 10px; -moz-border-radius: 0; border-radius: 0; -webkit-border-radius: 0; background:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; width:200px; } .fullscreen-protected #password-protected { text-align: center; padding:60px; } .fullscreen-protected #password-protected i { font-size: 26px; color: #fff; margin:30px; } .page.mtheme-password-required.page-template-default .container-wrapper, .single-mtheme_events.mtheme-password-required .container-wrapper, .single-mtheme_proofing.mtheme-password-required .container-wrapper, .single-mtheme_portfolio.mtheme-password-required .container-wrapper, .single.single-post.mtheme-password-required .container-wrapper { position: fixed; width: 100%; height: 100%; overflow:scroll; } .menu-is-vertical.page.mtheme-password-required.page-template-default .container-wrapper, .menu-is-vertical.single-mtheme_events.mtheme-password-required .container-wrapper, .menu-is-vertical.single-mtheme_portfolio.mtheme-password-required .container-wrapper, .menu-is-vertical.single.single-post.mtheme-password-required .container-wrapper { width: 100%; } .menu-is-vertical.page.mtheme-password-required .entry-title { margin: 0 auto; } .mtheme-password-required .entry-title h1 { font-size: 26px; letter-spacing: 2px; } /* ****************************** Ken Burns ****************************** */ .kenburns-preloader { position:absolute; top:0; left:0; width:100%; height:100%; background:url(images/preloaders/circle-spinner.png) no-repeat center center; } #kenburns-container img { display:none; } /* ****************************** Post Info ****************************** */ .postinfo { color: #7D7D7D; font-size: 11px; padding: 20px 0; } .postinfo p { color: #7E7E7E; letter-spacing: 0.5px; margin: 0; padding: 0; } .postinfo a, .contents .postinfo a { color:#B1B1B1; text-decoration:none; font-weight: 400; } .postinfo a:hover {color:#111;} /* ****************************** 10.1 Sidebar ******************************* */ #footer .footer-logo { margin: 26px 0; max-width: 260px; } .sidebar-widget img, .footer-widget img { max-width: 100%; height: auto; } #footer .footer-mtheme-image { max-width: 80%; } .sidebar-widget .widget_text img, .footer-widget .widget_text img { max-width:100%; height: auto; padding: 0; margin:0; } .sidebar-widget .widget_text .wp-caption, .footer-widget .widget_text .wp-caption { padding:0 0 10px 0; margin-top:10px; } .sidebar-widget .widget_categories select, .sidebar-widget .widget_archive select, .footer-widget .widget_categories select, .footer-widget .widget_archive select { width: 100%; } .sidebar-widget .widget_archive li a, .sidebar-widget .widget_categories li a, .footer-widget .widget_archive li a, .footer-widget .widget_categories li a { display: inline-block; } .sidebar-widget .widget_rss span, .footer-widget .widget_rss span { display: block; margin-top:10px; margin-bottom: 10px; font-style: italic; } .sidebar-widget .widget_rss a, .footer-widget .widget_rss a { font-weight: bold; } .sidebar-widget .widget_rss li, .footer-widget .widget_rss li { margin-bottom: 30px; } .sidebar-widget input, .sidebar-widget select, .footer-widget input, .footer-widget select { max-width: 100%; } .sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto;} .regular-sidebar { margin: 0; } .portfolio-sidebar { margin: 0; } .sidebar-top { } .sidebar-bottom { } .sidebar-wrap, .sidebar-wrap-single { width: 33.6%; position: relative; border-left: 1px solid rgba(255,255,255,0.1); } .bbpress .sidebar-wrap, .bbpress .sidebar-wrap-single { margin-top:60px; } .sidebar-float-right { float:right; } .sidebar-float-left { float: left; } .single-mtheme_portfolio .sidebar-wrap-single { } .sidebar h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 18px; font-weight: 400; letter-spacing: 0.5px; line-height: 22px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 8px; position: relative; text-align: center; } .sidebar-widget { margin-bottom: 50px; } .sidebar-left .sidebar-widget { padding: 0 0 30px 50px; } .sidebar .sidebar-widget:last-child { border-bottom:none; } .sidebartextbox { color:#7d7d7d; padding-bottom:30px;} .sidebar { color: #737373; font-size: 12px; font-weight: 400; letter-spacing: 0.5px; padding: 0 40px; } .sidebar-float-left .sidebar{ } .sidebar-float-left { padding-left: 0; } .sidebar p { margin-top:15px; line-height: 16px; } .sidbare p:first-child { margin-top:0; } .sidebar a { color:#555; text-decoration: none; } .sidebar a:hover { text-decoration:none; } .sidebar ul {padding:0;margin:0; } .sidebar ul li { border-top: 1px solid #232323; border-top: 1px solid rgba(255,255,255,0.1); margin-bottom: 3px; padding: 3px 0 2px 4px; letter-spacing: 0.5px; } .sidebar ul li:first-child { border-top: 0; } .sidebar ul li a:hover { text-decoration:none; } .sidebar ul ul li a { padding-left:15px; } .sidebar ul ul ul li a { padding-left:30px; } .sidebar ul ul ul ul li a {padding-left:55px; } .sidebar-widget ul li.cat-item { padding-left: 20px; } .sidebar-widget ul ul li.cat-item { padding-left: 0; } .sidebar-widget ul li.cat-item { position: relative; } .sidebar-widget ul li.cat-item:before { content:"\f054"; font-family: "Fontawesome"; font-size: 6px; left: 2px; position: absolute; top: 4px; } .sidebar-widget ul li.page_item { padding-left: 20px; position: relative;} .sidebar-widget ul li.page_item:before { content:"\f040"; font-family: "Fontawesome"; font-size: 8px; left: 2px; position: absolute; top: 9px; } .sidebar-widget ul.children li.page_item { padding-left:0; background: none; } .sidebar-widget ul#recentcomments li { position: relative; padding-left:20px; } .sidebar-widget ul#recentcomments li:before { content:"\e076"; font-family: "feather"; font-size: 9px; left: 2px; position: absolute; top: 4px; } .header_search_wrap { position:relative; float:right; } .header_search { background: #E6412E; padding: 15px 35px; width: 210px; position:absolute; right:50px; top:8px; } .header_search:after { content: " "; display: block; width: 0; height: 0; position: absolute; top: 24px; z-index: 2; right:-1px; border: 6px solid transparent; border-right-color: #EEEEEE; } .header_search #searchbutton { position: relative; right: -77px; background: url(images/icons/search_header.png) no-repeat 50% bottom; opacity:0.8; } .header_search #searchbutton:hover { opacity:1; } /* ****************************** 10.2 Form / Widget Search ******************************* */ #s, #ms, input.search-field { margin: 0; height: 16px; padding: 5px; border:none; font-size:14px; width:86.8%; background:none; font-weight: 300; } #searchform input, #mobile-searchform input, input.search-field { line-height: 14px; padding: 0 5px 10px 0; border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 12px; font-weight: 400; letter-spacing: 0.5px; -webkit-appearance: none; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; width:178px; } #searchform input:focus, #mobile-searchform input:focus { border-color: #ddd; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } #searchform i, #mobile-searchform i { color:#fff; } #searchform i:hover, #mobile-searchform i:hover { color:#fff; } #searchbutton, #mobile-searchbutton, #header-searchbutton { border:0; background:none; cursor: pointer; height: 32px; padding: 10px 18px 4px; width: 32px; opacity:1; font-size:15px; } #searchbutton:hover, #mobile-searchbutton:hover { opacity:0.8; } .search-terms { font-weight:bold; color:#000; } .sidebar-widget #searchform input { color: #fff; } .mtheme-search-no-results { margin-top:40px; text-align: center; } /* ********************** 10.3 Widget Calendar *********************** */ #wp-calendar { width: 100%; padding-bottom: 10px; } #wp-calendar thead th { background: #888; color:#fff; padding:10px; } #wp-calendar tbody { } #wp-calendar tbody td { text-align: center; border:0; padding:0; line-height: 2.5em; } #wp-calendar tbody td:hover { color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot tr td { border:0; } #wp-calendar tfoot tr td{ } #wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none; color: #fff; } #wp-calendar tbody a { display: block; text-decoration: underline; color:#fff; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #wp-calendar tfoot td#next { text-align: right; } #wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a { text-transform: uppercase; padding: 0 5px; } /* ****************************** 10.4 Widget Recent Posts,Popular Posts ******************************* */ #recentposts_list,#popularposts_list { list-style: none; margin: 0; } #recentposts_list li a { } .popularpost_info, .recentpost_info { } #popularposts_list li.even, #recentposts_list li.even{ } #popularposts_list li, #recentposts_list li { padding-top: 10px; } #popularposts_list li:first-child, #recentposts_list li:first-child { padding-top: 0; } #recentposts_list p, #popularposts_list p{ line-height: 16px; margin: 0; } #recentposts_list li,#popularposts_list li{ margin-bottom: 10px; } #recentposts_list li:last-child,#popularposts_list li:last-child{ margin: 0 0 0 0; } #recentposts_list li a, #popularposts_list li a { background:none; padding:0; } #recentposts_list .recent_thumbnail,#popularposts_list .popular_thumbnail { display:block; float:left; margin: 5px 15px 0 0; } #recentposts_list .recentpost_info .recentpost_title,#popularposts_list .popularpost_info .popularpost_title { border: none; color: #fff; display: block; font-size: 15px; letter-spacing: 0.1px; line-height: 18px; margin: 0 0 3px; padding-top: 12px; } #recentposts_list .recentpost_info .recentpost_title:hover, #popularposts_list .popularpost_info .popularpost_title:hover { } #popularposts_list img, #recentposts_list img { display:block; padding:0; margin:0; width:80px; height:auto; } #recentposts_list .recentposts_list time,#popularposts_list .popularposts_list time { display:block; font-size: 11px; } #recentposts_list .recentposts_list .recentpost_info,#popularposts_list .popularposts_list .popularpost_info { overflow:hidden; } #footer .popularpost_info, #footer .recentpost_info { } /* ****************************** 10.5 Twitter Widget ******************************* */ .tweetmeme-button { float: left; margin: 5px 15px 5px 0; } .mtheme-twitter-feeds h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #737373; } .mtheme-tweets .loading { color:#888; } #footer .mtheme-tweets .loading { color:#000; } .mtheme-tweets, .query { text-decoration:none; background: none; margin-left: 0; } .mtheme-tweets .tweet_list, .query .tweet_list { font-size: 12px; line-height: 18px; list-style: none; display: block; } #mainpage-block-4 .mtheme-tweets .tweet_list, .query .tweet_list { font-size: 14px; line-height: 18px; list-style: none; display: block; text-align: left; } #mainpage-block-1 .mtheme-tweets .tweet_list .tweet_avatar img, #mainpage-block-4 .mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; margin: 0 5px 5px 0; padding:5px; } .mtheme-tweets .tweet_list .awesome, .mtheme-tweets .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; } .mtheme-tweets .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0 10px 15px 0; margin: 0 0 12px 0; } .mtheme-tweets .tweet_list li a, .query .tweet_list li a { color: #eee; } .query .tweet_list li a { color:#666; } #footer .tweet_list li .tweet_time a, .sidebar-widget .tweet_list li .tweet_time a { background: #EDEDED; color: #595959; font-size: 10px; font-weight: 400; padding: 1px 6px 2px; text-decoration: none; } #footer .mtheme-tweets .tweet_list .tweet_even, .query .tweet_list .tweet_even { } .mtheme-tweets .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .mtheme-tweets .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; margin: 0; padding: 0 10px 0 0; float:left; } .sidebar-widget span.tweet_text { color: #9D9D9D; } .sidebar-widget .mtheme-tweets .tweet_list li a { color: #6A6A6A; font-size:11px; font-weight: 400; } .sidebar-widget .mtheme-tweets a { padding-top:0; } .sidebar-widget .tweet_list a { border:none; display:inline;} #footer .mtheme-tweets .tweet_list li a { color:#fff; font-weight:400; } #footer .tweet_list li .tweet_time a { background:#000; color:#fff; } #footer .tweet_list li .tweet_time a:hover { color:#fff; } #footer #popularposts_list li, #footer #recentposts_list li { } #footer #popularposts_list li.even, #footer #recentposts_list li.even { background: none; padding: 5px 0 2px; } /* ****************************** 10.6 Sidebar Widget Gallery ******************************* */ .sidebar-widget .infobar-portfoliogrid, .footer-widget .infobar-portfoliogrid { margin:15px 0 0 0; padding:0; list-style-type: none; } .sidebar-widget .infobar-portfoliogrid li a, .footer-widget .infobar-portfoliogrid li a { margin:0; padding:0; border:none; } .sidebar-widget .infobar-portfoliogrid li { overflow: hidden; } .sidebar-widget .infobar-portfoliogrid li { float:left; margin:0; padding:0; border:none; width:25%; } .footer-widget .infobar-portfoliogrid li { float:left; margin:0; padding:0; border:none; width:33%; overflow: hidden; } .sidebar-widget .infobar-portfoliogrid li img { display: block; width:100%; height: auto; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .sidebar-widget .infobar-portfoliogrid li img:hover { opacity: 0.8; } .sidebar-widget .infobar-portfoliogrid li a:hover { border:none; } .footer-widget .infobar-portfoliogrid li img { display: block; margin: 0; padding: 0; line-height:0; width: 100%; height:auto; } .footer-widget .infobar-portfoliogrid li a { line-height: 0; border:0; } .footer-widget .infobar-portfoliogrid li img:hover { } .footer-widget .infobar-portfoliogrid img:hover { } .sidebar-widget .infobar-portfoliogrid .rightspace { } .footer-widget .infobar-portfoliogrid .rightspace { } /* ********************** Search Widget *********************** */ #sidebar .widget_search { margin-top: -20px; } .widget_search #searchform { position: relative; } .widget_search #searchform button { position: absolute; top: -1px; right: 8px; } .widget_search #searchform input { width: 265px; border: 1px solid rgba(255,255,255,0.1); } .sidebar .widget_search #searchform input { width: 265px; padding: 10px 20px; border: 1px solid rgba(255,255,255,0.1); } .sidebar .widget_search #searchform input:focus { border: 1px solid rgba(255,255,255,0.3); } /* ********************** Instagram Widget *********************** */ .sidebar .instagram-pics { padding-top:5px; } .sidebar ul.instagram-pics li, ul.instagram-pics li { width: 100.6px; float: left; padding:0; margin: 0; line-height: 0; border:1px solid transparent; margin-left: -1px; margin-bottom: -1px; -webkit-transition: border-color 0.4s ease-in; -moz-transition: border-color 0.4s ease-in; transition: border-color 0.4s ease-in; } .sidebar ul.instagram-pics li:hover, ul.instagram-pics li:hover { border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.5); } .sidebar ul.instagram-pics li.insta-image-1, ul.instagram-pics li.insta-image-1 { width: 304px; } .sidebar ul.instagram-pics img { width: 100%; max-width: 100%; } /* ********************** 10.7 Social Widget *********************** */ .shopping-bag-header-link { background-image: url(images/icons/shopping_bag.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px; display: inline-block; width:20px; height: 20px; position: relative; top:-2px; } .header-shopping-cart { float:right; position: relative; top:8px; margin-left:20px; margin-right: 40px; color:#000; } .header-shopping-cart a { } .header-search-wrap { float: right; height: 50px; margin: 0; padding: 0; position: relative; right: 30px; top:2px; width: 45px; } .header-search-wrap #searchbutton { display:none; } .header-search-wrap #searchform { bottom: -26px; float: right; position: relative; right: -30px; } .header-search-wrap #searchform input { border:none; color: #fff; font-style: normal; font-weight: 400; text-indent: 40px; padding:0; height: 50px; font-size: 18px; letter-spacing: 0; position:relative; z-index:0; width: 1150px; display: none; } .max-search .icon-search { display:none; } .max-search .icon-remove { display:block; } .min-search .icon-remove { display:none; } .min-search .icon-search { display:block; color:#000; } .header-search-wrap #searchform input { color:#fff; font-size:13px; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .header-search, .header-cart { float: right; height: 22px; margin: 0 0 0 20px; position: absolute; top: -3px; right: -10px; opacity: 0.6; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .header-search:hover, .header-cart:hover { opacity: 1; } .header-search i, .header-cart i { color: #fff; font-size: 20px; } .header-search:hover, .header-cart:hover { cursor: pointer; } .header-widgets { } .login-socials-wrap { position: relative; top:10px; } .side-dashboard-toggle { color: #fff; float: right; position: absolute; right: 30px; top:30px; z-index: 2; font-size: 10px; cursor: pointer; } .side-dashboard-toggle a { color:#fff; } .side-dashboard-toggle a:hover { color:#fff; } .side-dashboard-toggle i { font-size: 14px; } .social-header-wrap { float: right; } .social-header-wrap a { display:block; line-height: 0; } .social-header-wrap ul { list-style-type:none; } .social-header-wrap ul li { display:inline-block; text-align: right; border:0; } .social-header-wrap ul li i { margin:0; padding:0; } .social-header-wrap ul li.social-icon { font-size: 12px; height: 20px; line-height: 20px; padding: 0 0 0 15px; width: 20px; float:right; } .social-header-wrap ul li:first-child { margin-left:0; } .social-header-wrap ul li.social-icon:hover i, .header-shopping-cart a:hover i { } .social-header-wrap ul li.social-icon i { color:#fff; } .social-header-wrap ul li.social-icon:hover { cursor: pointer; } .social-header-wrap ul li.social-icon i:hover { } .social-header-wrap ul li.contact-text { margin-right: 15px; position: relative; top: -1px; margin-bottom: 10px; float: left; } #footer .social-header-wrap ul li.contact-text { float: none; display: block; text-align: center; margin: 10px 0 0 0; } #footer .social-header-wrap ul li.contact-text i { display: none; } #footer .social-header-wrap ul li.contact-text a { letter-spacing: 2px; } .social-header-wrap ul li.contact-text a, .social-header-wrap ul li.contact-text { font-size: 10px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; } .social-header-wrap ul li.contact-text i { color:#fff; } .social-header-wrap ul li.contact-text a { color:#fff; display:inline; } /* ********************** Social Shortcode *********************** */ .social-shortcode i { color:#555; } .social-margin-left { margin-right:10px; } .social-margin-right { margin-left:10px; } /* ********************** 10.8 Flickr *********************** */ .flickr_wrap { position: relative; } .flickr_wrap .flickr_badge_image { padding: 0; float:left; line-height:100%; margin:0 1px 1px 0; } .flickr_wrap .flickr_badge_image img { display: block; height: 98px; width: 98px; opacity: 1; } .flickr_wrap .flickr_badge_image img:hover { opacity: 0.9; } #footer .flickr_wrap .flickr_badge_image img:hover { opacity: 1; } #footer .flickr_wrap .flickr_badge_image img { width:63px; height:63px; display:block; padding:5px; } #footer .flickr_wrap { margin-right:-9px; } #footer .flickr_badge_image { margin:0 1px 1px 0; } /* ****************************** 10.9 Address widget ******************************* */ .contact_address_block { list-style: none; margin: 10px 0 0 0; font-size:12px; letter-spacing: 1px; } .contact_address_block a { } .contact_address_block a:hover { color: #000; } .contact_address_block li, #footer .contact_address_block li, #sidebar .contact_address_block li { margin: 0 0 3px 0; padding:0; letter-spacing:0.5px; } .contact_address_block li { padding: 4px 0; } #footer .contact_address_block li { letter-spacing: 0.5px; margin: 0; padding: 0; padding: 6px 0; } .contact_address_block .about_info, #footer .contact_address_block .about_info{ padding: 0 0 20px 0; } #footer .contact_address_block .about_info { font-size: 16px; font-weight: 300; } #footer .contact_name, .sidebar-widget .contact_name { font-weight: bold; } #footer .contact_address_block .contact_name { font-size: 12px; text-transform: uppercase; letter-spacing: 5px; } .contact_address_block .contact_address { } #footer .contact_address_block li, .sidebar-widget .contact_address_block li { border:0; } .sidebar-widget .contact_address_block li.about_info { padding-left: 0; } .contact_address_block .contact_city { } .contact_address_block .contact_phone, .contact_address_block .contact_mobile, .contact_address_block .contact_email, .contact_address_block .contact_name { position: relative; } .contact_address_block .contact_phone:before, .contact_address_block .contact_mobile:before, .contact_address_block .contact_email:before, .contact_address_block .contact_name:before { font-family: 'fontawesome'; position: absolute; left: -20px; color: #000; top:-5px; font-size: 9px; } #footer .contact_address_block .contact_phone:before, #footer .contact_address_block .contact_mobile:before, #footer .contact_address_block .contact_email:before, #footer .contact_address_block .contact_name:before { color: #ABABAB; } .contact_address_block .contact_phone:before { content: "\f095"; } .contact_address_block .contact_mobile:before { content: "\f10b"; } .contact_address_block .contact_email:before { content: "\f003"; } .contact_address_block .contact_name:before { content: ""; } .contact_address_block .contact_email { } .contact_address_block .contact_email a { display: inline; } #footer .contact_address_block .contact_name { } #footer .contact_address_block .contact_phone { } #footer .contact_address_block .contact_mobile { } #footer .contact_address_block .contact_email { } .page-contents-right { padding: 10px 40px 40px 20px; } /* Vertical Images */ ul.vertical_images { list-style: none; margin:0; } ul.vertical_images li { margin:0 0 30px 0; line-height: 0; position: relative; } ul.vertical_images .vertical-images-title-wrap { position: absolute; width: 100%; bottom:20px; text-align: center; } ul.vertical_images .vertical-images-title { color: #000; background: #fff; padding: 10px 20px; font-size: 13px; font-weight: 800; letter-spacing: 1px; line-height: 13px; text-align: center; display: inline-block; } ul.vertical_images li:first-child { margin-top:0; } .edge-to-edge .vertical_images img { width: 100%; } .vertical-images-link { display: block; line-height: 0; } /* 11.1 Portfolio Taxonomies Browser -------------------------------------------------------------- */ .portfolio-thumbnail-block,.filter-thumbnail-block { display:none; } .current-taxonomies { font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; color:#444; } .current-taxonomies a { color:#666; } .portfolio-related-break { margin-bottom:30px; } .portfolio-taxonomies-browse ul { padding-top:20px; padding-bottom:30px; } .portfolio-taxonomies-browse h3 { display:inline-block; font-size:14px; float:left; margin-right:10px; color:#333; letter-spacing:1px; } .portfolio-taxonomies-browse ul li { display:inline-block; margin-right:5px; margin-bottom:5px; } .portfolio-taxonomies-browse ul li a { outline: 0; padding: 5px 12px; display: block; color: #ccc; font-weight: 400; text-shadow: 1px 1px #1f1f1f; border: 1px solid #1c1c1c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #222222; cursor:pointer; } .portfolio-taxonomies-browse ul li a:hover { text-decoration:none; color: #fff; background: #4c4c4c; } .portfolio-taxonomies h2.taxonomies-title { font-size:18px; color:#000; margin-left:5px; margin-top:10px; margin-bottom:20px; } /* 11.2 Portfolio Taxonomies Widget -------------------------------------------------------------- */ .portfolio-taxonomies ul { list-style-type:none; } .portfolio-taxonomies ul { margin-top:10px; } /* 13.3 Portfolio Related -------------------------------------------------------------- */ .grid-list-portfolio-related { position:relative; width:100%; } .sidebar .grid-list-portfolio-related ul li { border:0; } .portfoliorelated_widget_about { margin-bottom:10px; } .sidebar .grid-list-portfolio-related a { border:none; margin:0; padding:0; } .sidebar .grid-list-portfolio-related a:hover { border:none; margin:0; padding:0; } .grid-list-portfolio-related h2.related-title { font-size:18px; color:#000; margin-left:5px; margin-top:10px; } .grid-list-portfolio-related ul { list-style-type:none; padding-top:10px; } .grid-list-portfolio-related ul li { border: 0 none; display: inline-block; float: left; margin: 0; overflow: hidden; padding: 0; width: 25%; } .grid-list-portfolio-related ul li h4{ font-weight: normal; } .grid-list-portfolio-related ul li h4 a { font-size:11px; color:#ccc; text-transform:none; letter-spacing:0; line-height:12px; } .grid-list-portfolio-related ul li h4 a:hover { color:#fff; } .grid-list-portfolio-related ul li .description{ margin-top:5px; margin-bottom:5px; color:#eee; font-size:12px; margin-right:1px; } .grid-list-portfolio-related ul li img { max-width:100%; width: 100%; display:block; opacity:1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .grid-list-portfolio-related ul li img:hover { opacity:0.5; } /* ****************************** Big Italic ******************************* */ .big-italic { font-size: 18px; font-style: italic; line-height: 30px; color: #7b7b7b; } /* ********************** 12.1 Comments *********************** */ .no-comments { border: 1px solid #606060; color: #eee; display: block; font-size: 13px; margin: 40px 0 0; padding: 30px; text-align: center; letter-spacing: 1px; } #commentform-section, .commentform-wrap { margin: 50px 0 80px; padding: 0; } .commentform-wrap { margin-top: 40px; } h2#comments { color: #fff; font-size: 20px; font-weight: 300; letter-spacing: 1px; margin-top: 60px; } .nocomments { margin: 35px 0 0 0; text-transform: uppercase; } .theme-is-dark .nocomments { color:#fff; } .theme-is-light .nocomments { color:#000; } .single-post.mtheme-password-required .postformat_contents { text-align: center; } .single-post.mtheme-password-required .post-password-form { padding: 50px 0; } .comment-body a { color:#fff; } .comment-body a:hover { color:#111; text-decoration:none; } #comment { width:100%; border:1px solid #D1D1D1; } .entry-content .commentlist a { color:#777; } .entry-content .commentlist a:hover { color:#000; } ol.commentlist { margin:0; clear:both; overflow:hidden; list-style:none; } .entry-content .commentform-wrap ol.commentlist, .entry-content .commentform-wrap ul.commentlist, .entry-content .commentlist ol.children, .entry-content .commentlist ul.children, .commentform-wrap ol.commentlist, .commentform-wrap ul.commentlist { list-style-type:none; } ol.commentlist li.comment { margin:10px 0; } .entry-content ol.commentlist li.comment { margin-left: 0; } ol.commentlist li.comment .comment-author, ol.commentlist li.comment .comment-author a, ol.commentlist li.comment .comment-author .fn { color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .comment-author { } ol.commentlist li.comment .comment-author a { text-decoration:none; } ol.commentlist li.comment .comment-author .fn { color: #eee; } ol.commentlist li.comment .comment-author .fn a { color: #eee; } ol.commentlist li.comment .comment-author .avatar{ float: left; margin-right: 20px; } ol.commentlist li.comment .comment-meta{ font-size:10px; font-weight: 400; } ol.commentlist li.comment .comment-meta a { color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; } ol.commentlist .comment-content { margin-top:20px; } ol.commentlist li.comment p { } ol.commentlist li.comment .reply{ font-size: 12px; margin-top: 10px; margin-bottom: 30px; display: inline-block; } ol.commentlist li.comment .reply a{ } ol.commentlist li.comment .reply a{ } ol.commentlist li.comment .reply a:hover{ } ol.commentlist li.comment { margin-top:20px; margin-bottom: 40px; } ol.commentlist li.comment.odd { } ol.commentlist li.comment.even { } .entry-content ol.commentlist ul.children{ margin-left: 40px; } ol.commentlist li.comment.comment-author-admin, ol.commentlist li.comment.bypostauthor { } .comment-reply-title { margin-top:20px; } .comment-reply-title small { margin-left:20px; } ol.commentlist li.comment.bypostauthor .avatar { float: left; margin-top:3px; margin-right: 20px; } ol.commentlist li.comment .comment-author .avatar, ol.commentlist li.comment.bypostauthor .avatar { border-radius: 80px; width:30px; height:30px; } #commentform p { margin: 0; } #commentform { font-size:12px; } #commentform a { } #respond { } #respond a { color:#eee; } #respond a:hover{ text-decoration: none; color: #fff; } a#cancel-comment-reply-link { border: 1px solid #fff; padding: 5px 10px; font-size: 11px; color:#fff; -webkit-transition: color 0.3s,background-color 0.3s; -moz-transition: color 0.3s,background-color 0.3s; transition: color 0.3s,background-color 0.3s; text-decoration: none; } a#cancel-comment-reply-link:hover { background:#fff; color:#000; } #respond h3 { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; margin-top: 40px; } .reply-title { } #respond h4 { font-size:14px; text-transform:uppercase; font-weight: bold; margin: 20px 0 15px 0; } #commentform { margin:0; } .comment-notes { font-size:15px; font-style:italic; } .comment-respond { } #commentform-section .required, #commentform .required { color:#FF2C55; font-weight: 200; } #commentform label{ color: #ffffff; display: block; font-size: 10px; font-weight: 600; letter-spacing: 3px; margin-bottom: 10px; margin-top: 30px; } #commentform label small { font-size:12px; color:#a0a0a0; } #respond #commentform textarea, #respond #commentform input { border: 1px solid #eee; color: #000; font-size: 14px; line-height: 24px; margin-bottom: 10px; padding: 30px; } #respond #commentform input { padding:0; } #respond #commentform textarea:focus, #respond #commentform input:focus { border: 1px solid #ccc; -webkit-transition: border-color 0.5s ease-in; -moz-transition: border-color 0.5s ease-in; transition: border-color 0.5s ease; } #commentform input{ width:70%; } #commentform textarea{ width:70%; } #commentform .form-allowed-tags { color: #9F9F9F; font-size: 12px; font-weight: 400; padding-bottom: 10px; margin: 20px 0; width: 60%; } #commentform .logged-in-as { color: #ccc; font-size: 9px; font-weight: 600; letter-spacing: 2px; padding-top: 10px; text-align: left; text-transform: uppercase; } #commentform .logged-in-as a { color:#fff; text-decoration: none; } #contact .button, #commentform input#submit, ol.commentlist li.pingback .reply a, ol.commentlist li.comment .reply a { -webkit-transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; transition: color 0.3s,border-color 0.3s; border: 1px solid #fff; color: #fff; cursor: pointer; font-size: 10px; font-weight: 600; letter-spacing: 1px; margin-right: 5px; outline: 0 none; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; background: none; width: 170px; margin-top:10px; } ol.commentlist li.pingback .reply a, ol.commentlist li.comment .reply a { display: block; text-align: center; width: 80px; letter-spacing: 1px; padding: 2px; } #contact .button:hover, #commentform input#submit:hover, ol.commentlist li.comment .pingback a:hover, ol.commentlist li.comment .reply a:hover { background:#fff; color: #000; } /* 12.2 Template - Contact Form -------------------------------------------------------------- */ .contact-form-title { margin-top: 30px; } #contactform { margin: 20px 0 40px 0; } #successmessage { display:none; width:80%; color:#767676; padding: 30px 60px 40px; margin: 40px 0 40px 0; background: #FFFFED; } #successmessage h2 { margin: 10px 0 20px 0; text-transform: none; } #contactform #contact label { cursor: pointer; font-size: 12px; font-weight: 400; color:#a0a0a0; } #contact .text-input { display:block; padding:7px; margin:0 0 20px 0; border: 1px solid #eee; background: #f3f3f3; color:#000; } #contact textarea { height: 80px; } #contact input, #contact textarea {} #contact input:focus, #contact textarea:focus { border: 1px solid #888; } #contactform #contact .error { font-size: 12px; font-weight:bold; color: #ff0000; float:right; margin-right:40px; display:none; padding: 0 8px; } #contact .button { width:120px; font-weight:400; font-size:14px; } #contact .button:hover { color: #000; border-color:#000; cursor:pointer; } #contact .button:active { color: #000; } #contact input { width: 96%; } #contact textarea { width: 96%; } #contact label { display: inline; float: none; font-weight:bold; font-size:14px; } /* -------- Address -------- */ .addressbox { float:right; font-size:18px; line-height:22px; position:relative; right:148px; top:40px; margin-bottom:100px; } .addresstitle { font-size:18px; font-weight:bold; margin-bottom:10px;margin-left:-5px; } .fulladdress { color:#464646; font-size:14px; margin-bottom:10px; } .fulladdress ul { list-style:none !important; } .fulladdress ul li { } /* ********************** 13.1 Navigation *********************** */ .navigation { color: #000; font-size: 11px; line-height: 18px; overflow: hidden; text-transform:uppercase; margin: 10px 0 10px 0; background:#eee; background:rgba(255,255,255,0.1); width: 100%; } .navigation a:link, .navigation a:visited { color: #000; text-decoration: none; display:block; padding:10px 20px; } .navigation a:active, .navigation a:hover { display:block; color: #fff; } .nav-previous a, .nav-next a, .nav-lightbox a { font-size: 16px; letter-spacing: 2px; color:#000; } .nav-previous a:hover, .nav-next a:hover, .nav-lightbox a:hover { } .nav-previous { float: left; width: 33%; } .nav-previous a{ float:left; } .nav-next { float: right; text-align: right; width: 33%; } .nav-lightbox { float: left; text-align: center; width: 33%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } .attachment-main-image { display: block; } /* ****************************** icons Shortcode ******************************* */ .iconalign-left { float:left; padding-right:5px;} .iconalign-right { float:right; padding-left:5px;} .iconalign-center { display:block; margin: 0 auto; text-align:center; } /* ****************************** Author Info ****************************** */ #entry-author-info { background: #F9F9F9; border:1px solid #E8E8E8; padding: 18px 20px; margin: 24px 0; overflow: hidden; clear: both; font-size: 12px; line-height: 20px; background: #FEFEFE; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.09); } #entry-author-info #author-avatar .avatar { background: #fff; border: 1px solid #e7e7e7; float: left; padding: 5px; display:block; margin: 0 20px 10px 0; } #entry-author-info #author-description { float: left; display:block; width:100%; } #entry-author-info h2 { color: #111; font-weight: bold; font-size: 16px; margin-top:0; margin-bottom: 10px; } #author-link { color: #747474; font-size:10px; margin-top:20px; text-transform:uppercase; text-align:right; } #author-link a { color: #747474; text-decoration:none; border: solid 1px #f5f5f5; background: #fafafa; padding: .5em 2em .55em; } #author-link a:hover { color: #464646; } .entry-utility { color: #888; font-size: 12px; line-height: 18px; clear: both; } .entry-meta a, .entry-utility a { color: #888; } .entry-meta a:hover, .entry-utility a:hover { color: #FF4B33; } /* ****************************** 14.1 Post Format Styling ******************************* */ .entry-content-wrapper .sticky .postformat_contents { border-left:1px solid #ffcc00; } .postformat-image { padding:0; margin:0; max-width: 100%; } .entry-content-wrapper .postformat-image, .type-post .postformat-image, .entry-content-wrapper .postsummaryimage, .type-post .postsummaryimage, .entry-content-wrapper .flexslider-container-page, .type-post .flexslider-container-page, .entry-content-wrapper .ajax-video-wrapper, .type-post .ajax-video-wrapper { display:block; line-height: 0; vertical-align: bottom; } a.postformat-image-lightbox { display: block; position: relative; } .lightbox-indicate { display:block; position: absolute; right:30px; top:30px; line-height: 50px; height:50px; width:50px; border-radius: 50px; background: #fff; z-index: 10; text-align: center; opacity:0.7; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } span.lightbox-indicate i { line-height: 40px; color:#000; } .postformat-image-lightbox:hover .lightbox-indicate { opacity:1; } .post-link-wrapper { padding: 0; } .postformat_icon { background: #EAEAEA; border-radius: 50px 50px 50px 50px; color: #707070; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; position: relative; text-align: center; top: -2px; width: 40px; } .jp-title { color:#eee; } .postformat_contents, .pagebuilder-active .mtheme-block-em_blog_list .postformat_contents, .entry-portfolio-content { padding: 0 40px; } .entry-portfolio-content { margin-top:40px; } .postformat_contents, .pagebuilder-active .mtheme-block-em_blog_list .postformat_contents, .postsummarywrap, .portfolio-header-right-inner, .entry-portfolio-content, .events-inner, .author-info { border-left: 1px solid rgba(255,255,255,0.15); } .pagebuilder-active .entry-portfolio-content, .pagebuilder-active .events-inner, .pagebuilder-active .postformat_contents { border-left: 0; } .pagebuilder-active .postformat_contents, .pagebuilder-active .entry-portfolio-content { padding-left: 0; padding-right: 0; } .fullpage-contents-wrap .postformat_contents { } .quote_say { display: block; font-size: 22px; font-weight: 300; letter-spacing: 3px; line-height: 32px; margin: 0 auto 30px; text-align: center; width: 80%; } .quote_say i { margin: 0 10px; color:#24bee8; } .quote_author { color: #fff; display: block; font-size: 10px; font-weight: 700; letter-spacing: 4px; text-align: center; text-transform: uppercase; } .post-aside-wrapper { margin-top:60px; } .postformat_aside_contents { margin-bottom:30px; } /* 15.1 AJAX Portfolio -------------------------------------------------------------- */ .gridblock-filterable-wrap { overflow:hidden; } .gridblockfilter_widget_about { margin-bottom:15px; } .ajax-gridblock-block-wrap.ajax-active { padding-bottom: 20px; } .ajax-gridblock-block-wrap.ajax-collapsed { } .ajax-gridblock-block-wrap.ajax-collapsed .ajax-next, .ajax-gridblock-block-wrap.ajax-collapsed .ajax-prev { opacity: 0.4; } .ajax-gridblock-image-wrap,.gridblock-contents-wrap { } #ajax-gridblock-wrap .gridblock-contents-wrap { margin-top:80px; } #ajax-gridblock-wrap { position:relative; } .gridblock-contents-wrap { } .gridblock-image-link { display:block; } .ajax-gridblock-block-wrap { } .single-gridblockgallery .ajax-gridblock-block-wrap { border-bottom: none; } .ajax-home-wrap { } h2.ajax-projects-title { font-size:20px; font-weight:300; color:#818181; margin: 30px 0 40px; text-transform:uppercase; } .ajax-gallery-navigation { position:relative; display:none; float:right; } a.ajax-navigation-arrow { width:40px; height:40px; text-align: center; line-height: 37px; display:inline-block; z-index:9; float:right; position:relative; margin-left: 1px; font-size: 16px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } a.ajax-navigation-arrow i { color:#fff; font-size: 18px; } a.ajax-hide { right:0; } a.ajax-next { right:0; } a.ajax-prev { right:0; } a.ajax-prev, a.ajax-next, a.ajax-hide { opacity:1; } a.ajax-prev:hover, a.ajax-next:hover, a.ajax-hide:hover { opacity:0.8; } a.ajax-nav-disabled,a.ajax-nav-disabled:hover { display:none; } a.ajax-nav-disabled, a.ajax-nav-disabled:hover, a.ajax-prev:hover, a.ajax-next:hover, a.ajax-prev, a.ajax-next { -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease; } .ajax-loading { background-image:url(images/preloaders/circle-spinner.png); background-position:50% 50%; background-repeat:no-repeat; float:right; height:30px; margin-right:10px; width:50px; text-indent: -999999px; display:none; position: relative; top:8px; } #ajax-gridblock-content { } .ajax-top-margin { } .ajax-gridblock-window { width:100%; display:none; position: relative; overflow: hidden; margin-bottom: 60px; } #ajax-gridblock-loading { background: transparent url(images/preloaders/horizontal2.png) no-repeat 50% 50%; width:100%; height:112px; z-index:20; } .ajax-gridblock-image-wrap { padding:0; margin:1px 0 0 0; line-height:0; background-image:url(images/preloaders/circle-spinner.png); background-position:50% 50%; background-repeat:no-repeat; width: 100%; text-align: center; } .ajax-gridblock-image-wrap,.ajax-gridblock-image-wrap img { } .ajax-gridblock-image-wrap img { opacity:0; } .ajax-gridblock-data { background:none; position:relative; padding: 0; } .ajax-psection-left { } .ajax-psection-right { } .portfolio-title h1 { color: #000000; font-size: 42px; font-weight: 400; letter-spacing: -2.0px; line-height: 36px; padding: 50px 0 20px; } .ajax-gridblock-data h2 { color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -1px; line-height: 23px; margin-bottom: 15px; margin-top: 0; } .ajax-gridblock-data h2 a { text-decoration:none; color:#777777; font-weight: 400; } .ajax-gridblock-data h2 a:hover { color:#000000; } .ajax-protected { text-align: center; padding: 90px 30px 20px; } .ajax-protected i { font-size:32px; padding-bottom: 40px; color:#fff; } .ajax-protected h2 a { color: #656565; font-size: 25px; font-weight: 400; line-height: 34px; } .ajax-protected h2 a:hover { text-decoration:none; color: #000; } .ajax-gridblock-description { margin: 15px 20px 30px 0; } ul.portfolio-metainfo { list-style-type: none; margin-bottom:10px; } ul.portfolio-metainfo li { border-bottom: 1px solid #EBEBEB; color: #404040; font-size: 13px; font-weight: bold; padding: 10px 5px 10px 45px; } .single-mtheme_portfolio ul.portfolio-metainfo li, .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client { display:inline-block; border:none; } .single-mtheme_portfolio .datecomment { border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; border-left: none; margin-top: 45px; padding: 5px 0; text-align: left; } .single-mtheme_portfolio .comments { margin-top:10px; } ul.portfolio-metainfo li a { text-decoration:none; } ul.portfolio-metainfo li a:hover { color:#111; } ul.portfolio-metainfo li.ajax-client { font-weight: bold; background-image: url(images/icons/members.png); background-repeat: no-repeat; background-position: 20px 50%; } ul.portfolio-metainfo li.ajax-link { background-image: url(images/icons/link_16.png); background-repeat: no-repeat; background-position: 20px 50%; } ul.portfolio-metainfo li.ajax-type { font-size:14px; margin-top:20px; } .single-mtheme_portfolio ul.portfolio-metainfo { padding: 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0 30px; } .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-client { background-position: 0 45%; } .single-mtheme_portfolio ul.portfolio-metainfo li.ajax-link { background-position: 0 45%; } .single-mtheme_portfolio ul.portfolio-metainfo li { padding-left:22px; padding-right:25px; } .ajax-video-wrapper { width:100%; } .ajax-video-wrapper { width: 100%; max-width: 100%; margin: 0; background:#111; } .ajax-video-container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .ajax-video-wrapper iframe, .ajax-video-wrapper object, .ajax-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ****************************** 15.2 Portfolio Common ******************************* */ .preload-image { } .single-gridblock-image-wrap { text-align:center; display:block; } .gridblock-selected-icon { text-indent: -99999px; } .gridblock-displayed .gridblock-background-hover { opacity: 1; background: rgba(0,0,0,0.5); } .gridblock-displayed .column-gridblock-icon i { color: #fff; } /* ****************************** 15.3 Portfolio Filter ******************************* */ .gridblock-filter-wrap { margin: 0; } .gridblock-works-wrap { margin-bottom: 5px; margin-top:30px; } #filter-heading { color: #4A4A4A; display: inline-block; font-size: 36px; font-weight: 900; letter-spacing: 0; margin-bottom: 30px; padding: 0 12px 20px 0; text-transform:uppercase; position:relative; } .filter-heading-description { color: #A4A4A4; font-size: 14px; font-weight: 400; letter-spacing: 2.2px; margin-bottom: 5px; text-transform:uppercase; margin-bottom: 5px; margin-top:25px; border-bottom: 1px dotted #EAEAEA; margin-bottom: 10px; display:inline-block; } ul.gridblock-filter { margin: 0 0 10px 0; background: url(images/patterns/stripes_fine_tall.png) repeat-x scroll 0 0 transparent; } ul.gridblock-filter li { float:left; font-size: 11px; font-weight: 400; text-transform:uppercase; background: #BABABA; border-right: 1px solid #C5C5C5; } ul.gridblock-filter li.filter-tag-icon { background-image: url(images/icons/grid_dark.png); background-repeat: no-repeat; background-position: 0 9px; background-color: #fff; padding: 0 0 12px 30px; text-indent: -99999px; } ul.gridblock-filter a { color: #989898; display: block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 6px 15px; position: relative; text-align: center; color: #FFFFFF; -webkit-transition:background-color .1s ease-in; -moz-transition:background-color .1s ease-in; -o-transition:background-color .1s ease-in; transition:background-color .1s ease-in; } ul.gridblock-filter a:hover { color:#fff; background:#EB5E5F; text-decoration:none; } ul.gridblock-filter li.current a { color: #fff; background:#EB5E5F; } ul.gridblock-list { width: 100%; float:right; } ul.gridblock-destination { display:none; } ul.gridblock-list { margin: 0; padding: 0; list-style: none; } ul.gridblock-list li{ background: url(images/preloaders/dark_pulse.png) no-repeat 50% 50% #f8f8f8; display: block; margin: 0; float:left; width:215px; height:215px; margin: 22px 20px 20px 0; position:relative; } a.gridblock-filter-column img { width:205px; height:205px; } .filterable-title { margin-top:-4px; } p.ajax-image-desc { color: #ccc; font-size: 12px; font-weight:400; line-height:15px; padding:5px; } .ajax-gridblock-icon { position:absolute; width:32px; height:50px; display:block; background-color:none; background-repeat:no-repeat; background-position:50% 50%; top:256px; left:0; width:100%; opacity:1; } .column-gridblock-link { background-position: 50% 50%; background-repeat: no-repeat; bottom: 50%; display: block; height: 50px; left: 1px; opacity: 1; position: absolute; width: 50px; margin-right: -55px; margin-bottom: -25px; z-index: 10; color:#fff; font-weight: 400; line-height: 50px; text-align: center; font-size: 12px } .hover-icon-effect { } .hover-icon-effect:hover { } .grid-blank-status { position:absolute; height:100%; width:100%; background: #F7F7F7; } .photowall-item .grid-blank-status { background: rgba(0,0,0,0.5); } .photowall-item .grid-blank-status i { position: absolute; left: 50%; top: 50%; margin-left:-12px; margin-top:-12px; color:#fff; -webkit-transition: background-color 0.5s, color 0.2s; -moz-transition: background-color 0.5s, color 0.2s; transition: background-color 0.5s, color 0.2s; font-size: 42px; } .grid-blank-element { position: relative; } .gridblock-grid-element { position: relative; line-height: 0; overflow: hidden; } .grid-blank-element .grid-blank-status i { position: absolute; left: 50%; top: 50%; margin-left:-12px; margin-top:-12px; color:#656565; -webkit-transition: background-color 0.5s, color 0.2s; -moz-transition: background-color 0.5s, color 0.2s; transition: background-color 0.5s, color 0.2s; } .grid-blank-element .grid-blank-status:hover i, .grid-blank-element .grid-blank-status i:hover { color:#fff; } .grid-blank-element .grid-blank-status:hover { background:#ddd; -webkit-transition: background-color 0.5s, color 0.2s; -moz-transition: background-color 0.5s, color 0.2s; transition: background-color 0.5s, color 0.2s; } .gridblock-image-link { overflow: hidden; } .gridblock-element:hover img, .gridblock-grid-element:hover img { } .gridblock-element img, .gridblock-grid-element img { } .gridblock-link-center { left:0; margin-left:-25px; } .gridblock-image-hover { position: absolute; z-index: 11; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-link-hover { position: absolute; z-index: 12; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-link-hover a { border: none !important; text-decoration: none !important; } .gridblock-columns-wrap .gridblock-row-new:first-child { margin-top:0;} .gridblock-row-new {} .boxtitle-hover { opacity:1; position: relative; bottom:0; width:100%; text-align: center; z-index: 99; left:0; display: block; margin-top:20px; } .boxtitle-hover { margin-bottom:0; } .boxtitle-hover a:hover { color:#000; } .boxtitle-worktype { font-size:9px; font-weight: 800; line-height: 14px; color:#fff; letter-spacing: 3px; text-transform: uppercase; display: block; margin-top:12px; } .album-item-count { color: rgba(255, 255, 255, 0.6); display: block; font-size: 12px; font-weight: 300; letter-spacing: 2px; margin-top: 15px; text-transform: uppercase; } .gridblock-grid-element .boxtitle-hover a { color: #fff; font-size: 16px; line-height: 15px; font-weight: 500; letter-spacing: 1px; text-decoration: none; } .gridblock-links-wrap { position: absolute; text-align: center; bottom: 35%; width: 100%; z-index: 100; } .gridblock-links-wrap.box-title-true { bottom: 25%; } .gridblock-background-hover:hover .gridblock-links-wrap { bottom: 40%; } .post-type-archive-mtheme_photostory .gridblock-background-hover:hover .gridblock-links-wrap { bottom: 30%; } .gridblock-background-hover:hover .gridblock-links-wrap.box-title-true { bottom: 30%; } .thumbnails-shortcode .boxtitle-active .gridblock-links-wrap { bottom: 25%; } .thumbnails-shortcode .boxtitle-active .gridblock-background-hover:hover .gridblock-links-wrap { bottom: 30%; } .owl-wrapper .gridblock-background-hover:hover .gridblock-links-wrap { bottom: 30%; } /*Slideshow with thumbnails*/ .owl-slide-image { max-width: 100%; } .gridblock-slideshow-element { text-align: center; } .owl-slideshow-element .owl-buttons { opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .owl-slideshow-element .slideshow-lightbox { line-height: 0; display: block; border:1px solid transparent; } .owl-slideshow-element:hover .owl-buttons { opacity: 1; } .gridblock-thumbnail-element .owl-thumbnail { max-width: 100%; } .gridblock-thumbnail-element { background-color:#eee; line-height: 0; margin-right: 5px; padding: 1px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .gridblock-thumbnail-element:hover, .synced .gridblock-thumbnail-element { cursor: pointer; background-color:#24bee8; opacity: 1; } .synced .gridblock-thumbnail-element { opacity: 1; } .gridblock-thumbnail-element { opacity: 0.7; } .slideshow-owl-title { background: rgba(255, 255, 255, 0.8); bottom: 0; color: #000; font-size: 13px; letter-spacing: 1px; padding: 20px 0; position: absolute; width: 100%; } /* ************************ ************************ Gridblock Hover effects ************************ ************************ */ .gridblock-grid-element:hover { cursor: pointer; } .gridblock-grid-element:hover .gridblock-background-hover { opacity: 1; } .gridblock-grid-element:hover .displayed-image { transform: scale(1.02,1.02); -ms-transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); -webkit-transition: filter 1.5s,transform 0.5s; -moz-transition: filter 1.5s,transform 0.5s; transition: filter 1.5s,transform 0.5s; } .gridblock-grid-element .displayed-image { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.5s; } .gridblock-links-wrap { -webkit-transition: bottom 0.4s ease-in-out; -moz-transition: bottom 0.4s ease-in-out; -o-transition: bottom 0.4s ease-in-out; transition: bottom 0.4s ease-in-out; } .gridblock-background-hover { -webkit-transition: background-color 0.2s, opacity 0.5s; -moz-transition: background-color 0.2s, opacity 0.5s; transition: background-color 0.2s, opacity 0.5s; } .column-gridblock-icon { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .gridblock-background-hover { position: absolute; z-index: 10; width:100%; height:100%; bottom: 0; opacity: 0; background: rgba(0,0,0,0.5); } .column-gridblock-icon { display: inline-block; opacity: 1; height: 50px; width: 50px; color:#fff; font-weight: 400; line-height: 55px; text-align: center; font-size: 12px; margin: 0 5px; } .column-gridblock-icon i { font-size: 18px; color:#000; position: relative; z-index: 100; } .column-gridblock-icon:hover:after { background: rgba(255,255,255,0.9); -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; transition: background-color 0.15s; z-index: 0; } .column-gridblock-icon:after { position: absolute; top:2px; right:0; width: 100%; height:100%; display: block; content: " "; background: transparent; background: rgba(255,255,255,0.6); border-radius: 45px; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; transition: background-color 0.15s; } .column-gridblock-icon:hover i { } .gridblock-grid-element .displayed-image { } .column-gridblock-icon:hover { position: relative; } .column-gridblock-icon { position: relative; } .gridblock-grid-element:hover .gridblock-background-hover { bottom: 0; } ul.gridblock-list a.filter-thumbnail-loader { background: url(images/horizontal_preloader.gif) no-repeat 50% 50%; padding: 1px; border: 1px solid #f3f3f3; } ul.gridblock-list li .gridblock-image-link{ display: block; height:215px; text-decoration:none; } ul.gridblock-list .work-details { margin: 15px 20px 0 20px; } ul.gridblock-list h4 a { font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; text-decoration:none; } ul.gridblock-list h4 a:hover { color: #111; } .gridblock-listbox ul.gridblock-four .gridblock-element { width:100%; } .gridblock-listbox .listbox-image { } .gridblock-listbox .listbox-content { } ul.gridblock-listbox { list-style: none; } ul.gridblock-listbox li { margin-bottom: 10px; } ul.gridblock-listbox li:last-child { margin-bottom: 0; border-bottom: none; } ul.gridblock-listbox .summary-info { border:none; padding:0; margin:10px 10px; background: none; } ul.gridblock-listbox .summary-comment a { color:#aaa; } ul.gridblock-listbox .work-details { margin: 0 20px; } ul.gridblock-listbox .work-details h4{ margin-bottom: 10px; font-size:14px; } ul.gridblock-listbox .work-details h4 a{ font-weight: 400; } ul.gridblock-listbox .work-details h4 a:hover { color:#000; } ul.gridblock-listbox .work-description { font-size: 13px; line-height: 18px; } ul.gridblock-listbox .gridblock-image-link { width:180px; float:left; margin-right:20px; } ul.gridblock-listbox .gridblock-listbox-row { margin-bottom: 20px; } ul.gridblock-listbox .gridblock-listbox-row .grid-blank-status i { color:#B1B1B1; } .share-spacing { margin-top:40px; } ul.portfolio-share { color: #000; display: block; list-style: none; margin: 40px 0 0 40px; padding: 0; text-transform: uppercase; text-align: center; } .woocommerce-page ul.portfolio-share { margin-left: 0; } .portfolio-single-wrap .portfolio-share { margin-top:40px; } .portfolio-share li { display:inline-block; } .entry-content .portfolio-share li { margin:0; } .portfolio-share li.sharethis { font-size:11px; font-weight: 400; background:none; margin-right:10px; width:auto; } .portfolio-share li a { display: block; font-size:13px; margin:0; margin: 0 1px 0 0; text-align: center; } .portfolio-share li i { -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; transition: background-color 0.1s; color: #fff; width:40px; height: 40px; line-height: 40px; font-size:14px; } .portfolio-share .share-indicate { font-weight: 400; color:#fff; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; padding-left: 15px; position: relative; left:10px; opacity: 0; -webkit-transition: opacity 0.2s,left 0.2s; -moz-transition: opacity 0.2s,left 0.2s; -o-transition: opacity 0.2s,left 0.2s; transition: opacity 0.2s,left 0.2s; } .portfolio-share:hover .share-indicate { opacity: 1; left:0; } .portfolio-share li:hover i { color:#fff; background-color: #eee; } .portfolio-share .share-this-fa-facebook:hover i { background:#3B5998; } .portfolio-share .share-this-fa-twitter:hover i { background:#55ACEE; } .portfolio-share .share-this-fa-google-plus:hover i { background:#E14107; } .portfolio-share .share-this-fa-pinterest:hover i { background:#D73532; } .portfolio-share .share-this-fa-linkedin:hover i { background:#0274B3; } .portfolio-share .share-this-fa-reddit:hover i { background:#2586ED; } .portfolio-share .share-this-fa-tumblr:hover i { background:#34465D; } .portfolio-share .share-this-fa-external-link:hover i { background:#D6AC22; } .portfolio-share .share-this-fa-envelope:hover i { background:#3EADAF; } /* ****************************** 15.4 Portfolio Grids ******************************* */ .blogpost_readmore { font-size:12px; } .entry-content .blogpost_readmore a { text-decoration: none; color:#A9A9A9; } .entry-content .blogpost_readmore a:hover { color:#fff; } .gridblock-related-columns { margin: 0 60px; border-top: 1px solid #eee; padding-top: 20px; } .gridblock-columns-wrap { margin: 0; width: 100%; } .gridblock-columns-wrap ul li { } .gridblock-related-wrap { border-top: 1px solid #eee; margin: 30px 0 60px; padding: 60px 0 0 0; } .gridblockfilter-columns-wrap { margin: 30px 0 0; } a.gridblock-image-link { line-height: 0; } .gridblock-one .gridblock-protected, .gridblock-two .gridblock-protected, .gridblock-three .gridblock-protected, .gridblock-four .gridblock-protected, .post-nothumbnail { background-position: 50% 50%; background-repeat: no-repeat; } ul.gridblock-four, ul.gridblock-three, ul.gridblock-two, ul.gridblock-one { width: 100%; margin: 0; padding: 0; list-style: none; } a.gridblock-columns { background-position: 50% 50%; background-repeat: no-repeat; } .gridblock-protected a.gridblock-columns { } .gridblock-protected { position: relative; } .gridblock-protected img { width: 100%; max-width: 100%; } a.gridblock-columns img { max-width: 100%; } .gridblock-protected i { color: #fff; color: rgba(255,255,255,0.5); font-size: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; } .gridblock-four .work-details, .gridblock-three .work-details, .gridblock-two .work-details, .gridblock-one .work-details { margin: 0 0 30px 0; border-top: 0; padding: 15px 30px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .gridblock-element:hover .work-details { } .gridblock-four h4, .gridblock-three h4, .gridblock-two h4, .gridblock-one h4, .gridblock-list h4 { margin:0; } .gridblock-four h4 a, .gridblock-three h4 a, .gridblock-two h4 a, .gridblock-one h4 a, .gridblock-list h4 a { } .gridblock-four h4 a:hover, .gridblock-three h4 a:hover, .gridblock-two h4 a:hover, .gridblock-one h4 a:hover, .gridblock-list h4 a:hover { } .gridblock-four .work-description, .gridblock-three .work-description, .gridblock-two .work-description, .gridblock-one .work-description { display: block; font-size: 12px; line-height: 18px; padding-top: 5px; } /* ****************************** gridblock Borders ( if needed ) ******************************* */ ul.gridblock-four li .displayed-image, ul.gridblock-three li .displayed-image, ul.gridblock-two li .displayed-image, ul.gridblock-one li .displayed-image, a.gridblock-ajax img, a.gridblock-filter-column img, .pictureframe-image { } ul.gridblock-four li .displayed-image:hover, ul.gridblock-three li .displayed-image:hover, ul.gridblock-two li .displayed-image:hover, ul.gridblock-one li .displayed-image:hover, a.gridblock-ajax img:hover, a.gridblock-filter-column img:hover, .pictureframe-image:hover { } .displayed-image { position: relative; } /* ****************************** gridblock Single ******************************* */ .project-link { margin-top:30px; } .entry-content .project-link a { background:#000; color: #FFFFFF; display: inline-block; font-size: 12px; font-weight: 400; padding: 5px 15px 4px; text-transform: uppercase; } .project-details-link { margin-top: 20px; } h2.project-heading { font-size: 18px; font-weight: 400; letter-spacing: 0.5px; margin-bottom: 20px; } h2.event-heading { font-size: 16px; font-weight: 600; letter-spacing: 1px; margin-bottom: 0; } .project-details-link h4 a{ font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } .project-details-link h4 a:hover { color:#fff; } .project-details-link h4 { display: inline-block; margin-left:10px; } .project-details-link i { border-radius: 30px; font-size: 14px; height: 40px; line-height: 35px; text-align: center; width: 20px; } .project-details h4 { margin-bottom:10px; } .project-skills-column { margin-top: 20px; } .project-skills-column ul { margin-bottom: 10px; } .project-skills ul li { display: inline-block; font-size: 12px; font-weight: 400; line-height: 14px; margin-bottom: 0; margin-right: 10px; font-style: italic; } .project-info h4 { font-size: 11px; font-weight: 800; letter-spacing: 3px; margin-bottom: 3px; text-transform: uppercase; position: relative; } .project-info span { font-size: 12px; display: block; } .portfolio-details-wrap a { text-decoration: none; } .portfolio-details-inner { margin-top:30px; } .project-info ul { font-size: 11px; } .project-info ul li { display: inline-block; margin-right: 10px; } .project-info span, .project-info ul { color: #ffffcd; } .project-info h4 { color: #fff; } .project-info h4 { } .project-details-link i { color: #24bee8; } .project-details-link h4 a { color:#000; } .client-link:hover span { color: #fff; } /* ****************************** 17.1 Goto Top ******************************* */ .gototop-wrap { border-top: 1px solid #F9F9F9; margin: 30px auto 0; padding: 10px 0; width: 1020px; } .gototop { width:30px; height:30px; display:block; margin: 20px auto 20px; text-indent:-99999px; background-color: #b7b7b7; background-image:url(images/icons/top_arrow.png); background-repeat:no-repeat; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer; transition: background-color 0.4s; -moz-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -o-transition: background-color 0.4s; } .gototop:hover { background-color:#111; } /* Start Style the Sidebar Menu */ .sidebar-widget .widget_nav_menu ul li { float:none; } .sidebar-widget .widget_nav_menu .sub-menu { padding-left: 5px; } .sidebar-widget .widget_nav_menu ul { list-style-type:none; margin: 0; padding: 0; } .sidebar-widget .widget_nav_menu ul a { display: block; text-decoration: none; } .sidebar-widget .widget_nav_menu ul li a { font-weight: bold; margin-top:10px; } .sidebar-widget .widget_nav_menu ul li li a { font-weight: 400; margin-top:0; } /* End Style the Sidebar Menu */ .tagcloud a, #footer .tagcloud a { display: inline-block; color: #000; letter-spacing:0.5px; margin: 4px 2px 0 0; padding: 1px 15px 1px 0; background: none; } .wp-tag-cloud { list-style: none; } .wp-tag-cloud li { margin-bottom:5px; } .wp-tag-cloud li,.wp-tag-cloud a { float:left; height:24px; line-height:24px; position:relative; font-size:9px; font-weight:bold; text-transform:uppercase; } .wp-tag-cloud a { margin-left: 10px; margin-right: 7px; padding:0 10px 0 12px; background:#898989; color:#fff; text-decoration:none; letter-spacing:1px; } .wp-tag-cloud a:hover { background:#EB5E5F; } ul.portfolio-metainfo li a { color: #ABABAB; } .portfolio-related-wrap ul.portfolio-four h4 a:hover, .portfolio-related-wrap ul.portfolio-three h4 a:hover, .portfolio-related-wrap ul.portfolio-two h4 a:hover, .portfolio-related-wrap ul.portfolio-one h4 a:hover { color: #fff; } .last-bigsaywrap a:hover, .entry-post-title h2 a:hover, .sidebar a:hover, ul.portfolio-metainfo li a:hover, .ajax-gridblock-data h1 a:hover { color: #000; } .tagcloud a:hover { color: #fff; } .portfolio-taxonomies-browse { margin-top: 20px; padding-bottom: 20px; } /* Isotope *********************************/ /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ } .isotope { } .isotope .isotope-item { } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** Portfolio Filters ****/ .gridblock-filter-wrap h2 { color: #000000; font-size: 27px; font-weight: 400; margin-bottom: 15px; } .page-sidebar-block h3 { color:#474747; font-size: 18px; font-weight: 400; letter-spacing: 0; margin-bottom: 18px; text-transform: uppercase; } .gridblock-filter-select-wrap { margin: 0 0 40px; padding: 0 10px 0; position: relative; } #gridblock-filter-select { display:none; } #gridblock-filter-select i { float:right; position: relative; right:20px; top:2px; } .gridblock-filter-select-text { color: #000000; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } #gridblock-filter-select:hover { border-color: #000; color:#000; } #gridblock-filters, #gridblock-filter-select { width: 100%; } #gridblock-filters { text-align: center; margin: 0 0 50px 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); } #gridblock-filters li { display: inline-block; font-size: 15px; font-weight: 400; margin: -1px 0 0; } #gridblock-filters li a { text-decoration: none; color: #fff; display: block; font-size: 13px; font-weight: 400; letter-spacing: 1px; padding: 15px 25px 15px; border-top:1px solid transparent; transition: border-color 0.2s; -moz-transition: border-color 0.2s; -webkit-transition: border-color 0.2s; -o-transition: border-color 0.2s; } #gridblock-filters li a { } #gridblock-filters li .is-active, #gridblock-filters li a:focus, #gridblock-filters a:focus, #gridblock-filters li .is-active, #gridblock-filters li .is-active:hover { border-color:#D22328; color:#000; } #gridblock-filters:hover li a { } #gridblock-filters a:hover, #gridblock-filters li a:hover, #gridblock-filters li a:hover span { color: #fff; border-color:#ddd; } .filter-icon { padding-left:20px; font-size:18px; font-weight:700; margin-bottom:10px; margin-top:20px; } #gridblock-filters li span { color: #D3D3D3; float: right; font-weight: 400; font-size: 11px; } .gridblock-protected { background: rgba(184, 184, 184, 0.1); } .textbright .gridblock-protected { opacity:0.4; } .textbright .gridblock-grid-element .grid-blank-status i { } .gridblock-element .ajax-image-block { width:306px; height:306px; display:block; background-image: url(images/preloaders/circle-spinner.png); background-position: 50% 50%; background-repeat: no-repeat; } .ajax-image-selector { display:none; } .gridblock-displayed .ajax-image-selector { position:absolute; top:0;left:0; width:100%; height:100%; display:block; z-index:100; background-color:#000; background-color: rgba(0,0,0,0.5); } .gridblock-image-link { cursor:pointer; } .ajax-image-hover { position: absolute; z-index: 99; opacity:0; width:261px; height:261px; top:10px; display:none; } .gridblock-filterable .ajax-image-hover { z-index:0; } .slideshow-image-hover { opacity:0; } .gridblock-grid-element .gridblock-slideshow-icon { margin-top:5px; } .ajax-image-wrap { position:absolute; top:40px; left:30px; } .ajax-image-title { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing:0.5px; line-height:26px; display:block; padding-right:50px; } .ajax-small-desc { color: #C6C6C6; display: inline-block; font-size: 10px; letter-spacing:0.5px; line-height:15px; padding-right:60px; display:block; margin-top:10px; } #gridblock-container { width: 100%; z-index: 0; overflow: hidden; } #gridblock-container ol, #gridblock-container ul, #gridblock-container dl, #gridblock-container-masonary ol, #gridblock-container-masonary ul, #gridblock-container-masonary dl { margin: 0; padding:0; } #gridblock-container .gridblock-image-link, #gridblock-container-masonary .gridblock-image-link { line-height: 0; border:0; } #gridblock-container .gridblock-image-link:hover, #gridblock-container-masonary .gridblock-image-link:hover { border:0; } .gridblock-cell-bottom-space { padding-bottom: 2.0%; } /* Metro */ .gridblock-metro-wrap { width: 100%; overflow: hidden; } .gridblock-metro .gridblock-element { width: 33.333%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .gridblock-metro .gridblock-element img { line-height: 0; } .gridblock-metro .gridblock-cell-following-cell { width: 16.66666666%; } .gridblock-metro .gridblock-links-wrap { bottom: 43%; } .gridblock-grid-element .displayed-image { width: 100.5%; max-width: 100.5%; } .gridblock-element { position: relative; z-index: 1; } .gridblock-four .gridblock-element { float:left; width: 23%; margin: 0 1%; } .gridblock-three .gridblock-element { float:left; width: 31%; margin: 0 1%; } .gridblock-two .gridblock-element { float:left; width: 48%; margin: 0 1%; } .gridblock-one .gridblock-element { float:left; width: 100%; margin: 0; } .thumbnail-gutter-nospace.gridblock-four .gridblock-element { width: 25%; } .thumbnail-gutter-nospace.gridblock-three .gridblock-element { width: 33%; } .thumbnail-gutter-nospace.gridblock-two .gridblock-element { width: 50%; } .portfolio-gutter-nospace.gridblock-four .gridblock-element { width: 25%; margin:0; } .portfolio-gutter-nospace.gridblock-three .gridblock-element { width: 33%; margin:0; } .portfolio-gutter-nospace.gridblock-two .gridblock-element { width: 50%; margin:0; } .thumnails-gutter-active .work-details { padding-left:20px; } .gridblock-ajax { cursor:pointer; } .gridblock-info { padding: 10px 25px; display: block; position: relative; } .gridblock-element .ajax-desc { color: #919191; display: block; font-size: 12px; letter-spacing: 0.5px; line-height: 17px; margin-top: 5px; } #gridblock-container.gridblock-masonary.portfolio-gutter-nospace .gridblock-element { margin:0; } .gridblock-grid-element:hover h4 a, .gridblock-element:hover h3, .gridblock-element:hover h3 a { } .gridblock-element:hover .ajax-desc { color:#aaa; } .gridblock-element h3 { color: #5C5C5C; } .gridblock-displayed:hover h3 { color: #fff; } .gridblock-displayed .ajax-image-hover { border:none; } .gridblock-element, .gridblock-grid-element { } .gridblock-element:hover, .gridblock-grid-element:hover, .gridblock-displayed:hover { } .gridblock-displayed .gridblock-info { cursor: default; } /* Portfolio navigation */ /************************/ .portfolio-nav-wrap { bottom: 60px; position: absolute; right: 50px; text-align: right; width: 200px; z-index: 9; } .menu-is-vertical .portfolio-nav-wrap { bottom: 10px; } .title-container-no-display .portfolio-nav-wrap { bottom: auto; top: 100px; } .portfolio-nav { position: absolute; width: 100%; } .portfolio-nav-item a { padding: 10px 15px 15px; } .portfolio-nav-item a { border-radius: 3px; display: inline-block; line-height: 0; padding: 15px 20px 20px; text-align: center; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; } .portfolio-nav-item i { color:#fff; font-size: 16px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } .portfolio-nav-item a:hover{ } .recent-portfolio-single { padding: 30px 0; } .recent-portfolio-single .item-title { font-weight: 400; margin-bottom: 20px; } .portfolio-single-fullwidth { margin-top:40px; } .portfolio-single-wrap { margin-top: 40px; } .recent-single-carousel-wrap { margin-top:15px; } /* Testimonial Slides *********************************/ .testimonials-roll { width:100%; text-align: center; } #flex-testimonails .slides { display: block; clear: both; } #flex-testimonails .flex-control-nav { position: static; } #flex-testimonails .flex-control-nav { float:none; display:inline-block; } .testimonials-wrap .flexslider-container-page { background:none; } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a { width: 20px; height: 20px; display: block; border:none; position: absolute; z-index:5; cursor: pointer; text-indent: -9999px; opacity:1; border-radius: 30px; } #flex-testimonails .flex-direction-nav { width: 200px; margin: 0 auto; position: relative; top: auto; bottom:100px; } #flex-testimonails .flex-direction-nav li a:hover { background-color: #f7f7f7; } #flex-testimonails .flex-direction-nav li a.flex-next { background-position: -20px 0; right: 0; top: 0; margin-right:0; } #flex-testimonails .flex-direction-nav li a.flex-prev { top: 0; left: 0; } #flex-testimonails .flex-direction-nav li a.flex-prev, #flex-testimonails .flex-direction-nav li a.flex-next { top:0; bottom: auto; } .client-details { letter-spacing: 0; } .client-name, .client-company { display: inline-block; font-size: 9px; font-weight: 600; letter-spacing: 7px; line-height: 18px; text-transform: uppercase; } .client-name { } .client-company { margin-top: 5px; margin-left: 10px; font-weight: 400; display: block; } .client-company a { font-weight: 400; } .client-image { width:150px; position: relative; top:0; border-radius: 100px; } .client-info { display: block; padding-top: 8px; text-align: center; font-size:14px; font-weight:400; margin-bottom: 30px; } .client-say { color: #fff; display: block; font-size: 18px; font-style: italic; font-weight: 300; letter-spacing: 2px; line-height: 40px; margin: 0 0 10px; padding: 0; position: relative; } .text-is-dark .client-say { color:#000; } .testimonials-wrap .flexslider-container-page .slides li { } .testimonial-say { width:100%; float:none; text-align:center; position: relative; } .testimonial-inner { padding:0 } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.prev, .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.next { top:10px; } .testimonials-wrap .flexslider-container-page .flex-direction-nav li a.flex-prev { right:28px; } .testimonials-wrap { position: relative; } .testimonials-wrap .slides { margin-bottom:0; } .testimonials-wrap .flex-direction-nav { right: 0; margin: 0; padding: 0; position: absolute; bottom: 140px; } .testimonials-wrap ul, .testimonials-wrap ul li { margin:0; padding: 0; } .testimonials-wrap #flex-testimonails .flex-control-nav { display: none; } /* ****************************** Client Shortcode ******************************* */ .client-column-0 { margin:0 auto; text-align: center; } .client-column-0 .client-item { display:inline-block; } .client-column-1 .client-item { float:left; width:100%; } .client-column-2 .client-item { float:left; width:50%; } .client-column-3 .client-item { float:left; width:33.33333333333333%; } .client-column-4 .client-item { float:left; width:25%; } .client-column-5 .client-item { float:left; width:20%; } .client-column-6 .client-item { float:left; width:16.66666666666667%; } .client-column-7 .client-item { float:left; width:14.28571428571429%; } .client-column-8 .client-item { float:left; width:12.5%; } .client-column-9 .client-item { float:left; width:11.1111111111%; } .client-column-10 .client-item { float:left; width:10%; } .client-item img { opacity:0.8; } .client-item img:hover { opacity:1; } .page-border-top { display:block; position:fixed; left:0; top:0; height:80px; width:100%; z-index: 9; } .page-border-left { display:block; position:fixed; left:0; top:0; height:100%; width:60px; z-index: 9; } .page-border-right { display:block; position:fixed; right:0; top:0; height:100%; width:60px; z-index: 9; } .page-border-bottom { display:block; position:fixed; left:0; bottom:0; height:60px; width:100%; z-index: 9; } .page-border-top, .page-border-bottom, .page-border-left, .page-border-right { background:#000; } .entry-media { max-width: 650px; width: 100%; } #copyright { color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; display: block; font-size: 9px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; line-height: 26px; margin: 0; text-align: center; } #copyright li { display: inline-block; padding: 0 10px; } #copyright a { color: #fff; } #copyright a:hover { text-decoration:none; color: #fff; } #copyright span { background: #111; border-radius: 8px 8px 8px 8px; padding: 8px 20px; color: #fff; text-align: center; } /* SHORTCODE Skill Bar */ .entry-content h3.progressbar-title { display: inline-block; font-size: 13px; letter-spacing: 1px; margin-bottom: 5px; font-weight: 400; } .skillbar { position:relative; display:block; width:100%; background-color: #333; margin-bottom: 25px; border-radius: 30px; } .skillbar-bar { position: relative; height:1px; width:0px; border-radius: 30px; } .skill-bar-percent { color: #fff; font-size: 11px; margin-left: 10px; padding-left: 10px; } .text-is-dark .skill-bar-percent { color: #000; } /* SHORTCODE Donut Counter */ .donutcounter-wrap { text-align: center; margin: 0 auto; } .donutcounter-value { position:absolute; top:0; left:0; font-weight: 200; text-align:center; } .donutcounter-item { color:#000; padding-bottom: 30px; } .textbright .donutcounter-item { color:#fff; } .textbright .donutcounter-wrap { color:#eee; } .donutcounter-wrap .donutcounter-title { margin-top:40px; } .donutcounter-item { text-align: center; margin: 0 auto; } .textbright .donut-desc { color:#CFCFCF; } .donut-desc { font-size: 13px; } /* SHORTCODE Dividers */ .item-common h1 { font-size: 34px; letter-spacing: 2px; line-height: 40px; } .item-common h2.item-title { font-size:26px; letter-spacing: 2px; line-height: 34px; margin-bottom: 20px; } .item-common h3 { font-size:20px; line-height: 26px; letter-spacing: 2px; } .item-common h4 { font-size: 18px; line-height: 22px; letter-spacing: 2px; } .item-common h5 { font-size: 16px; letter-spacing: 2px; } .item-common h6 { font-size:14px; line-height: 16px; letter-spacing: 2px; } .item-common h1 a { font-weight: 400; } h1.item-title, h2.item-title, h3.item-title, h4.item-title, h5.item-title, h6.item-title { display: block; position: relative; text-transform: uppercase; font-weight: 600; } h1.title-simple-case, h2.title-simple-case, h3.title-simple-case, h4.title-simple-case, h5.title-simple-case, h6.title-simple-case { text-transform: none; font-weight: 300; } .item-line { width:100%; } .divider-common, .item-common { position: relative; } .divider-title { font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color:#000; background-color:#fcfcfc; display: inline-block; position: relative; top:-15px; padding: 0 20px; } .divider-title:before, .divider-title:after { content: " "; position: absolute; display: block; width:5px; height:5px; top:50%; margin-top:-2px; border:1px solid #939393; border-radius: 10px; } .divider-title:before { left: 0; } .divider-title:after { right: 0; } .divider-common .divider-title { } .divider-line { border-top:1px solid #eee; width:100%; padding-top:2px; } .dark-divider.divider-line { border-color: #000; } .bright-divider.divider-line { border-color: #fff; } .divider-double { border-top: 3px double #eee; width:100%; padding-top:3px; } .dark-divider.divider-double { border-color: #000; } .bright-divider.divider-double { border-color: #fff; } .dark-divider.divider-stripes, .divider-stripes { background-repeat: repeat-x; background-image: url(images/dividers/stripes.png); width:100%; padding-top:4px; } .bright-divider.divider-stripes { background-image: url(images/darkskin/dividers/stripes.png); } .dark-divider.divider-thinfade, .divider-thinfade { background-repeat: no-repeat; background-image: url(images/dividers/thin_fade.png); background-position: 50% 50%; width:100%; padding-top:3px; } .bright-divider.divider-thinfade { background-image: url(images/darkskin/dividers/thin_fade.png); } .dark-divider.divider-threelines, .divider-threelines { background-repeat: repeat-x; background-image: url(images/dividers/threelines.png); width:100%; padding-top:5px; } .bright-divider.divider-threelines { background-image: url(images/darkskin/dividers/threelines.png); } .dark-divider.divider-circleline, .divider-circleline { background-repeat: no-repeat; background-image: url(images/dividers/circleline.png); background-position: 50% 50%; width:100%; padding-top:10px; } .bright-divider.divider-circleline { background-image: url(images/darkskin/dividers/circleline.png); } .dark-divider.divider-stripedcenter, .divider-stripedcenter { background-repeat: no-repeat; background-image: url(images/dividers/stripedcenter.png); background-position: 50% 50%; width:100%; padding-top:10px; } .bright-divider.divider-stripedcenter { background-image: url(images/darkskin/dividers/stripedcenter.png); } .dark-divider.divider-linedcenter, .divider-linedcenter { background-repeat: no-repeat; background-image: url(images/dividers/linedcenter.png); background-position: 50% 50%; width:100%; padding-top:10px; } .bright-divider.divider-linedcenter { background-image: url(images/darkskin/dividers/linedcenter.png); } /* SHORTCODE ServiceBoxes */ .readmore-service a { display: block; font-size: 10px; font-weight: 600; letter-spacing: 2px; margin-top: 13px; text-transform: uppercase; text-decoration: none; } .readmore-service a:hover { color:#000; } .service-icon i { font-size: 32px; } .service-icon i.fontawesome { position: relative; } .service-icon .fontawesome { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .service-icon i.fontawesome:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .service-icon i.fontawesome:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 10px #f9f9f9; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } .service-column.alignicon-top:hover .service-icon i.fontawesome:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .service-details, .shortcode-time-counter-block { font-size: 12px; letter-spacing: 0.5px; line-height: 18px; margin-top: 15px; } .service-column.alignicon-top .service-details { padding: 0; } .service-details .mbutton { margin-top:25px; } .service-column.alignicon-top .service-content { margin-top:30px; margin-bottom:20px; } .service-column .last { clear:both;} .service-column { margin:0 0 30px 0; padding:0 0 10px 0; display:block; } .service-column-1 .service-item {width:100%;} .service-column-2 .service-item {width:48.2%;} .service-column-3 .service-item {width:31%;} .service-column-4 .service-item {width:22.4%;} .service-column-5 .service-item {width:17.2%;} .service-column-6 .service-item {width:13.7%;} .service-item-space { margin-right:3.225%; } .service-column .service-item:last-child { margin-right:0; } .serviceboxes-horizontal .service-item { float:left; } .serviceboxes-vertical .service-item { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; border-bottom:1px solid rgba(255,255,255,0.05); } .serviceboxes-vertical .service-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; } .serviceboxes-vertical .service-item .fontawesome { margin-top:0; } .alignicon-left-horizontal .service-details { } .alignicon-left-horizontal .service-content { margin-left: 60px; } .alignicon-right-horizontal .service-details { margin-right: 45px; } .alignicon-top-horizontal .service-details { margin-left:0; } .service-column h1, .service-column h2, .service-column h3, .service-column h4, .service-column h5, .service-column h6, .donutcounter-wrap .donutcounter-title, .time-count-title h4 { font-size: 14px; font-weight: 700; letter-spacing: 2px; margin-bottom: 5px; text-transform: uppercase; } .work-details h4, .work-details h4 a { font-size: 14px; font-weight: 400; letter-spacing: 1px; margin-top: 10px; margin-bottom: 5px; text-transform: none; } .alignicon-top .service-item i { border-radius: 90px; } .alignicon-top .service-item:hover i { } .alignicon-left .fontawesome { float: left; margin-top: 8px; margin-right: 10px; font-size: 28px; } .alignicon-right { text-align: right; } .alignicon-right .fontawesome { float: right; margin-top: 8px; margin-left: 10px; } .alignicon-top .fontawesome { float: none; margin: 0 auto 20px; } .alignicon-top .service-details { padding-top:0; } .alignicon-top { text-align: center; } .alignicon-right-vertical .service-content { margin-right:100px; } .alignicon-right-vertical i.fontawesome { width:auto; height: auto; margin: 0; } .alignicon-right-vertical .service-icon { float:right; width:90px; text-align: center; margin-top:20px; } .alignicon-right-vertical .fontawesome { float:none; margin:0; } .alignicon-left-vertical .service-content { margin-left:100px; } .alignicon-left-vertical i.fontawesome { width:auto; height: auto; margin: 0; } .alignicon-left-vertical .service-icon { float:left; width:90px; text-align: center; } .alignicon-left-vertical .fontawesome { float:none; margin:0; } .serviceboxes-vertical i.fontawesome { border-style: 1px solid transparent; border-radius: 50px; font-size: 38px; height: 78px; line-height: 78px; position: relative; top: -15px; width: 78px; } .single-image-block { line-height: 0; } /* Service Information Box */ .service-info-box .service-details { margin-left:0; } .service-info-box .service-image { } .service-image-link { line-height: 0; display: block; } .service-info-box h4 { } .service-content { margin-top:20px; } .service-image-link { } .service-content h4 a { transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; text-decoration: none; } /*** SHORTCODE Tweets ***/ .mtheme-tweets-shortcode ul{ font-size: 24px; font-weight: 300; line-height: 30px; list-style: none outside none; margin: 0; padding: 0; text-align: center; color:#777; } .mtheme-tweets-shortcode ul li { margin:0; padding:0; } .mtheme-tweets-shortcode a { font-weight: 300; } .mtheme-tweets-shortcode .tweet_avatar { position:relative; top:5px; margin-right:10px; color:#00BEF6; } .mtheme-tweets-shortcode .tweet_time { margin-right:10px; } .mtheme-tweets-shortcode .tweet_time a { font-weight: 300; color:#000; } /* SHORTCODE FontAwesome */ i.fontawesome { color:#000; width:35px; height: 35px; line-height: 35px; text-align: center; display: block; position: relative; } .alignicon-top i.fontawesome { color:#000; width:80px; height: 80px; line-height: 80px; text-align: center; display: block; } .fontawesome.in-circle { } .alignicon-top .fontawesome.in-circle { border: 1px solid #E6E6E6; } .alignicon-top.no-border .fontawesome.in-circle { border: 0; } .alignicon-top .service-item:hover .fontawesome.in-circle { } /** * SHORTCODE Carousel */ .shortcode-carousel-item { text-align: center; padding:0; position: relative; } .gridblock-carousel-wrap { position: relative; margin:0; visibility: hidden; height:200px; overflow: hidden; } .gridblock-carousel-wrap ul { list-style: none; } .gridblock-carousel-wrap ul li { float: left; position: relative; margin:0; } .gridblock-carousel-wrap ul li img { height: auto; } .gridblock-carousel-wrap .next, .gridblock-carousel-wrap .prev { position: absolute; top:-25px; z-index:99; color:#000; } .gridblock-carousel-wrap .next { right:10px; } .gridblock-carousel-wrap .prev { right:25px; } .gridblock-carousel-wrap .portfolio-protected i { color:#000; } .caroufredsel_wrapper { margin-bottom: 0 !important; } .recent-portfolio-single .gridblock-carousel-wrap .next, .recent-portfolio-single .gridblock-carousel-wrap .prev { top:50%; margin-top:-13px; } .recent-portfolio-single .gridblock-carousel-wrap .next { right:-18px; } .recent-portfolio-single .gridblock-carousel-wrap .prev { right:auto; left:-18px; } /* Text-Bright */ .entry-content .textbright h1, .entry-content .textbright h2, .entry-content .textbright h3, .entry-content .textbright h4, .entry-content .textbright h5, .entry-content .textbright h6, .entry-content .textbright, .entry-content .textbright strong { color:#fff; } .entry-content .textbright a:hover { color:#fff; } .is-animated { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; opacity: 0; } .element-animate { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; opacity: 1; } /* Photo Wall */ .photowall-fullwidth { margin-left:10px !important; height: auto !important; } #photowall-container { width:100%; height:100%; top: 102px; position: relative; padding-bottom: 50px; overflow: hidden; } .menu-is-vertical #photowall-container { top:1px; width: -webkit-calc(100% - 301px); width: -moz-calc(100% - 301px); width: calc(100% - 301px); right: -301px; } .boxed-site-layout #photowall-container { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); right: -51px; } .photowall-item { width: 24.9%; float:left; display:block; position: relative; z-index: 2; padding:0; overflow: hidden; margin-bottom: 1px; background-color: #000; } .photowall-item a { line-height: 0; } .photowall-item img { max-width: 100%; width: 100%; display:block; float:left; } .photowall-item:hover { } .photowall-item:hover img { } .photowall-content-wrap { display:block; position: absolute; width:100%; height: 100%; top: 0; background: rgba(0,0,0,0); -webkit-transition: background-color 0.4s,bottom 0.5s; -moz-transition: background-color 0.4s,bottom 0.5s; transition: background-color 0.4s,bottom 0.5s; } .photowall-box { display:inline-block; color:#fff; color: rgba(255,255,255,0.9); font-weight: 200; padding: 0 0 20px 0; width: 100%; font-size:14px; letter-spacing: 0.5px; line-height: 20px; position: absolute; bottom:10px; left: 0; z-index: 99; opacity: 0; -webkit-transition: opacity 0.4s,bottom 0.5s; -moz-transition: opacity 0.4s,bottom 0.5s; transition: opacity 0.4s,bottom 0.5s; } .photowall-item:hover .photowall-box { opacity: 1; bottom:0; } .photowall-title { font-size:16px; color:#fff; font-weight: 400; margin:20px 25px 6px; display: block; } .photowall-desc { color: rgba(255, 255, 255, 0.7); font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 18px; margin: 0 25px; width: 80%; } .photowall-item:hover { } .photowall-item .photowall-image { opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .photowall-item:hover .photowall-image { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .photowall-item:hover .photowall-content-wrap { background: rgba(0,0,0,0.5); } .photowall-lightbox { display: block; position: absolute; z-index: 100; top:0; height: 100%; width: 100%; } .photowall-desc a { position: relative; z-index: 10; color:#fff; border:3px solid #fff; padding: 5px 10px; } .photowall-desc a:hover { color:#fff; border:3px solid #fff; } /* Tubular Youtube */ .tubular-controls { position: fixed; z-index: 9999; top:50%; right:0; } .tubular-controls .tubular-play, .tubular-controls .tubular-pause { height:60px; width:60px; display:block; text-indent: -999999px; background-repeat: no-repeat; background-position: center center; } .tubular-controls .tubular-play { background-image: url(images/icons/play-button.png); } .tubular-controls .tubular-pause { background-image: url(images/icons/pause-button.png); border-top: 1px solid rgba(255, 255, 255, 0.5); } #tubular-container, #tubular-shield { z-index: 0 !important; top:0; } #tubular-container #player { cursor: pointer; } .youtube-play { position: fixed; bottom:40%; left:50%; margin-bottom:-40px; margin-left:-40px; height:80px; width:80px; display:block; background:#fff; background: rgba(255,255,255,0.5); border-radius: 80px; } .youtube-play:after { position: absolute; font-family: 'fontawesome'; content: "\f04b"; left:34px; font-size: 22px; top:23px; color:#000; z-index: 99; } /* Vimeo */ div#fullscreenvimeo { position: fixed; top:0; left:0; width: 100%; height: 100%; z-index:-999; } .menu-is-vertical div#fullscreenvimeo { left: 300px; } .fullscreen-mode-on div#fullscreenvimeo { left: 0; } div#fullscreenvimeo > iframe { display: block; width: 100%; height: 100%; border: none; } /* HTML5 Fullscreen Video */ #fullscreenhtml5video, #fullscreenhtml5video img, #fullscreenhtml5video object { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; overflow: hidden; z-index:1; background-repeat: no-repeat; background-size: cover; } #html5videocontrol { position: absolute; top:50%; right:60px; z-index: 900; } #html5videocontrol i:hover { cursor: pointer; } /* Video Containers */ #backgroundvideo { height: 100%; min-height: 100%; position: fixed; left: 0; top: 0; bottom:0; right:0; margin: 0; padding:0; width: 100%; z-index: 10; } .page-is-not-fullscreen #backgroundvideo.youtube-background-video { position: absolute !important; } .page-is-not-fullscreen #backgroundvideo.html5-background-video { z-index: 0; } .vjs-error-display { display: none; } /* Contact 7 */ .wpcf7-form { font-weight: 400; font-size: 14px; } .wpcf7-form p { font-size: 10px; font-weight: 500; letter-spacing: 3px; line-height: 25px; margin-bottom: 15px; text-transform: uppercase; } .wpcf7-form input, .wpcf7-form textarea{ border: 0; background: none; border:1px solid #fff; width:100%; padding-top:5px; padding-bottom: 5px; text-indent: 5px; color:#fff; transition: border 0.5s; -moz-transition: border 0.5s; -webkit-transition: border 0.5s; -o-transition: border 0.5s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .text-is-dark .wpcf7-form input, .text-is-dark .wpcf7-form textarea{ border:1px solid #ebebeb; } .wpcf7-form p.required { bottom: 50px; color: #bbb; position: relative; } span.wpcf7-not-valid-tip { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FF0000; font-size: 10pt; font-weight: 400; right: -2px; padding: 11px 10px; position: absolute; top: -22px; width: 100%; z-index: 100; } .wpcf7-form #cf7-left{width: 15%; margin-right: 20px; float: left;} .wpcf7-form input[type="button"], .wpcf7-form input[type="submit"], .wpcf7-form input[type="reset"] { width: 140px; outline: 0; padding: 10px 12px; margin-right: 5px; display: inline-block; color: #000; font-size: 11px; letter-spacing: 5px; font-weight: 600; background: none; border:2px solid #000; text-transform: uppercase; cursor:pointer; text-decoration:none; } .wpcf7-form input[type="button"]:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="reset"]:hover { color: #000; border:2px solid #000; } .text-is-bright .wpcf7-form input[type="button"], .text-is-bright .wpcf7-form input[type="submit"], .text-is-bright .wpcf7-form input[type="reset"] { color: #fff; border:2px solid #fff; } .text-is-bright .wpcf7-form input[type="button"]:hover, .text-is-bright .wpcf7-form input[type="submit"]:hover, .text-is-bright .wpcf7-form input[type="reset"]:hover { color: #000; background: #fff; border:2px solid #fff; } .text-is-dark .wpcf7-form input[type="button"], .text-is-dark .wpcf7-form input[type="submit"], .text-is-dark .wpcf7-form input[type="reset"] { color: #000; border:2px solid #000; } .text-is-dark .wpcf7-form input[type="button"]:hover, .text-is-dark .wpcf7-form input[type="submit"]:hover, .text-is-dark .wpcf7-form input[type="reset"]:hover { color: #fff; background: #000; border:2px solid #000; } .wpcf7-form .wpcf7-not-valid-tip { background: #fffcaa; border: none; color: #000; font-size: 10px; font-weight: 400; padding: 2px 14px; width: auto; } .wpcf7-form .wpcf7-validation-errors { display: inline-block; font-size: 14px; font-weight: 400; padding: 20px 35px; } .wpcf7-form .wpcf7-form-control-wrap { margin-top:5px; display: block; } /* WPML Plugin */ .header-widgets .wpml-lang-selector-wrap { } .header-widgets #lang_sel { float:right; position: relative; top: 11px; margin-left: 10px; } /* Back to Top */ #goto-top { position: fixed; bottom:68px; right:60px; height:40px; width: 40px; border-radius: 40px; font-size: 12px; border: 2px solid #fff; line-height: 35px; color:#fff; text-align: center; cursor: pointer; display: none; transition: border 0.5s,color 0.5s,background-color 0.5s; -moz-transition: border 0.5s,color 0.5s,background-color 0.5s; -webkit-transition: border 0.5s,color 0.5s,background-color 0.5s; -o-transition: border 0.5s,color 0.5s,background-color 0.5s; z-index:99; } #goto-top:hover { opacity: 1; background:#fff; border: 2px solid #fff; color:#000; } .subtle-fade a { transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; } /* ****************************** Footer ******************************* */ .footer-tweets { background: #F9F9F9; margin-top: 100px; padding: 10px 0 25px; } .footer-block { margin: 0; padding: 0; } .footer-block h3 { color: #fff; } .footer-container-wrap { background: #000; background: rgba(0,0,0,0.1); } .footer-container-wrap, .footer-container { } .footer-container { padding: 80px 0 100px; } #footer { margin: 0 auto; } #footer .footer-column { margin: 0 auto; width: 43%; text-align: center; } #footer .footer-column:first-child { } #footer .footer-double-column { margin: 0 10px 0 10px; width: 440px; float: left; } #footer h3 { color: #fff; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin: 0 0 15px; padding: 20px 0 10px; text-transform: uppercase; } #footer h3 a { color: #666; } #footer h3 a:hover { color: #000; } #footer .description, #footer .textwidget { padding: 0; margin-right: 10px; } #footer a { text-decoration: none; } #footer #popularposts_list .popularpost_info .popularpost_title, #footer #recentposts_list .recentpost_info .recentpost_title, .relatedtitle a { color: #000; font-size: 15px; line-height: 17px; font-weight:bold; } #footer #recentposts_list p, #footer #popularposts_list p { color:#aaa; } #footer #popularposts_list .popularpost_info .popularpost_title:hover, #footer #recentposts_list .recentpost_info .recentpost_title:hover, .relatedtitle a:hover { color: #000; } #footer a:hover { } #footer .socialmedia-buttons { margin-top:15px; text-align: left; } #footer .social-size-32 img, #footer .social-size-16 img { position: static; } #footer .social_contact_text { display: block; float: none; margin-left: 0; margin-top:10px; } #footer .social_contact_text a { color:#fff; } .footer-widget a { color: #848484; font-size: 12px; font-weight: 400; line-height: 18px; } .footer-widget { color: #aaa; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0.5px; } .footer-widget a { } .footer-widget .tagcloud a { color:#E4E4E4; } .footer-widget ul { list-style:none; font-size:12px; line-height:18px; padding:0; margin:0; } .portfolio_widget_about { margin-bottom: 15px; } .footer-widget ul li { font-size: 11px; line-height: 18px; margin-bottom: 10px; padding: 0 0 4px; } .footer-widget ul li, .footer-widget #recentposts_list li, .footer-widget #popularposts_list li { border-bottom: 1px solid #ededed; } .footer-widget ul li img { margin:0px; padding:0 8px 0 0; margin-bottom:-2px; } .footer-widget a:hover { text-decoration:none;} .footer-widget .Social_Widget { margin-top: 20px; } .entry-post-wrapper .edit-entry { display:none; } .single .edit-entry { display:block; } .mtheme-error-notice { text-align: center; color:#fff; display:block; } /* ****************************** Fontawesome Shortcode Since version 1.7 ******************************* */ .shortcode-fontawesome-icon { display:inline-block; } .shortcode-fontawesome-icon.small { font-size:20px; } .shortcode-fontawesome-icon.small.circle-yes { width:40px; height:40px; line-height:40px; } .shortcode-fontawesome-icon.medium { font-size:35px; } .shortcode-fontawesome-icon.medium.circle-yes { width:65px; height:65px; line-height:65px; } .shortcode-fontawesome-icon.large { font-size:60px; } .shortcode-fontawesome-icon.large.circle-yes { width:100px; height:100px; line-height:100px; } .shortcode-fontawesome-icon.circle-yes { color:#000; background-color:#fff; text-align:center; border-radius:90px; -moz-border-radius:90px; -webkit-border-radius:90px; } .shortcode-fontawesome-icon.circle-no, .shortcode-fontawesome-icon.circle-yes { margin-top:5px; } /* @ WPML Language selector. */ .wpml-lang-selector-wrap { float:right; position: absolute; top:88px; right:5px; z-index: 99; } .sticky-menu-activate .wpml-lang-selector-wrap { display: none; } .wpml-lang-selector-wrap #lang_sel { } .wpml-lang-selector-wrap #lang_sel li, .wpml-lang-selector-wrap #lang_sel ul ul { width: 180px; } .mobile-wpml-lang-selector-wrap { margin-top:65px; text-align: center; } .mobile-wpml-lang-selector-wrap #lang_sel li, .mobile-wpml-lang-selector-wrap #lang_sel ul ul { width: 200px; } /* Remove following class if language selector needs default colors */ .mobile-wpml-lang-selector-wrap #lang_sel a.lang_sel_sel { background-color:#eee; color:#000; } .wpml-lang-selector-wrap #lang_sel a.lang_sel_sel { background-color:#eee; color:#000; } /* Transparent border for language selector. */ .mobile-wpml-lang-selector-wrap #lang_sel a, .mobile-wpml-lang-selector-wrap #lang_sel a:visited { border-color: rgba(255,255,255,0.3); } .wpml-lang-selector-wrap #lang_sel a, .wpml-lang-selector-wrap #lang_sel a:visited { border-color:rgba(255,255,255,0.1); } /* Responsive language selector position */ .mobile-wpml-lang-selector-wrap #lang_sel { margin-top:15px; position: relative; z-index: 999; } /* @ WPML Language selector. */ .wpml-lang-selector-wrap #lang_sel ul ul, .mobile-wpml-lang-selector-wrap ul ul { z-index: 99; } /* RevSLider*/ .tp-bannertimer { height:2px !important; } /* Owl Carousel*/ .gridblock-owlcarousel-wrap { width: 99.9%; overflow: hidden; } .page-template-template-fullpage .gridblock-owlcarousel-wrap { width: 100%; } .gridblock-owlcarousel-wrap .displayed-image { width:100%; max-width: 100%; } /* Shortcode since version 2.4 of shortcode plugin */ .shortcode-time-counter-block { text-align: center; } i.time-count-icon { font-size:80px; } .time-count-data { color: #000000; font-size: 45px; font-weight: bold; letter-spacing: 0; padding: 30px 0 0 0; } .shortcode-time-counter-block h4 { color: #2b2b2b; font-size: 13px; font-weight: 400; letter-spacing: 2px; } /* jQuery Tips */ .ui-tooltip { position: absolute; padding: 2px 10px; background:#eee; color:#000; font-size:11px; letter-spacing: 1px; font-weight: 400; z-index: 9999; } .responsive-header-log-user { background-color: #ff6f52; color: #fff; cursor: pointer; float: right; height: 48px; line-height: 48px; position: absolute; right: 0; text-align: center; top: 0; width: 48px; z-index: 900; display: none; } .responsive-header-log-user:hover { background-color: #000; } .side-dashboard-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float:right; width: 290px; height:100%; background-color: #f2f2f2; padding: 40px; position: fixed; z-index: 999; top:0; overflow-y:scroll; background: rgb(244,244,244); } .darshboard-inner-wrap { } .dashboard-push-offscreen { right: -290px; } .dashboard-push-onscreen { right: 0 !important; } .body-dashboard-push { } .body-dashboard-push-right { left:-290px; } .body-dashboard-push-left.page-is-fullscreen { } /*Login Widget*/ .mtheme_login_widget .widget_login_logout { padding-top:20px; } .mtheme_login_widget .greetings_text { margin: 10px 0 30px; } .mtheme_login_widget .greetings_text strong { font-weight: 600; color:#000; text-transform: uppercase; font-size: 11px; } .mtheme_login_widget #mtheme-loginform input { border:1px solid #e3e3e3; font-size: 11px; padding:10px; } .mtheme_login_widget #mtheme-loginform input#user_login, .mtheme_login_widget #mtheme-loginform input#user_pass { width: 185px; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease; -webkit-appearance:none; } .mtheme_login_widget #mtheme-loginform input#user_login:focus, .mtheme_login_widget #mtheme-loginform input#user_pass:focus { border-color:#000; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease; } .mtheme_login_widget #mtheme-loginform input#wp-submit, .mtheme_login_widget .mtheme_login_widget-logout-text { border:2px solid #000; border-radius: 5px; padding:10px 15px; background:#fff; color:#000; font-size:10px; letter-spacing: 1px; width:100px; text-transform: uppercase; font-weight: bold; cursor:pointer; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease; -webkit-appearance:none; } .mtheme_login_widget #mtheme-loginform input#wp-submit:hover, .mtheme_login_widget .mtheme_login_widget-logout-text:hover { background-color: #000; color:#fff; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; transition: border 0.3s ease; } .mtheme_login_widget #mtheme-loginform label { color: #000; display: block; font-size: 10px; letter-spacing: 2px; padding-bottom: 5px; text-transform: uppercase; } /* Like CSS */ .mtheme-post-like-wrap { text-align: center; padding-top:30px; } .like-vote-icon { border-size:2px solid #FF6F52; height:60px; width:60px; font-size:20px; display: inline-block; text-align: center; border-radius: 60px; color:#FF6F52; } .like-notvoted { -webkit-transition: -webkit-transform 0.5s, background-color 0.5s; -moz-transition: -moz-transform 0.5s, background-color 0.5s; transition: transform 0.5s, background-color 0.5s; } .like-notvoted:hover { background-color: #000; -webkit-transition: -webkit-transform 0.5s, background-color 0.5s; -moz-transition: -moz-transform 0.5s, background-color 0.5s; transition: transform 0.5s, background-color 0.5s; } .like-notvoted:hover i { color: #fff; } .like-alreadyvoted { color:#fff; } .like-vote-icon i { font-size: 28px; line-height: 60px; } .post-link-count-wrap { font-size: 11px; letter-spacing: 1px; margin-top:20px; font-weight: 400; } .post-like-count { font-size: 11px; font-weight: 900; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Hero Image */ .hero-link-to-base { cursor: pointer; display: block; } .heroimage-wrap { position: relative; top:0; width: 100%; background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } .hero-text-wrap { width:100%; position: absolute; top:40%; text-align: center; } .textlocation-bottom .hero-text-wrap { top:auto; bottom: 16%; } .textlocation-top .hero-text-wrap { top:250px; } .hero-text-wrap ul { list-style: none; display: inline-block; width: 100%; } .hero-text-inner { border-left:4px solid #fff; padding-left: 25px; } .hero-text-wrap ul li { display: none; padding: 0 20px; } .hero-text-wrap ul.single li:first-child { display: block; } .hero-text-wrap ul.border li { border: 1px solid #fff; padding: 20px 40px 10px; } .hero-text-wrap ul.border-top-bottom li { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding: 20px 40px 10px; } .hero-text-wrap .hero-subtitle { color: #ffffff; color: rgba(255,255,255,0.9); font-size: 14px; font-weight: 600; letter-spacing: 2px; line-height: 12px; margin-bottom: 30px; } .hero-text-wrap .hero-title { color: #fff; font-size: 70px; font-weight: 800; letter-spacing: -1.3px; line-height: 90px; } .heroimage-wrap .mouse-pointer-wrap { position: absolute; width: 100%; z-index: 10; bottom: 60px; text-align: center; } .heroimage-wrap .mouse-pointer { border: 2px solid #FFFFFF; border: 2px solid rgba(255,255,255,0.4); height: 50px; width: 30px; border-radius: 20px; position: relative; margin:0 auto; } .indication-animated { -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes indicate-bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(10px);} 60% {-webkit-transform: translateY(5px);} } @keyframes indicate-bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(10px);} 60% {transform: translateY(5px);} } .indicate-bounce { -webkit-animation-name: indicate-bounce; animation-name: indicate-bounce; } .heroimage-wrap .mouse-wheel { position: absolute; top:8px; height:6px; width: 2px; background-color: #fff; left:50%; margin-left: -1px; border-radius: 3px; } .heroimage-wrap .mouse-pointer-title { color:#fff; font-size: 14px; text-transform: uppercase; } .hero-typewrite-element { display: inline-block; font-size: 62px; line-height: 62px; letter-spacing: 1px; color:#fff; font-weight: 900; } .intensity-dark .hero-title, .intensity-dark .hero-subtitle { color: #000; } .intensity-dark .mouse-pointer { border-color:#000; } .intensity-dark .mouse-wheel { background-color: #000; } /* Photocard */ .column-half { width:50%; } .column-float-right { float: right; } .column-float-left { float: left; } .photocard-wrap { position: relative; } .photocardvideo-fallback-image { width: 100%; max-width: 100%; } .photocard-image-wrap.column-float-left { height: 100%; left: 0; position: absolute; top: 0; width: 50%; overflow: hidden; } .photocard-image-wrap.column-float-right { height: 100%; right: 0; position: absolute; top: 0; width: 50%; overflow: hidden; } .photocard-image-wrap, .photocard-image-wrap img { line-height: 0; } .photocard-image-wrap video { width: 100%; max-width: 100%; } .photocard-image-container { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 105%; left: 0; position: absolute; top: 0; width: 105%; } .photocard-contents-inner { padding: 160px 120px; } .boxed-column .photocard-contents-inner { padding: 50px; } .image-set-bottom .photocard-contents-inner { padding:80px 25% 50px; } .image-set-top .photocard-contents-inner { padding:80px 25%; } .photocard-wrap .fullwidth-image { max-width: 100%; width: 100%; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .photocard-contents { } .photocard-content-wrap.photocard-bright .heading-block h2 { color:#fff; } .photocard-content-wrap.photocard-bright .heading-block h3 { color: #eee; color:rgba(255,255,255,0.8); } .photocard-content-wrap.photocard-bright .photocard-contents { color:#fff; color:rgba(255,255,255,0.6); } .photocard-content-wrap.photocard-dark .heading-block h2 { color:#000; } .photocard-content-wrap.photocard-dark .photocard-contents { color:#777; } .photocard-content-wrap.photocard-dark h3.section-subtitle, .photocard-content-wrap.photocard-dark .heading-block h3 { color:#444; } .photocard-contents-inner .mtheme-button { margin: 10px 0; } /* Heading */ .section-contents { margin: 40px auto 0; } .section-heading .section-contents { margin-bottom: 20px; } .span12 > .section-contents { width: 40%; } .section-heading { margin-bottom: 60px; } .section-end { position: relative; } .section-heading .section-end:after { border-bottom: 1px solid rgba(255, 255, 255, 0.2); bottom: -20px; content: " "; margin-left: -150px; position: absolute; width: 300px; left: 50%; } .section-align-center { text-align: center; margin-left: auto; margin-right: auto; } .section-align-right { text-align: right; } .section-align-right .section-end:after { right:3px; left: auto; } .section-align-center .section-end:after { margin-left:-150px; } .section-align-left .section-end:after { margin-left:0; left: 3px; right: auto; } h1.section-title { font-size: 46px; line-height: 46px; font-weight: 300; margin-bottom: 10px; position: relative; padding-top: 25px; } .entry-content .text-is-bright .section-heading .section-end:after { border-bottom-color: rgba(255,255,255,0.2); } .entry-content .text-is-dark .section-heading .section-end:after { border-bottom-color: rgba(0,0,0,0.2); } h2.section-title { font-size: 32px; font-weight: 500; margin-bottom: 5px; line-height: 42px; } h3.section-title { font-size: 18px; line-height: 18px; } h4.section-title { font-size: 14px; line-height: 14px; } h5.section-title { font-size: 10px; line-height: 10px; } h6.section-title { font-size: 7px; line-height: 7px; } .heading-block h2 { font-size: 24px; font-weight: 700; margin-bottom: 5px; } .entry-content .heading-block h3, .entry-content h3.section-subtitle { font-size: 13px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 0; margin-top: 15px; } .entry-content h3.section-subtitle, .entry-content .heading-block h3 { color:#f7f7f7; } .heading-block { position: relative; margin-bottom: 50px; } .heading-block:after { position: absolute; content: " "; width: 300px; margin-left: -150px; bottom: -25px; border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,0.05); } .photocard-bright .heading-block:after, .bright .heading-block:after { border-bottom-color: rgba(255, 255, 255, 0.05); } .text-align-left .heading-block:after { margin-left: 0; left: 0; } .text-align-right .heading-block:after { margin-left: 0; right: 0; } /* General button style (reset) */ .mtheme-button { border: none; color: inherit; background: none; cursor: pointer; padding: 10px 30px; display: inline-block; margin: 50px 0; letter-spacing: 1px; font-size: 13px; line-height: 12px; font-weight: 600; outline: none; position: relative; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; z-index: 1; overflow: visible; } .mtheme-button.big-button { padding: 15px 40px; } .proofing-gallery-button { margin-bottom: 30px; } .button-blog-continue .mtheme-button { margin: 0; } .mtheme-button .button-icon i { font-size: 14px; } .mtheme-button .button-icon { left: -5px; position: relative; right: auto; top: -1px; } .ajax-gridblock-data .mtheme-button, .button-shortcode .mtheme-button { margin:0; } .image-set-bottom .mtheme-button { margin-bottom: 10px; } .image-set-top .mtheme-button { margin-bottom: 10px; } .section-heading .mtheme-button { margin: 10px 0; } .mtheme-button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } /* Button */ .static_slideshow_content_link .supersized-button, .slideshow_content_link .supersized-button { display: inline-block; position: relative; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .static_slideshow_content_link .supersized-button:after, .slideshow_content_link .supersized-button:after { width: 100%; height: 0%; bottom: 0; left: 0; background: #fff; position: absolute; content: " "; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; z-index: -1; } .static_slideshow_content_link .supersized-button:hover:after, .slideshow_content_link .supersized-button:hover:after { height: 100%; } .static_slideshow_content_link .supersized-button:hover, .slideshow_content_link .supersized-button:hover { color:#000; } .fullscreen-slide-dark .slideshow_title, .fullscreen-slide-dark .static_slideshow_title, .fullscreen-slide-dark .slideshow_caption, .fullscreen-slide-dark .static_slideshow_caption { color:#000; } .fullscreen-slide-dark .slideshow_content_link .supersized-button, .fullscreen-slide-dark .static_slideshow_content_link .supersized-button { border-color: #000; color:#000; } .fullscreen-slide-dark .static_slideshow_content_link .supersized-button:after, .fullscreen-slide-dark .slideshow_content_link .supersized-button:after { background: #000; } .fullscreen-slide-dark .static_slideshow_content_link .supersized-button:hover, .fullscreen-slide-dark .slideshow_content_link .supersized-button:hover { color:#fff; } .fullscreen-slide-dark .slideshow-controls-wrap { background: rgba(0, 0, 0, 0.2); } .fullscreen-slide-dark .slideshow-controls-wrap:hover { background: rgba(0, 0, 0, 0.25); } .fullscreen-slide-dark #progress-bar { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 82%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(82%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 82%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } .fullscreen-mode-on .slideshow-controls-wrap { margin-bottom: 0; bottom: 65px; } .mtheme-button, .woocommerce-message a.button { border: 1px solid #fff; color: #fff; } .text-is-bright .mtheme-button, .bright .mtheme-button, .photocard-bright .mtheme-button { border: 1px solid #fff; color: #fff; } .text-is-dark .mtheme-button, .dark .mtheme-button, .photocard-dark .mtheme-button { border: 1px solid #000; color: #000; } .blue .mtheme-button { border: 1px solid #24bee8; background: #24bee8; color: #fff; } .whitefill .mtheme-button { border: 1px solid #fff; background: #fff; color: #000; } .hero-button.mtheme-button { border-color:rgba(255,255,255,0.5); margin-bottom: 0; margin-top:30px; } .hero-button.mtheme-button:hover { border-color:rgba(255,255,255,1); } /* Button */ .mtheme-button:after { width: 100%; height: 0%; bottom: 0; left: 0; background: #fff; } .text-is-bright .mtheme-button:after, .bright .mtheme-button:after, .photocard-bright .mtheme-button:after { background: #fff; } .text-is-dark .mtheme-button:after, .dark .mtheme-button:after, .photocard-dark .mtheme-button:after { background: #000; } .blue .mtheme-button:after { background: #fff; } .whitefill .mtheme-button:after { background: #000; } .entry-content .mtheme-button:hover, .entry-content .mtheme-button:active { color: #000; } .text-is-bright .mtheme-button:hover, .text-is-bright .mtheme-button:active, .bright .mtheme-button:hover, .bright .mtheme-button:active, .entry-content .photocard-bright .mtheme-button:hover, .entry-content .photocard-bright .mtheme-button:active { color: #000; } .text-is-dark .mtheme-button:hover, .text-is-dark .mtheme-button:active, .dark .mtheme-button:hover, .dark .mtheme-button:active, .entry-content .photocard-dark .mtheme-button:hover, .entry-content .photocard-dark .mtheme-button:active { color: #fff; } .blue .mtheme-button:hover, .blue .mtheme-button:active { color: #000; border: 2px solid #fff; } .whitefill .mtheme-button:hover, .whitefill .mtheme-button:active { color: #fff; border: 2px solid #000; } .mtheme-button:hover:after, .mtheme-button:active:after { height: 100%; } .row-boxed { width:1200px; margin:0 auto; } #toggle-menu { display: none; } .toggle-menu-trigger { position: absolute; top: 3px; left: 15px; display: block; width: 20px; height: 50px; cursor: pointer; z-index: 130; } .toggle-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 2px; margin-top: -2px; background-color: #fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .toggle-menu-open .toggle-menu-trigger span { background-color: transparent; } .toggle-menu-open .toggle-menu-trigger span:before, .toggle-menu-open .toggle-menu-trigger span:after { background-color: #fff; } .toggle-menu-trigger span:before, .toggle-menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .toggle-menu-trigger span:before { -webkit-transform: translateY(-350%); transform: translateY(-350%); } .toggle-menu-trigger span:after { -webkit-transform: translateY(350%); transform: translateY(350%); } .toggle-menu-open .toggle-menu-trigger span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .toggle-menu-open .toggle-menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } /* Google Maps */ .googlemaps { width: 100%; max-width: 100%; } .googlemaps { height: 600px;} .googlemaps {max-width:100%;font-weight: bold; color: #000;} .googlemaps img {max-width: 100000%; /* override */} /* Before After */ .before-after-shortcode { overflow: hidden; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; } .twentytwenty-container.active .twentytwenty-handle:before, .twentytwenty-container.active .twentytwenty-handle:after, .twentytwenty-container.active .twentytwenty-handle:before, .twentytwenty-container.active .twentytwenty-handle:after { background: none; } .twentytwenty-container.active .twentytwenty-handle { opacity: 0.1; } .twentytwenty-handle { transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #000; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 1); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(255, 255, 255, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.4); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } .mtheme-parallax, .header-parallax, .column-parallax { background-size: cover; } /* Shortcode Columns */ .shortcode-column { float: left; } /********************************************** ************ Page Builder layouts ************* **********************************************/ .mtheme-block { float: left; } .mtheme-block.span12 { float: none; } .column-setter { float: left; } .column-setter.span12 { float: none; } .mtheme-first-cell { margin-left: 0; } .mtheme-following-cell { margin-left:2.99%; } .column-setter.following-column { margin-left:2.99%; } .shortcode-column.last-shortcode-column { margin-right:0; } .shortcode-column { margin-right:2.99%; } .shortcode-column.span1, .mtheme-supercell .span1 { width: 5.58%; } .shortcode-column.span2, .mtheme-supercell .span2 { width: 14.17%; } .shortcode-column.span3, .mtheme-supercell .span3 { width: 22.75%; } .shortcode-column.span4, .mtheme-supercell .span4 { width: 31.33%; } .shortcode-column.span5, .mtheme-supercell .span5 { width: 39.92%; } .shortcode-column.span6, .mtheme-supercell .span6 { width: 48.5%; } .shortcode-column.span7, .mtheme-supercell .span7 { width: 57.08%; } .shortcode-column.span8, .mtheme-supercell .span8 { width: 65.67%; } .shortcode-column.span9, .mtheme-supercell .span9 { width: 74.25%; } .shortcode-column.span10, .mtheme-supercell .span10 { width: 82.83%; } .shortcode-column.span11, .mtheme-supercell .span11 { width: 91.42%; } .shortcode-column.span12, .mtheme-supercell .span12 { width: auto; } .column-setter.span1 .span1 { width: 100%; } .column-setter.span1 .span1 { width:100%; } .column-setter.span2 .span1 { width:47.5%; } .column-setter.span2 .span2 { width:100%; } .column-setter.span3 .span1 { width:30%; } .column-setter.span3 .span2 { width:65%; } .column-setter.span3 .span3 { width:100%; } .column-setter.span4 .span1 { width:21.25%; } .column-setter.span4 .span2 { width:48.5%; } .column-setter.span4 .span3 { width:73.75%; } .column-setter.span4 .span4 { width:100%; } .column-setter.span5 .span1 { width:16%; } .column-setter.span5 .span2 { width:43.695%; } .column-setter.span5 .span3 { width:52.9145%; } .column-setter.span5 .span4 { width:89.8%; } .column-setter.span5 .span5 { width:100%; } .column-setter.span6 .span1 { width:12.5%; } .column-setter.span6 .span2 { width:31.3%; } .column-setter.span6 .span3 { width:48.505%; } .column-setter.span6 .span4 { width:65.7%; } .column-setter.span6 .span5 { width:82.5%; } .column-setter.span6 .span6 { width:100%; } .column-setter.span7 .span1 { width:10%; } .column-setter.span7 .span2 { width:25%; } .column-setter.span7 .span3 { width:43.695%; } .column-setter.span7 .span4 { width:52.9145%; } .column-setter.span7 .span5 { width:71.7%; } .column-setter.span7 .span6 { width:85%; } .column-setter.span7 .span7 { width:100%; } .column-setter.span8 .span1 { width:8.13%; } .column-setter.span8 .span2 { width:22.75%; } .column-setter.span8 .span3 { width:35.58%; } .column-setter.span8 .span4 { width:48.505%; } .column-setter.span8 .span5 { width:61.43%; } .column-setter.span8 .span6 { width:74.15%; } .column-setter.span8 .span7 { width:86.88%; } .column-setter.span8 .span8 { width:100%; } .column-setter.span9 .span1 { width:6.67%; } .column-setter.span9 .span2 { width:19.83%; } .column-setter.span9 .span3 { width:31.34%; } .column-setter.span9 .span4 { width:42.65%; } .column-setter.span9 .span5 { width:54.33%; } .column-setter.span9 .span6 { width:65.6%; } .column-setter.span9 .span7 { width:77.17%; } .column-setter.span9 .span8 { width:88.33%; } .column-setter.span9 .span9 { width:100%; } .column-setter.span10 .span1 { width:5.5%; } .column-setter.span10 .span2 { width:17.6%; } .column-setter.span10 .span3 { width:27.9%; } .column-setter.span10 .span4 { width:38.2%; } .column-setter.span10 .span5 { width:48.5%; } .column-setter.span10 .span6 { width:58.8%; } .column-setter.span10 .span7 { width:69.1%; } .column-setter.span10 .span8 { width:79.4%; } .column-setter.span10 .span9 { width:89.5%; } .column-setter.span10 .span10 { width:100%; } .column-setter.span11 .span1 { width:4.55%; } .column-setter.span11 .span2 { width:15.643%; } .column-setter.span11 .span3 { width:24.96225%; } .column-setter.span11 .span4 { width:34.276%; } .column-setter.span11 .span5 { width:43.695%; } .column-setter.span11 .span6 { width:52.9145%; } .column-setter.span11 .span7 { width:62.4371%; } .column-setter.span11 .span8 { width:71.8332%; } .column-setter.span11 .span9 { width:81.2185%; } .column-setter.span11 .span10 { width:90.6038%; } .column-setter.span11 .span11 { width:100%; } .column-setter.span12 .span1 { width:3.75%; } .column-setter.span12 .span2 { width:14.17%; } .column-setter.span12 .span3 { width:22.75%; } .column-setter.span12 .span4 { width:31.33% } .column-setter.span12 .span5 { width:39.92%; } .column-setter.span12 .span6 { width:48.5%; } .column-setter.span12 .span7 { width:57.08%; } .column-setter.span12 .span8 { width:65.67%; } .column-setter.span12 .span9 { width:74.25%; } .column-setter.span12 .span10 { width:82.83%; } .column-setter.span12 .span11 { width:91.25%; } .column-setter.span12 .span12 { width:100%; } .column-setter.following-column .mtheme-block-em_column_block.mtheme-following-cell { margin-left: 0; } .mtheme-supercell .mtheme-block-em_column_block.span12 { width: auto; } .fullwidth-column .first-column.span12 .mclass-column-padding { padding-left: 125px; padding-right: 125px; } /* 404 Error */ .error404 .title-container { display: none; } .error404 footer { display: none; } .error404 .container-wrapper, .page-template-template-blank-php .container-wrapper { height: 100%; position: fixed; width: 100%; overflow: scroll; } .error404 .container-wrapper { background: none; } .mtheme-404-wrap { text-align: center; padding: 60px 60px 100px; } .menu-is-vertical .mtheme-404-wrap { margin-left: 150px; } .mtheme-404-wrap .mtheme-404-error-message1 { font-size: 36px; font-weight: 100; letter-spacing: 1px; line-height: 38px; margin-top:80px; background: #fff; color:#000; padding: 10px 20px; display: inline-block; } .mtheme-404-wrap .mtheme-404-error-message2 { font-size: 26px; color:#000; text-transform: uppercase; letter-spacing: 4px; line-height: 36px; margin-top:40px; } .mtheme-404-wrap .mtheme-404-icon i { font-size: 70px; color:#fff; } .mtheme-404-wrap h4 { margin-top: 40px; } .mtheme-404-wrap #searchform input { border-bottom: 1px solid #fff; color: #fff; font-size: 14px; font-weight: 600; text-align: center; width: 50%; } .mtheme-404-wrap #searchform i { font-size:18px; } /* Timeline */ .gridblock-timeline-block { position: relative; overflow: hidden; } .gridblock-timeline-block:before { content:" "; position: absolute; height: 100%; top:232px; width: 1px; background: #eee; background: rgba(255,255,255,0.1); right:50%; z-index: 0; } #gridblock-timeline .blog-grid-element { margin:0 5%; width: 40%; z-index: 2; } #gridblock-timeline .blog-grid-element-left:before { border: 4px solid #24bee8; border-radius: 20px; content: " "; position: absolute; right: -7.4%; top: 50px; z-index: 1; } #gridblock-timeline .blog-grid-element-right { margin-top:40px; } #gridblock-timeline .blog-grid-element-right:before { border: 4px solid #24bee8; border-radius: 20px; content: " "; position: absolute; left: -7.8%; top: 50px; z-index: 1; } #gridblock-timeline .blog-grid-element-right:before, #gridblock-timeline .blog-grid-element-left:before { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #gridblock-timeline .blog-grid-element-right:hover:before, #gridblock-timeline .blog-grid-element-left:hover:before { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } #gridblock-timeline .blog-grid-element-inner { position: relative; } .nosidebar #gridblock-timeline .blog-grid-element-left:before { } .nosidebar #gridblock-timeline .blog-grid-element-right:before { left: -7.8%; } .blog-timeline-month-wrap { text-align: center; margin-bottom: 30px; width: 100%; position: relative; z-index: 1; } .blog-timeline-month { color: #fff; display: inline-block; font-size: 12px; letter-spacing: 3px; margin-bottom: 20px; margin-top: 80px; padding: 5px 24px; text-transform: uppercase; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.4); border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.4); } .gridblock-timeline-icon { color: #fff; font-size: 42px; position: relative; text-align: center; padding-bottom: 30px; } /* Since version 1.2 */ /*WooCommerce codes */ /** * Styles */ .price_slider_wrapper { margin-top: 30px; } .woocommerce .entry-summary .amount { font-size:26px; font-weight: 500; letter-spacing: 3px; } .woocommerce-product-rating .woocommerce-review-link { font-size: 10px; font-weight: 600; letter-spacing: 2px; position: relative; text-transform: uppercase; top: -3px; color:#fff; } .mtheme-hover-thumbnail { position: relative; } .mtheme-hover-thumbnail .onsale { z-index: 1; } .woocommerce table.variations td { border:0 !important; } .woocommerce .flexslider-container-page { background:none !important; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: none !important; } .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 button.button.alt { box-shadow: none; text-shadow: none; font-size:11px; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; background:none; color: #fff; } .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 button.button.alt:hover { } .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:230px !important; } .woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button, .woocommerce .mtheme-woocommerce-description-wrap .product_type_variable { border:0; position: relative; padding:0 20px 0 20px; font-size:8px; letter-spacing: 1.5px; font-weight: 600; text-transform: uppercase; } .woocommerce a.add_to_cart_button { color:#000; padding: 10px 10px 10px 20px; letter-spacing: 1px; background: none !important; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .woocommerce a.add_to_cart_button.added { color:#24bee8; } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { position: relative; top:-2px; } .added_to_cart.wc-forward { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 1px; text-transform: uppercase; } .woocommerce #content div.product, .woocommerce div.product, .woocommerce-page #content div.product, .woocommerce-page div.product { margin-top: 40px; } .woocommerce .mtheme-woocommerce-description-wrap .add_to_cart_button:after { transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .woocommerce .mtheme-woocommerce-description-wrap:hover .add_to_cart_button:after, .woocommerce .mtheme-woocommerce-description-wrap:hover .add_to_cart_button { } .woocommerce .mtheme-woocommerce-description-wrap .product_type_variable:after { } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { color: #000; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; padding: 5px 0 0; } .woocommerce .product-name, .woocommerce .product-name a { color: #fff; text-decoration: none; font-size: 12px; line-height: 14px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; padding: 10px 0 0 0; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } .woocommerce ul.products li.product h3 a, .woocommerce-page ul.products li.product h3 a { transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #fff; font-size: 13px; letter-spacing: 1px; font-weight: 400; margin: 0 0 10px 0; } .woocommerce .product_category_title { color: #747474; font-size: 10px; font-weight: 400; letter-spacing: 1px; margin-bottom: 0 !important; display:none; } .woocommerce .summary .product_category_title { text-transform: uppercase; font-weight: 500; } .woocommerce ul.products li .product_category_title { text-indent: 15px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: relative; } #tab-description h2 { font-size: 18px; font-weight: 300; letter-spacing: 0.5px; } .woocommerce span.onsale, .woocommerce-page span.onsale { border-radius: 5px !important; box-shadow: none !important; display: none; font-size: 14px !important; font-weight: 400 !important; height: 25px; min-height: 25px; line-height: 25px; text-align: center; text-shadow: none !important; width: 60px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li, .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { margin: 0 5% 5% 0; width: 30%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; } .nosidebar-woo-archive.woocommerce ul.products li.product, .nosidebar-woo-archive.woocommerce-page ul.products li.product, .woocommerce-page .related ul.products li.product, .mtheme-wooshop-fullwidth.woocommerce ul.products li.product { margin: 0 1% 5% 0; width: 24.2%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; } .mtheme-wooshop-fullwidth.woocommerce.archive #container { width: auto; } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0 !important; } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a { color:#fff; } .woocommerce ul.products li.product .button { margin:0; } .woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color:#fff; font-size: 14px; text-transform: none; padding: 0 5px 0 0; position: relative; font-weight: 500; display: inline-block; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { margin:0 !important; width:100.4% !important; max-width: 100.4% !important; } .mtheme-woocommerce-description-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; padding: 15px 0 20px 20px; margin-bottom: 10px; } .mtheme-woocommerce-description { } .type-product:hover .mtheme-woocommerce-description-wrap { } .mtheme-woocommerce-description-wrap-last { padding-bottom: 10px; padding-top: 0; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { font-size: 11px !important; letter-spacing: 1px; font-weight: 700 !important; margin: 8px 8px 0 0 !important; text-transform: uppercase; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { top: 2px; right: 0; } /** * Animation */ .mtheme-hover-thumbnail .mtheme-secondary-thumbnail-image { position: absolute; top:0; left:0; opacity:0; } .woo-thumbnail-fadeInDown { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; opacity: 1 !important; } .woo-thumbnail-fadeOutUp { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; opacity: 0 !important; } .woocommerce p.stars a { color: #aaa; } .woocommerce p.stars a:hover { color: #fff !important; } /* Woocommerce Ordering*/ .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: 0 -4px 0 0 !important; } .mtheme-woo-order-selection-wrap { position: relative; } .mtheme-woo-order-selected { color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 500; margin-bottom: 40px; padding: 7px; position: relative; right: 3px; text-align: center; letter-spacing: 1px; top: 7px; width: 205px; background-color: #5e5e5e; } .mtheme-woo-order-selected:hover { background-color: #444; } .mtheme-woo-order-selected-wrap i { color: #fff; cursor: pointer; float: left; font-size: 16px; left: 43px; position: relative; top: 14px; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .mtheme-woo-order-selected:hover { border-color: #000; color: #fff; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .mtheme-woo-order-list ul { position: absolute; text-align: center; width: 219px; z-index: 9; margin:0; top:41px; padding:0; background:#5e5e5e; color:#000; display:none; right: 3px; } .mtheme-woo-order-list ul li { border-bottom: 1px solid #555; color: #bebebe; display: block; font-weight: 400; margin:0; cursor: pointer; } .mtheme-woo-order-list ul li:last-child { border-bottom: 0; } .mtheme-woo-order-list ul li { color: #fff; display: block; font-size: 12px; letter-spacing: 1px; padding: 12px 0; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .mtheme-woo-order-list ul li:hover { color:#fff; } .woocommerce .woocommerce-ordering select { display:none; } /*Woocommerce Bread Crumb */ .woocommerce .woocommerce-breadcrumb { color: #eee; font-size: 10px; font-weight: 600; letter-spacing: 2px; line-height: 10px; margin-top: -20px; } .woocommerce .woocommerce-breadcrumb a { color:#aaa; font-weight: 500; } .woocommerce .woocommerce-breadcrumb a:hover { color:#fff; } .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { margin-bottom: 10px !important; } .woocommerce-result-count { color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1.5px; padding-top: 20px; } .woocommerce ul.portfolio-share { display: block; padding: 15px 0; text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce .share-spacing { margin-top:20px; } /*Cart */ .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color: #fff; } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { font-size: 13px } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border:1px solid #f0f0f0 !important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { margin-bottom: 50px !important; } .woocommerce .cart-collaterals .shipping_calculator h2, .woocommerce-page .cart-collaterals .shipping_calculator h2 { font-size: 16px !important; text-align: left !important; } .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th { padding: 20px !important; text-align: right; font-weight: 700; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 20px !important; } .woocommerce .shipping_calculator a { } .woocommerce .shipping-calculator-button { margin-top:20px; margin-bottom:20px; padding:15px 20px 15px; border:1px solid #fff; color:#fff; text-decoration: none; letter-spacing: 0; display: inline-block; font-size: 12px; line-height: 13px; letter-spacing: 0.5px; transition: color 0.5s,border-color 0.5s; -moz-transition: color 0.5s,border-color 0.5s; -webkit-transition: color 0.5s,border-color 0.5s; -o-transition: color 0.5s,border-color 0.5s; } .woocommerce-cart .wc-proceed-to-checkout { display: inline-block; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background:#fff; color:#000; } .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button, .woocommerce form .form-row select, .woocommerce-page form .form-row select { width: auto !important; } .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { width:160px; } .woocommerce .product-subtotal { font-size: 18px; color:#000; } .woocommerce .product-quantity { text-align: center; } .woocommerce table.shop_table tr.cart_item { margin-bottom: 10px; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { padding:30px !important; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { padding:0 !important; font-weight: 400; font-size:12px; margin-left: 26px; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { right: -17px; top: 0; } .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 { } .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { width: 150px; margin-bottom: 15px; margin-top: 20px; } .woocommerce a.remove { text-indent: -999999px; position: relative; } .woocommerce a.remove:after { content: "\e117"; border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; color: #fff; font-family: "feather"; font-size: 11px; font-weight: 100; height: 20px; left: 0; line-height: 18px; position: absolute; text-align: center; text-indent: 0; top: 2px; width: 20px; padding-left: 1px; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .woocommerce a.remove:hover:after { color:#ff0000; border-color: #ff0000; } .woocommerce a.remove:hover { background: none; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding: 0 0 10px 35px; margin-top:10px; border:0; } /* Woocommerce Comments*/ .woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2 { font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0.5px !important; } /*WooCommerce Product Details page*/ .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { font-weight: 400 !important } .woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title { font-size: 28px; font-weight: 400; color:#000; margin-bottom: 10px; letter-spacing: -0.5px; } .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price { font-size: 16px; color:#fff; } .woocommerce div.product span.price del, .woocommerce div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page #content div.product p.price del { font-size: 12px !important; } .woocommerce .summary p.price del span{ font-size: 18px !important; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { overflow: visible !important; } .woocommerce .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .minus { right:59px !important; top:0 !important; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding: 0 40px; width: 42%; border-left: 1px solid rgba(255,255,255,0.1); } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 47% !important; } .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 { height: 30px !important; background: #000 !important; color:#fff !important; text-shadow:none !important; border:0 !important; box-shadow: none !important; border-radius: 0 !important; } .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-color: #888 !important; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { border:1px solid #6c6c6c; padding: 11px; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .woocommerce .quantity input.qty:hover, .woocommerce #content .quantity input.qty:hover, .woocommerce-page .quantity input.qty:hover, .woocommerce-page #content .quantity input:hover, .woocommerce .quantity input.qty:focus, .woocommerce #content .quantity input.qty:focus, .woocommerce-page .quantity input.qty:focus, .woocommerce-page #content .quantity input:focus { border-style:solid; border-size:1px; } .woocommerce div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { } .woocommerce .entry-summary div[itemprop="description"] { margin-top: 20px; margin-bottom: 30px; } .woocommerce #tab-description p, .woocommerce .entry-summary div[itemprop="description"] { } .woocommerce .entry-summary .sku_wrapper, .woocommerce .entry-summary .posted_in { display: block; } .woocommerce .entry-summary .star-rating, .woocommerce-page .entry-summary .star-rating { font-size: 14px; margin: 8px 0 0; } .woocommerce ul.products li.product .star-rating { position: absolute; bottom: -15px; left: 50%; margin-left: -25px; } .woocommerce .entry-summary .product_meta { border-top: 1px solid rgba(0, 0, 0, 0.05); font-size: 10px !important; font-weight: 400 !important; margin-top: 30px; padding-top: 20px; text-transform: uppercase; } .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button { border-radius: 0; text-transform: uppercase; color:#fff; } .woocommerce .single_add_to_cart_button { padding: 14px 20px 14px 40px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { position: relative; padding: 14px 20px 14px 20px; } .woocommerce button.button.single_add_to_cart_button { position: relative; padding: 15px 20px 15px 40px; } .woocommerce .add_to_cart_button:before { content: "\e106"; font-family: 'feather'; position: absolute; left:20px; top:-2px !important; font-size: 11px; font-weight: 100; } .woocommerce .single_add_to_cart_button:before { content: "\e106"; font-family: 'feather'; position: absolute; left:20px; top:12px; font-size: 11px; font-weight: 100; } .woocommerce .add_to_cart_button:before { left:10px; top:-5px; } .woocommerce .reset_variations { color: #fff; } .woocommerce div.product div.images .flex-control-thumbs { margin-right: -1px; } .woocommerce div.product div.images .flex-control-thumbs li img { transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .woocommerce div.product div.images .flex-control-thumbs li { margin: 0 1px 0 0; width: -webkit-calc(25% - 1px); width: -moz-calc(25% - 1px); width: calc(25% - 1px); } .woocommerce-variation-price { margin-bottom: 14px; } .woocommerce #content div.product form.cart .button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover, .woocommerce-page div.product form.cart .button:hover { background: #fff; color:#000; } .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 { border-radius: 0; } .woocommerce .product_meta { font-size: 12px; font-weight: 400; color:#aaa; letter-spacing: 1px; } .woocommerce .product_meta a { color:#fff; } .woocommerce .flex-direction-nav { display: none; } /* Star Ratings*/ .woocommerce .star-rating, .woocommerce-page .star-rating { height:1.2em !important; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { } .woocommerce .star-rating,.woocommerce-page .star-rating { float: right; font-family: 'fontawesome'; font-size: 10px !important; height: 1em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; } .woocommerce .star-rating:before,.woocommerce-page .star-rating:before { color: #e3e3e3; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; } .woocommerce .star-rating span,.woocommerce-page .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before { color: #ffcc00; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; } .woocommerce .products .star-rating,.woocommerce-page .products .star-rating { display: block; margin: 0 0 .5em; } .woocommerce .hreview-aggregate .star-rating,.woocommerce-page .hreview-aggregate .star-rating { margin: 10px 0 0 0; } #comments [itemprop="aggregateRating"] .star-rating { font-size: 18px !important; margin-top:10px; } /* WOO Tabs*/ .woocommerce .woocommerce-tabs { padding-top:50px; } .woocommerce-tabs .tabs li { border: 0 !important; box-shadow:none !important; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; } .woocommerce .tabs { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.6); } .woocommerce-tabs .tabs li.active { position: relative; } .woocommerce-tabs .tabs li:after, .woocommerce-tabs .tabs li:before { border: 0 ! important; border-radius: 0 !important } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color:#aaa; } .woocommerce-tabs .tabs li.active:after { position: absolute; content: " "; width: 100% !important; display: block; bottom:0 !important; left: 0; border-bottom: 4px solid #fff !important; } .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 { color:#fff; background: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { color:#fff; background: 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 { box-shadow: none !important } .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 { box-shadow: none !important } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { margin:0 !important; padding: 0 !important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { border-radius: 0 !important; padding: 10px 30px; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { border:0; padding:40px 50px 0 50px; border-top:none; margin: 0; } .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: 500 !important; text-transform: uppercase; font-size: 12px !important; text-shadow:none !important; } .woocommerce #review_form_wrapper { border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.5); padding-top: 40px; margin-top: 40px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border:0; background-color: #000; background-color: rgba(0,0,0,0.4); } .woocommerce #reviews .description p { font-size: 13px; } /*Related Products*/ .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { float: none !important; width: 100% !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none !important; text-align: left !important; width: 100%; margin-top:50px; margin-bottom: 30px; padding-top:30px; border-top:5px solid #fff; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { float: none !important; width: 100% !important; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { width: 100%; } .woocommerce .shop_table thead th { font-size: 12px; color:#fff; } .woocommerce .shop_table .product-name, .woocommerce .shop_table .product-price, .woocommerce .shop_table .product-subtotal { font-size: 12px; color:#fff; } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { border:0; } .woocommerce table th, .woocommerce table td{ color:#fff; } .woocommerce table { border-top:0; border-left:0; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { box-shadow: none !important; font-size: 14px; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce table.shop_table thead { background: none; } .woocommerce .related h2, .woocommerce .upsells h2, .woocommerce .cross-sells h2 { color: #fff; font-size: 22px; font-weight: 300; letter-spacing: 0.5px; margin-bottom: 20px; margin-top: 60px; } .woocommerce .cart_totals h2 { font-size:16px; font-weight: 600; letter-spacing: 1px; color:#fff; text-align: left; } .woocommerce .cart_totals { font-size: 16px; } .woocommerce .cart_totals strong { font-weight: 400; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 0 !important; border:0; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { border-radius: 0 !important; width: auto !important; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { background:none !important; color:#000 !important; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { background:none; border:0; } .woocommerce table.shop_table thead th { text-indent: -15px; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border:none !important; border-top:1px solid #fff !important; border-bottom:1px solid #fff !important; } .woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th { border-bottom:4px solid #fff; } .woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { border-top:1px solid #000 !important; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid #fff !important; border-top: 1px solid rgba(255,255,255,0.1) !important; padding: 6px 12px; } /*Flexislide */ .woocommerce .flex-viewport { margin-bottom:1px; } .woocommerce #mtheme-flex-carousel .slides li { margin-right:1px; opacity: 0.6; } .woocommerce #mtheme-flex-carousel .slides li:hover { opacity: 1; } /*Rating Comments*/ .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { margin: 0 !important; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong { font-weight: 400; } .woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p { font-weight: 400; } .woocommerce-message { font-weight: 400; } .woocommerce .out-of-stock { font-size:22px !important; margin-bottom: 10px !important; } .woocommerce .add_review { margin-top:20px; } .woocommerce div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs { width:100%; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before { border:0 !important; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none !important; } /*WooSlider */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { margin-bottom: 40px; } /* Woo Checkout Form*/ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea{ padding:10px; font-size: 13px; color:#000; font-weight: 400; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { } .woocommerce .checkout_table_item { background: #f8f8f8; } .woocommerce #order_review_heading { margin-top:50px; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { color: #eee; } .woocommerce .entry-content .checkout { margin-top:40px; } /*Slideshow*/ .woocommerce-slideshow .slideshow-box-content-inner { padding: 20px; position: absolute; bottom: 0; } .woocommerce-slideshow .price { font-size:24px; color:#fff; background:#000; margin-top:1px; padding:10px 10px; display: block; } .woocommerce-slideshow .slideshow-box-title a { background:#888; color:#fff; padding: 5px 10px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { top:-5px; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 2px; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 25px; } /********* PAGINATION **********/ .woocommerce-pagination { margin-top:60px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul { border:0 !important; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { border:0 !important; } .woocommerce #content div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page div.product span.price del { color:#fff; } /* Upsells, Cross sells and Related*/ .woocommerce.single-product .related { border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.5); margin-top: 40px; } .woocommerce.single-product .upsells { margin-top:10px; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { padding:5px; } .woocommerce .shop_table.order_details { padding: 0 !important; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { background: none; border-radius:0 !important; } .woocommerce table.shop_table tbody { margin-top:20px; } .woocommerce .shop_table .even { background:#f2f2f2; } .woocommerce .shop_table .odd { background:#f0f0f0; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size: 12px; font-weight: 600; } .woocommerce #order_review table.shop_table th, .woocommerce-page #order_review table.shop_table th, .woocommerce #order_review table.shop_table td, .woocommerce-page #order_review table.shop_table td { padding: 15px 20px !important; } .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { border:0 !important; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { border-color:rgba(255, 255, 255, 0.1); font-size: 14px; color:#fff; font-weight: 400; } .order_item .product-name > a { display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .meta { color: #ffffff; } .woocommerce #reviews #comments ol.commentlist li img.avatar { top:15px; } .woocommerce #review_form #respond .form-submit input { border:1px solid #fff; } .woocommerce .order_details li { border-right: 1px dashed #fff; } .woocommerce-checkout .order_details { border: 1px solid #9a9a9a; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 1px solid rgba(255, 255, 255, 0.1); } .woocommerce .cart-collaterals .cart_totals .order-total strong { font-weight: 800; } #order_review .shop_table .order-total th, #order_review .shop_table .order-total td strong { font-weight: 600 !important; } .woocommerce #order_review table.shop_table, #order_review .woocommerce-page table.shop_table { border:0 !important; border-top:5px solid #fff; } #order_review .shop_table .order-total th, #order_review .shop_table .order-total td { border-top:1px solid #D5D5D5 !important; border-bottom:3px double #D5D5D5 !important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2 { padding:4%; width: 41%; border: 1px solid rgba(255, 255, 255, 0.2); } .woocommerce-checkout #payment { background: #fff; } .woocommerce-checkout #payment ul.payment_methods li { color:#000; } .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { padding: 14px; font-size: 12px; } .woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select { padding: 5px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { font-weight: 400; } .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { margin-top:4px; box-shadow: none !important; } .woocommerce ul.product_list_widget li a { border:none; } .woocommerce .entry-content ul.product_list_widget li { border-bottom:1px solid #f8f8f8; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 3px double #ebe9eb; border-top: 3px double rgba(255,255,255,0.2); } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th { vertical-align: middle !important; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); } .woocommerce .woocommerce-single-image-wrap { width: 47%; float: left; } .woocommerce .woo-slidshow-image img { width: 100%; } .woocommerce .product_title.entry-title { width: auto; text-align: left; } .woocommerce ul.portfolio-share { margin-top: 20px; padding-top: 20px; } .woocommerce span.onsale { top: 30px; left: 30px; border-radius: 100px; } .woocommerce .shop_table.cart thead { font-size:12px; letter-spacing: 2px; text-transform: uppercase; } .woocommerce input.button, .woocommerce .shipping-calculator-form button, .woocommerce .woocommerce-message a.button { color: #fff; border:1px solid #fff; font-size: 12px; font-weight: 400; letter-spacing: 1px; } .woocommerce input.button:hover, .woocommerce .shipping-calculator-form button:hover, .woocommerce .woocommerce-message a.button:hover { background-color: #000; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0; } .woocommerce #reviews #comment { height: 145px; } /* Cart header */ .homemenu .cart { background: #fff; border:1px solid #f5f5f5; color: #FFFFFF; font-size: 11px; padding: 30px; width: 230px; position: absolute; right: -40px; top: 100px; line-height: 12px; } .cart-elements .cart-element-image { float: left; width: 60px; } .cart-elements .cart-element-image img { width: 60px; height: 60px; } .cart-elements .cart-contents { text-align: left; } .cart-elements .cart-content-text { float: left; margin-left: 10px; } .cart-elements .cart-title { color: #000; display: block; font-size: 11px; font-weight: 500; letter-spacing: 1px; } .cart-elements .cart-title:hover { color: #24bee8; } .cart-elements .cart-item-quantity-wrap, .cart-elements .amount { color: #000; display: block; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: left; } .cart-elements .amount { font-weight: 600; } .cart-content-checkout { color: #000; display: block; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: center; } .cart-view-link { margin-top:10px; } .cart-view-link a, .cart-checkout-link a{ border:1px solid #000; margin-top:5px; padding: 5px; font-weight: 600; color:#000; display: block; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .cart-view-link a:hover, .cart-checkout-link a:hover { background-color: #000; } .homemenu .cart-view-link:hover a, .homemenu .cart-checkout-link:hover a { color:#fff; } .cart-view-link a, .cart-checkout-link a, .homemenu .cart-view-link a, .homemenu .cart-checkout-link a { font-weight: 600; color:#000; font-size: 11px; } .header-cart-close { color: #000; float: right; font-size: 13px; position: relative; right: -15px; top: -23px; cursor: pointer; } .mtheme-header-cart { display: none; } .cart-empty { color: #A6A6A6; font-size: 12px; font-weight: 500; letter-spacing: 1px; margin: 25px; line-height: 14px; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-info a:hover, .woocommerce .woocommerce-message { background: #000; background: rgba(0,0,0,0.4); color:#fff; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding-top: 30px !important; } .woocommerce .woocommerce-info { padding-bottom: 30px !important; } .woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-message a.button { position: relative; top:-10px; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message::before { top:28px; } .woocommerce-checkout .entry-content h2 { font-size: 16px; line-height: 20px; margin-top: 80px; } .woocommerce-checkout .entry-content h3 { font-size: 13px; line-height: 14px; } .woocommerce-checkout .order_details { border: 1px solid #eee; padding: 60px; color: #fff; font-size: 16px; } .woocommerce-checkout .addresses { border:1px solid #eee; } .woocommerce #sidebar #respond input#submit, .woocommerce #sidebar a.button, .woocommerce #sidebar button.button, .woocommerce #sidebar input.button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff; color: #fff; padding: 8px 13px; position: relative; } .woocommerce .owl-next, .woocommerce .owl-prev { border-color: #000; color:#000; } .woocommerce .owl-next:hover, .woocommerce .owl-prev:hover { background-color: #000; color:#fff; } /* Gravity Form */ .gform_wrapper .gfield input[type=text], .gform_wrapper .gfield input[type=email], .gform_wrapper .gfield input[type=tel], .gform_wrapper .gfield input[type=url], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], #customer_login .input-text, .edit-account-form .input-text, .myaccount_address .input-text { border: 1px solid #d2d2d2; font-size: 13px; color: #747474; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); padding: 8px; } .wpcf7-form input { float: none; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 100%; } .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third { width: 49%; margin-top: 10px; } .gform_wrapper .top_label li.gfield.gf_right_third { width: 99%; margin-top: 10px; } .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li{ width: 33%; margin-top: 0px; } .entry-content .gform_wrapper .gfield_checkbox li label, .entry-content .gform_wrapper .gfield_radio li label { line-height: 26px; } .gform_wrapper .top_label .gfield_label { color: #fff; font-size: 12px; padding-top: 15px; letter-spacing: 2px; text-transform: uppercase; } .gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_button, .gform_wrapper .gform_page_footer .button.gform_previous_button { background: none; border: 2px solid #000; color: #000; font-size: 12px; font-weight: 600; padding: 10px 30px; text-transform: uppercase; transition: color 0.3s,border-color 0.3s; -moz-transition: color 0.3s,border-color 0.3s; -webkit-transition: color 0.3s,border-color 0.3s; -o-transition: color 0.3s,border-color 0.3s; } .gform_wrapper .gform_page_footer .button.gform_next_button:hover, .gform_wrapper .gform_page_footer .button.gform_button:hover, .gform_wrapper .gform_page_footer .button.gform_previous_button:hover { background:#000; color:#fff; cursor: pointer; } .entry-content .gform_wrapper .gfield_time_hour i { margin-top: 2%; } .entry-content .gform_wrapper .gf_progressbar { margin-top:20px; box-shadow: none; } .entry-content .gform_wrapper .gf_progressbar_wrapper { background: #f7f7f7; border-bottom:0; clear: both; margin: 0 0 20px; padding: 40px; width: auto; } .entry-content .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title { text-align: center; font-size:16px; font-weight: 600; margin-bottom: 10px; } .entry-content .gform_confirmation_wrapper { padding: 40px; color:#000; background:#FFFCEF; text-align: center; font-size: 16px; line-height: 24px; } .attachment-recent-works-thumbnail { width: 40px; } .mtheme-fotorama { width: 100%; } .fotorama__nav-wrap { position: absolute; bottom:25px; } .single-mtheme_photostory .fotorama__nav-wrap { position: absolute; bottom:60px; } .mtheme-spaced-below { margin-bottom: 40px; } .wpcf7-form input, .wpcf7-form textarea{ color:#000; } .text-is-bright .wpcf7-form input, .text-is-bright .wpcf7-form textarea{ color:#fff; } .text-is-dark .wpcf7-form input, .text-is-dark .wpcf7-form textarea{ color:#000; } .mobile-menu-onwhite .mobile-menu-toggle { background-color: #fff; } .mobile-menu-onwhite .mobile-menu-icon { background-color: #fff; color:#000; } .portfolio-end-block h2.section-title { letter-spacing: 1px; } .footer-is-off #gridblock-container { min-height: 800px; } .footer-is-off .footer-margin { margin-top: 0; } .date-time-style-top .blog-details-section { float: none; width: auto; } .date-time-style-top .blog-content-section { float:none; width: auto; } .date-time-style-top .blog-details-section .the-day, .date-time-style-top .blog-details-section .the-month, .date-time-style-top .blog-details-section .the-year { font-size: 12px; } .date-time-style-top .blog-details-section span { display: inline; margin-right: 2px; } .date-time-style-top .blog-details-section-inner { border: 0; border-top:1px solid #eee; text-indent: 0; display: inline-block; } .fullscreen-fixed-border { position: fixed; background-color: #fff; z-index: 1; } .fullscreen-right-border { right:0; top:0; height: 100%; width: 64px; } .fullscreen-left-border { left:0; top:0; height: 100%; width: 64px; } .fullscreen-bottom-border { left:0; bottom:0; height: 64px; width: 100%; } .mtheme-share-toggle { text-align: center; width: 64px; } .fullscreen-footer-wrap { position: fixed; bottom: 0; width: 100%; z-index: 32; text-align: center; background: #fff; background: rgba(255,255,255,0.8); } .fullscreen-footer-wrap { background: #000; background: rgba(0,0,0,0.3); } .fullscreen-footer-info { color:#fff; } .fullscreen-footer-info { display: inline-block; font-size: 8px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; position: relative; top:0; line-height: 32px; } .fullscreen-footer-social, .fullscreen-footer-info { display: block; width: 50%; } .fullscreen-footer-wrap, .fullscreen-footer-social, .fullscreen-footer-info { height: 32px; line-height: 32px; } .vertical-footer-wrap .fullscreen-footer-wrap, .vertical-footer-wrap .fullscreen-footer-social, .vertical-footer-wrap .fullscreen-footer-info { height: auto; } .vertical-footer-wrap .social-header-wrap ul li.contact-text { float:none; margin-bottom: 0; } .fullscreen-footer-social { float:right; text-align: left; } .fullscreen-footer-social .social-header-wrap { float:left; } .fullscreen-footer-info { float: left; text-align: right; } .mtheme-fullscreen-toggle { color:#fff; position: fixed; right: 60px; top: 28px; z-index: 100; border: 1px solid rgba(255,255,255,0.3); border-radius: 50px; height: 44px; line-height: 44px; text-align: center; width: 44px; transition: color 0.5s,border-color 0.5s,background-color 0.5s; -moz-transition: color 0.5s,border-color 0.5s,background-color 0.5s; -webkit-transition: color 0.5s,border-color 0.5s,background-color 0.5s; -o-transition: color 0.5s,border-color 0.5s,background-color 0.5s; } .admin-bar .mtheme-fullscreen-toggle { top:58px; } .sticky-menu-on .mtheme-fullscreen-toggle { display: none; } .mtheme-fullscreen-toggle:hover { color:#000; cursor:pointer; } .mtheme-fullscreen-toggle:hover { background: rgba(255,255,255,0.8); color:#000; } .slideshow-controls-wrap { position: fixed; right: 50px; width: 64px; bottom: 50%; z-index: 100; margin-bottom:-115px; background: rgba(255, 255, 255, 0.1); padding-top:20px; padding-bottom:15px; transition: background-color 0.7s,bottom 0.7s,margin-bottom 0.7s; -moz-transition: background-color 0.7s,bottom 0.7s,margin-bottom 0.7s; -webkit-transition: background-color 0.7s,bottom 0.7s,margin-bottom 0.7s; -o-transition: background-color 0.7s,bottom 0.7s,margin-bottom 0.7s; } .slideshow-controls-wrap:hover { background: rgba(255, 255, 255, 0.15); } .super-navigation, #slidecounter, .mtheme-share-toggle, #play-button i { padding: 15px 0; } /* Horizontal Carousel */ .fullscreen-horizontal-carousel { position: relative; top:160px; } .menu-is-vertical .fullscreen-horizontal-carousel { width: -webkit-calc(100% - 301px); width: -moz-calc(100% - 301px); width: calc(100% - 301px); right: -301px; top:200px; overflow: hidden; } .menu-is-vertical .horizontal-carousel li img { height: 70%; min-height: 70%; } .horizontal-carousel-outer { position: relative; overflow: hidden; } .hc-preloader { background: #eee; position: absolute; top:60px; left: 0; width: 100%; height: 100%; z-index: 10; } .fullscreen-horizontal-carousel.loaded .hc-preloader { display: none; } .horizontal-carousel-inner { width: 100%; display: block; position: relative; bottom: 0; left: 0; text-align: left; } .horizontal-carousel { position: absolute; font-size: 0; padding: 0; margin: 0; left: 0; top: 0; height: 100%; line-height: 0; } .fullscreen-horizontal-carousel .prev-hcarousel, .fullscreen-horizontal-carousel .next-hcarousel { position: absolute; z-index: 10; margin-top: -50px; width: 50px; height: 50px; display: block; bottom: 55%; text-align: center; opacity: 1; border:2px solid #fff; } .fullscreen-horizontal-carousel .prev-hcarousel:hover, .fullscreen-horizontal-carousel .next-hcarousel:hover { opacity: 0.6; cursor: pointer; } .fullscreen-horizontal-carousel .prev-hcarousel { left: 40px; } .fullscreen-horizontal-carousel .next-hcarousel { right: 40px; } .fullscreen-horizontal-carousel .prev-hcarousel:before, .fullscreen-horizontal-carousel .next-hcarousel:before { color:#fff; line-height: 50px; font-size: 24px; font-family: 'fontawesome'; text-align: center; } .fullscreen-horizontal-carousel .prev-hcarousel:before { content: "\f104"; } .fullscreen-horizontal-carousel .next-hcarousel:before { content: "\f105"; } .hc-image-wrap { margin: 0; margin-left: 40px; } .horizontal-carousel li img { display: block; height: 100%; min-height: 100%; width: auto; } .horizontal-carousel li { padding: 0; margin: 0; line-height: 0; display: inline-block; position: relative; } .horizontal-carousel li:before { display: none; } .carousel-captions { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 100%; text-align: center; height: 150px; } .carousel-captions ul { padding:40px 120px; } .carousel-captions ul li { display: none; } .carousel-captions ul li.current { display: none; } .carousel-captions h2, .responsive-titles h3 { color:#fff; font-size: 36px; line-height: 36px; } .carousel-captions h2 { margin-top:10px; } .responsive-titles { position: absolute; } .carousel-captions .description, .responsive-titles .description { color:#fff; color: rgba(255,255,255,0.8); font-size: 13px; line-height: 18px; letter-spacing: 0.5px; } .responsive-titles h3 { font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 20px; margin-bottom: 5px; margin-top: 20px; } .responsive-titles .description { margin-bottom: 30px; } .responsive-titles { opacity: 0; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; margin-left: 30px; margin-right: 30px; } .hc-slides.current .responsive-titles { opacity: 1; } .hc-slides img { opacity: 0.2; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .hc-slides.current img { opacity: 1; } .horizontal-carousel li span { display: block; height: 100%; width: auto; } .horizontal-carousel li span:hover { cursor: pointer; } .carousel-black .colorswitch { color:#000; } .carousel-black .description.colorswitch { color: rgba(0,0,0,0.8); } .carousel-black .prev-hcarousel, .carousel-black .next-hcarousel { border-color: #000; } .carousel-black .prev-hcarousel:before, .carousel-black .next-hcarousel:before { color: #000; } .events-notice { margin-top: 20px; } .mtheme-events-offscreen { bottom:-400px !important; opacity: 0; } .mtheme-events-carousel { bottom: 100px; position: fixed; right: 280px; width: 310px; z-index: 80; background:#000; background: rgba(0,0,0,0.7); transition: bottom 0.6s ease-out,opacity 0.2s ease-out; -moz-transition: bottom 0.6s ease-out,opacity 0.2s ease-out; -webkit-transition: bottom 0.6s ease-out,opacity 0.2s ease-out; -o-transition: bottom 0.6s ease-out,opacity 0.2s ease-out; } .mtheme-events-carousel .owl-theme .owl-controls { margin-top:0; } .mtheme-events-carousel:hover { background: rgba(0,0,0,0.85); } .mtheme-events-carousel .slideshow-box-content-inner { background: none; } .mtheme-events-carousel .slideshow-box-content { border: 0; } .mtheme-events-carousel .slideshow-box-title a { color:#fff; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } .mtheme-events-carousel .slideshow-box-description { color:#9F9F9F; color:rgba(255,255,255,0.8); font-size: 12px; line-height: 18px; letter-spacing: 0.5px; font-weight: 400; } .mtheme-events-carousel .slideshow-box-content-inner { padding: 15px 30px 30px; } .mtheme-events-heading { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0.5px; padding: 10px 30px; } .mtheme-events-carousel .owl-next, .mtheme-events-carousel .owl-prev { top: 120px; } .mtheme-events-carousel .slideshow-box-image { display: block; } .mtheme-events-carousel .slideshow-box-image a { display: block; line-height: 0; } #footer { padding: 0; } #footer .social-header-wrap { float: none; margin-top:40px; } #footer .social-header-wrap a { text-align:center; } #footer .social-icon { border: 1px solid #fff; border-color: rgba(255,255,255,0.6); border-radius: 50px; float: none; height: 50px; line-height: 50px; margin: 0 5px; padding: 0; width: 50px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; } #footer .social-icon i { color:#eee; font-size: 16px; line-height: 50px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; } #footer .social-icon:hover { background: #fff; } #footer .social-icon:hover i { color: #000; } #footer .sidebar-widget { margin-bottom: 20px; } .event-details-column { position: relative; } .event-details-column-one { border-right:1px solid rgba(255,255,255,0.1); } .event-icon { position: relative; top: 0; left: 0; font-size: 20px; margin-right: 10px; margin-left: -30px; } ul.event-details { list-style: none; margin-top:10px; font-size: 13px; } .events-details-wrap { background: rgba(106, 106, 106, 0.3); margin-bottom: 30px; padding: 50px 50px 40px; text-align: center; } .header-search:hover, .sidebar a, .portfolio-share li a, .header-shopping-cart a i, .header-shopping-cart a, ul.gridblock-listbox .work-details h4 a { color:#b8b8b8; } .client-position, .pagination-info { color: #000; } .work-details h4, .work-details h4 a, .client-company a:hover, .portfolio-share li a:hover, .min-search .icon-search:hover, .entry-content .entry-post-title h2 a, ul.gridblock-listbox .work-details h4 a:hover { color:#fff; text-decoration: none; } .header-shopping-cart:hover i { color:#000; } .page-is-fullscreen { } .fullscreen-photowall { overflow: auto; } /* Accents and Highlights and Links */ .entry-content a:hover, .project-details a, .post-single-tags a:hover, .post-meta-category a:hover, .post-single-meta a:hover, .post-navigation a:hover, .sidebar ul li a:hover, .entry-post-title h2 a:hover, .comment-reply-title small a, .header-shopping-cart a:hover, #gridblock-filter-select i, .entry-content .blogpost_readmore a, .pricing-table .pricing_highlight .pricing-price, #wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a, .sidebar-widget .widget_nav_menu a:hover, .footer-widget .widget_nav_menu a:hover, .entry-content .faq-toggle-link:before, .mtheme-knowledgebase-archive ul li:before, .like-vote-icon, .readmore-service a, .work-details h4, .work-details h4 a:hover, #gridblock-filters li .is-active, #gridblock-filters li a:focus, #gridblock-filters a:focus, #gridblock-filters li .is-active, #gridblock-filters li .is-active:hover, .post-single-tags a, .service-content h4 a:hover, .postsummarywrap a:hover, .toggle-menu-list li a:hover, .ui-accordion-header:hover .ui-accordion-header-icon:after, .quote_say i, #footer a:hover, .nav-previous a:hover, .nav-next a:hover, .nav-lightbox a:hover, .portfolio-nav-item i:hover, .project-details-link i, .project-details-link h4 a, .entry-content .entry-post-title h2 a:hover, .woocommerce .mtheme-woocommerce-description-wrap a.add_to_cart_button:hover, .woocommerce ul.products li.product h3 a:hover, .woocommerce-page ul.products li.product h3 a:hover, .woocommerce .woocommerce-info a, .tagcloud a:hover, #footer .tagcloud a:hover, .event-icon, .entry-content .ui-accordion-header:hover .ui-accordion-header-icon:after, #recentposts_list .recentpost_info .recentpost_title:hover, #popularposts_list .popularpost_info .popularpost_title:hover, .client-link span, .mtheme-events-carousel .slideshow-box-title a:hover, .woocommerce .product_meta a:hover, ul.mtree li.mtree-open > a:hover, ul.mtree li.mtree-open > a, ul.mtree li.mtree-active > a:hover, .header-is-simple.theme-is-light .responsive-mobile-menu ul.mtree li.mtree-open > a, .header-is-simple.theme-is-light .responsive-mobile-menu ul.mtree li.mtree-open > a:hover, .theme-is-light .responsive-mobile-menu ul.mtree li.mtree-open > a, ul.mtree li.mtree-active > a, .entry-content .service-content h4 a, .slideshow-box-content .slideshow-box-title a:hover { color: #fe4641; } .gridblock-displayed .gridblock-selected-icon, .skillbar-title, .skillbar-bar, div.jp-volume-bar-value, div.jp-play-bar, #wp-calendar caption, #wp-calendar tbody td a, .like-alreadyvoted, .flexslider-container-page .flex-direction-nav li a:hover, .lightbox-toggle a:hover, a.ajax-navigation-arrow, .ui-accordion-header.ui-state-active a, .entry-content .ui-tabs .ui-tabs-nav .ui-state-active a, .entry-content .ui-tabs .ui-tabs-nav .ui-state-active a:hover, .gridblock-thumbnail-element:hover, .synced .gridblock-thumbnail-element, .woocommerce span.onsale, .woocommerce-page span.onsale, .mtheme-woo-order-list ul li:hover, .woocommerce #content div.product form.cart .button, .woocommerce div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .entry-content .ui-accordion-header.ui-state-active a, .mtheme-proofing-item.proofing-item-selected .work-details { background-color: #fe4641; } ul#thumb-list li.current-thumb, ul#thumb-list li.current-thumb:hover, .home-step:hover .step-element img, .home-step-wrap li, .gridblock-element:hover, .gridblock-grid-element:hover, .gridblock-displayed:hover, .entry-content blockquote, #gridblock-filters li .is-active, #gridblock-filters li a:focus, #gridblock-filters a:focus, #gridblock-filters li .is-active, #gridblock-filters li .is-active:hover, .person:hover .person-image img, .main-menu-wrap .homemenu .sf-menu .mega-item .children-depth-0, .main-menu-wrap .homemenu ul ul, .like-vote-icon, #gridblock-timeline .blog-grid-element-left:before, #gridblock-timeline .blog-grid-element-right:before, #header-searchform #hs, .pagination span.current, .sidebar h3:after, .fotorama__thumb-border, .project-details-link i, .woocommerce .quantity input.qty:hover, .woocommerce #content .quantity input.qty:hover, .woocommerce-page .quantity input.qty:hover, .woocommerce-page #content .quantity input:hover, .woocommerce .quantity input.qty:focus, .woocommerce #content .quantity input.qty:focus, .woocommerce-page .quantity input.qty:focus, .woocommerce-page #content .quantity input:focus, .woocommerce input.button:hover, .woocommerce .shipping-calculator-form button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce .shipping-calculator-button:hover, .woocommerce #sidebar #respond input#submit:hover, .woocommerce #sidebar a.button:hover, .woocommerce #sidebar button.button:hover, .woocommerce #sidebar input.button:hover, .wpcf7-form input:focus, .wpcf7-form textarea:focus, .entry-content-wrapper .sticky .postformat_contents, .entry-content-wrapper.post-is-sticky .type-post, .woocommerce nav.woocommerce-pagination ul li span.current, .mtheme-proofing-item.proofing-item-selected .gridblock-ajax { border-color: #fe4641; } .entry-content .pullquote-left { border-right-color: #fe4641; } .entry-content .pullquote-center { border-top-color: #fe4641; border-bottom-color: #fe4641; } .blog-details-section-inner, .entry-content .pullquote-right, .callout, .calltype-line-left .callout { border-left-color: #fe4641; } .admin-bar.page-is-fullscreen.fullscreen-unknown-type, .admin-bar.page-is-fullscreen.fullscreen-kenburns, .admin-bar.page-is-fullscreen.fullscreen-carousel, .admin-bar.page-is-fullscreen.fullscreen-video, .admin-bar.page-is-fullscreen.fullscreen-slideshow, .admin-bar.page-is-fullscreen.fullscreen-revslider, .page-is-fullscreen.fullscreen-revslider { overflow: hidden; } /* Since Version 1.0.2 */ .maginific-lightbox-sharing { position: fixed; top: 15px; } .maginific-lightbox-sharing .lightbox-share { margin-right: 10px; } .maginific-lightbox-sharing .lightbox-share i { font-size: 20px; border: 1px solid #BAB3B3; height: 40px; width: 40px; line-height: 40px; border-radius: 50px; } .maginific-lightbox-sharing .lightbox-share i:hover { background-color: #fff; } .maginific-lightbox-sharing .lightbox-share i.fa-facebook { color:#3B5998; } .maginific-lightbox-sharing .lightbox-share i.fa-twitter { color:#55ACEE; } .maginific-lightbox-sharing .lightbox-share i.fa-pinterest { color:#D73532; } /* Since Version 1.0.3 */ .vertical-menu { left:0; top:0; width: 300px; position: fixed; height: 100%; z-index: 999; background:#000; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: left 0.2s; -moz-transition: left 0.2s; -webkit-transition: left 0.2s; -o-transition: left 0.2s; } body .vertical-menu { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .vertical-menu ul.mtree { padding-bottom: 40px; } .menu-is-vertical.fullscreen-revslider .tp-leftarrow { left:320px !important; } .fullscreen-mode-on .vertical-menu { left: -300px; } .vertical-logo-wrap, .vertical-menu { width: 300px; } .vertical-logo-wrap a, .vertical-logo-wrap { line-height: 0; } .vertical-logoimage { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .vertical-menu ul.mtree li.mtree-node > a:before { top:1px; } .vertical-menu ul.mtree a { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #eee; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .theme-is-dark .vertical-menu ul.mtree a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .vertical-menu ul.mtree li.mtree-open > a, .vertical-menu ul.mtree li > a:hover { color:#fff; } .vertical-menu ul.mtree ul a { font-size: 12px; letter-spacing: 1px; text-transform: none; } .vertical-menu ul.mtree a, .vertical-menu ul.mtree ul li a, .vertical-menu ul.mtree li.mtree-node > a { font-weight: 400; } .menu-is-vertical #slidecaption, .menu-is-vertical #static_slidecaption { left:354px; } /* Vertical Footer */ .vertical-footer-wrap .fullscreen-footer-info, .vertical-footer-wrap .fullscreen-footer-social { float: none; text-align: center; width: 100%; } .vertical-footer-wrap .fullscreen-footer-info { margin-top: 15px; padding-top: 5px; border-top: 1px solid rgba(255,255,255,0.1); } .vertical-footer-wrap .social-header-wrap { float:none; } .vertical-footer-wrap { padding: 0 35px 40px; } .vertical-footer-wrap .social-header-wrap ul li.social-icon { float: none; display: inline-block; padding: 0 3px; text-align: center; } .menu-is-vertical #progress-back { bottom: 1px; } /* Boxed Layout */ .boxed-site-layout .outer-wrap, .boxed-site-layout .fullscreen-footer-wrap, .boxed-site-layout #copyright, .boxed-site-layout .vertical-left-bar, .boxed-site-layout .vertical-right-bar { background:#444444; } .boxed-site-layout #copyright { border:0; } .boxed-site-layout .vertical-left-bar, .boxed-site-layout .vertical-right-bar { position: fixed; top:100px; height: 100%; width: 50px; z-index: 101; } .sticky-menu-on.boxed-site-layout .vertical-left-bar, .sticky-menu-on.boxed-site-layout .vertical-right-bar { top:0; } .boxed-site-layout .stickymenu-zone.sticky-menu-activate { animation: none; } .boxed-site-layout .slideshow-controls-wrap { right: 80px; } .boxed-site-layout .mtheme-fullscreen-toggle { right: 28px; } .boxed-site-layout .outer-wrap { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .page-is-fullscreen.boxed-site-layout .vertical-left-bar, .page-is-fullscreen.boxed-site-layout .vertical-right-bar { top:100px; height: -webkit-calc(100% - 150px); height: -moz-calc(100% - 150px); height: calc(100% - 150px); } .sticky-menu-on.page-is-fullscreen.fullscreen-photowall.boxed-site-layout .vertical-left-bar, .sticky-menu-on.page-is-fullscreen.fullscreen-photowall.boxed-site-layout .vertical-right-bar { top:75px; height: -webkit-calc(100% - 125px); height: -moz-calc(100% - 125px); height: calc(100% - 125px); } .boxed-site-layout .vertical-left-bar { left: 0; } .boxed-site-layout .vertical-right-bar { right: 0; } .boxed-site-layout .fullscreen-horizontal-carousel .prev-hcarousel { left: 60px; } .boxed-site-layout .fullscreen-horizontal-carousel .next-hcarousel { right: 60px; } .boxed-site-layout .fullscreen-footer-wrap, .boxed-site-layout .fullscreen-footer-social, .boxed-site-layout .fullscreen-footer-info { height: 50px; line-height: 50px; } .boxed-site-layout .login-socials-wrap { top:18px; } .boxed-site-layout #progress-back { bottom: 50px; } .page-is-fullscreen.menu-is-vertical.fullscreen-slide-bright .mtheme-fullscreen-toggle { border-color: rgba(255, 255, 255, 0.3); color: #fff; }.page-is-fullscreen.menu-is-vertical.fullscreen-slide-bright .mtheme-fullscreen-toggle:hover { background: rgba(255,255,255,0.8); color:#000; } .page-is-fullscreen.fullscreen-photowall .mtheme-fullscreen-toggle, .page-is-fullscreen.fullscreen-carousel .mtheme-fullscreen-toggle { display: none !important; } .hc-image-wrap img:hover { cursor: pointer; } #fotorama-container-wrap { position: fixed; width: 100%; height: 100%; left:0; top:0; } .fullscreen-mode-on #fotorama-container-wrap { top:0; } .fullscreen-mode-on .fotorama__caption { display: none; } .menu-is-vertical #fotorama-container-wrap { width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px); margin-left: 300px; } .boxed-site-layout .fotorama__nav-wrap { bottom: 35px; } .boxed-site-layout .fotorama__arr--prev { left: 60px; } .boxed-site-layout .fotorama__arr--next { right: 60px; } .fullscreen-fotorama .fotorama__caption { bottom: 120px; left: 0; } .fullscreen-fotorama .fotorama__caption__wrap { background: rgba(255,255,255,0.6); } .fullscreen-fotorama .fotorama__caption__wrap { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 500; } .fullscreen-fotorama.fullscreen-mode-on.menu-is-vertical #fotorama-container-wrap, .fullscreen-fotorama.menu-is-vertical #fotorama-container-wrap.fotorama-fullwidth { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); margin-left: 0; } .menu-is-vertical.fullscreen-fotorama .mtheme-fullscreen-toggle { border: 1px solid rgba(255, 255, 255, 0.3); background: #fff; } .menu-is-vertical.fullscreen-fotorama .mtheme-fullscreen-toggle i { color: #000; } .menu-is-vertical.fullscreen-fotorama.fullscreen-mode-on .mtheme-fullscreen-toggle i { color: #000; } .menu-is-vertical.fullscreen-fotorama.fullscreen-mode-on .mtheme-fullscreen-toggle:hover i { color: #fff; } .menu-is-vertical.fullscreen-fotorama.fullscreen-mode-on .mtheme-fullscreen-toggle:hover { background: #000; border: 1px solid rgba(0, 0, 0, 0.3); } .boxed-site-layout.fullscreen-fotorama .fotorama__caption { left: 0; bottom: 140px; } .pagebuilder-active.nosidebar .mtheme-block-em_blog_list .blog-details-section, .pagebuilder-active.nosidebar .mtheme-block-em_blog_list .blog-content-section, .page-template-template-bloglist.nosidebar .blog-details-section, .page-template-template-bloglist.nosidebar .blog-content-section { float: none; width: auto; } .pagebuilder-active.nosidebar .mtheme-block-em_blog_list .blog-details-section .the-day, .pagebuilder-active.nosidebar .mtheme-block-em_blog_list .blog-details-section .the-month, .pagebuilder-active.nosidebar .mtheme-block-em_blog_list .blog-details-section .the-year, .page-template-template-bloglist.nosidebar .blog-details-section .the-day, .page-template-template-bloglist.nosidebar .blog-details-section .the-month, .page-template-template-bloglist.nosidebar .blog-details-section .the-year { display: inline-block; letter-spacing: 1px; margin-right: 3px; } /* ********************** Proofing *********************** */ .mtheme-proofing-item .gridblock-ajax { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: border 0.2s; -moz-transition: border 0.2s; -webkit-transition: border 0.2s; -o-transition: border 0.2s; border:1px solid transparent; } .mtheme-proofing-item.proofing-item-selected .gridblock-ajax { border-width:10px; border-style: solid; border-bottom: 0; } .mtheme-proofing-item.proofing-item-selected .work-details { } .mtheme-proofing-item.proofing-item-selected .work-details h4 { } .mtheme-proofing-item .work-details { padding: 1px 20px 5px; } .mtheme-proofing-item.proofing-item-selected .work-details h4 { color: #fff; } .proofing-selected-marker { background: #fff; color: #000; font-size: 35px; font-weight: bold; height: 50px; line-height: 41px; margin-right: -25px; margin-top: -25px; position: absolute; right: 50%; text-align: center; top: 50%; width: 50px; z-index: 10; opacity: 1; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .proofing-item-unchecked .proofing-selected-marker, .proofing-item-inprogress .proofing-selected-marker { opacity: 0; } .mtheme-proofing-item.proofing-item-selected .gridblock-ajax:hover .proofing-selected-marker { opacity: 0; } .proofing-item-inprogress .proofing-progress-indicator { display:block; opacity: 1; } .mtheme-proofing-item .gridblock-grid-element { border:0; } .proofing-progress-indicator { position: absolute; opacity: 0; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; top: 15px; right: 15px; z-index: 10; color:#fff; font-size: 22px; -webkit-animation-name: proofingspin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: proofingspin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: proofingspin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: proofingspin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes proofingspin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes proofingspin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes proofingspin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes proofingspin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .proofing-status-count-wrap { text-align: center; } #proofing-status-count { text-align: center; color:#fff; font-size: 14px; letter-spacing: 2px; font-weight: 400; border-bottom:1px solid #fff; padding-bottom: 10px; margin-top: 20px; display: inline-block; } .proofing-content { text-align: center; width: 75%; margin: 0 auto; } .proofing-item-wrap { margin-top:40px; } .proofing-notice { margin-bottom: 30px; } .mtheme-proofing-item .work-details h4 { color:#fff; } .shortcode-time-counter-block h4, .time-count-data { color:#fff; } .author-info { margin-top: 20px; padding: 30px 40px 50px; } .author-info .avatar { float: left; height: 60px; margin: 0 20px 20px 0; width: 60px; } h2.author-heading { font-size: 16px; } h3.author-title { font-size: 13px; margin-bottom: 3px; font-weight: 600; } .author-bio { overflow: hidden; } .author-description { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .author-description > :last-child { margin-bottom: 0; } .author-link, .entry-content .author-link { text-decoration: none; border:0; } .author-link { display: block; } .author-description .mtheme-button { margin: 20px 0 0 0; } .donutcounter-value { color:#fff; } .mtheme-menu-inactive.center-logo .outer-wrap { height: 96px; } .footer-column ul.instagram-pics li.insta-image-1 { width: 493px; height: auto; } .footer-column ul.instagram-pics li { width: 97.8px; } .googlemaps img { max-width: none; } .mtheme-modular-column { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; } /* ********************** Odometer *********************** */ .odometer.odometer-auto-theme, .odometer.odometer-theme-default { position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { line-height: 45px; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } .entry-content .demo-title-heading { color: #529c7d; } .entry-content .about_paypal { color: #000; } .woocommerce-checkout .place-order .terms label, .woocommerce-checkout .place-order .terms label a { color: #000; } .fullscreen-coverphoto, .fullscreen-particles { position: fixed; left: 0; bottom: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; overflow: hidden; z-index:1; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .fullscreen-coverphoto .container-wrapper, .fullscreen-particles .container-wrapper { position: static; } .coverphoto-outer-wrap { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .fullscreen-particles .coverphoto-outer-wrap { z-index: auto; } #coverphoto-text-wrap .static_slideshow_title { text-align: center; width: 100%; } #coverphoto-text-wrap.slideshow-content-wrap { padding-bottom: 0; } .fullscreen-coverphoto-outer { text-align: center; display: table-cell; vertical-align: middle; } .fullscreen-coverphoto-inner { padding: 60px 40px 30px 40px; opacity: 0; margin-left: auto; margin-right: auto; width: 500px; } .fullscreen-particles .fullscreen-coverphoto-inner { position: relative; z-index: 2; } .menu-is-vertical .fullscreen-coverphoto-inner { position: relative; left:150px; } .fullscreen-coverphoto-inner .static_slideshow_content_link { z-index: 100; position: relative; } .coverphoto-type-border .coverphoto-text-container { border: 2px solid #fff; } .coverphoto-type-doubleborder .coverphoto-text-container { border: 3px double #fff; } .coverphoto-type-fill .coverphoto-text-container { background:rgba(0,0,0,0.4); } .coverphoto-type-underline .static_slideshow_title { border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 30px; } .coverphoto-type-topbottom .coverphoto-text-container { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } .coverphoto-type-border-sides .coverphoto-text-container { border-left: 2px solid #fff; border-right: 2px solid #fff; } .fullscreen-slide-dark .coverphoto-type-border .coverphoto-text-container { border-color: #000; } .fullscreen-slide-dark .coverphoto-type-doubleborder .coverphoto-text-container { border-color: #000; } .fullscreen-slide-dark .coverphoto-type-fill .coverphoto-text-container { background-color:rgba(255,255,255,0.4); } .fullscreen-slide-dark .coverphoto-type-underline .static_slideshow_title { border-bottom: 1px solid #000; } .fullscreen-slide-dark .coverphoto-type-topbottom .coverphoto-text-container { border-top: 2px solid #000; border-bottom: 2px solid #000; } .pace-done .fullscreen-coverphoto-inner { -webkit-animation: cover-fadein 4s; -moz-animation: cover-fadein 4s; -ms-animation: cover-fadein 4s; -o-animation: cover-fadein 4s; animation: cover-fadein 4s; opacity: 1; } .fullscreen-mode-on.pace-done .fullscreen-coverphoto-inner { opacity: 0 !important; } @keyframes cover-fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes cover-fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes cover-fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes cover-fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes cover-fadein { from { opacity: 0; } to { opacity: 1; } } .fullscreen-footer-wrap .contact-text { margin-left: 10px; position: relative; top: -10px !important; } .fullscreen-coverphoto #slidecaption, .fullscreen-particles #slidecaption { position: static; } .shortcode-box-title { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color:#fff; line-height: 14px; } .text-is-bright .portfolio-share li i, .entry-content .text-is-bright .portfolio-share li, .text-is-bright .portfolio-share li { color: #fff; } .mfp-arrow:hover { cursor: pointer; } .maginific-lightbox-sharing { text-align: center; } .mfp-counter { color: #000; font-size: 10px; line-height: 12px; } .mfp-content .maginific-lightbox-sharing .lightbox-share i { border:0; transition: background 0.2s; -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; width: 30px; height: 30px; line-height: 30px; font-size: 16px; } .mfp-content .maginific-lightbox-sharing .lightbox-share i, .mfp-close, .mfp-arrow { color:#a4a4a4; } .maginific-lightbox-sharing .lightbox-share i:hover { background: #eee; } .single-mtheme_photostory .mtheme-fullscreen-toggle { right: 50px; } .fotorama__caption { text-align: center; opacity: 0; transition: opacity 1.0s; -moz-transition: opacity 1.0s; -webkit-transition: opacity 1.0s; -o-transition: opacity 1.0s; } .fotorama__caption__wrap { opacity: 0; transition: opacity 1.0s; -moz-transition: opacity 1.0s; -webkit-transition: opacity 1.0s; -o-transition: opacity 1.0s; } .fotorama__wrap:hover .fotorama__caption__wrap { opacity: 1; } .fullscreen-fotorama .fotorama__caption__wrap { text-transform: none; max-width: 400px; padding: 8px 15px 13px; } .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption__wrap h1 { font-size: 28px; line-height: 28px; font-weight: 300; text-transform: none; color:#fff; } .fullscreen-fotorama .fotorama__caption__wrap h2, .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption__wrap h2 { font-size: 13px; color:#fff; font-weight: 600; letter-spacing: 0; margin-bottom: 5px; margin-top: 0; } .fullscreen-fotorama .fotorama__caption__wrap p, .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption__wrap p { color: #eee; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; line-height: 15px; margin-top: 0; } .fullscreen-fotorama .fotorama__caption__wrap, .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption__wrap { background: rgba(0, 0, 0, 0.8); } .single-mtheme_photostory .fotorama__caption { text-align: center; margin: 0 auto; bottom:150px; } .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption { left:0; } .fullscreen-fotorama.single-mtheme_photostory .fotorama__caption__wrap { padding: 5px 40px 10px; max-width: 500px; } .fotorama__caption { opacity: 0; transition: opacity 1.0s; -moz-transition: opacity 1.0s; -webkit-transition: opacity 1.0s; -o-transition: opacity 1.0s; } .fotorama__active .fotorama__caption { opacity: 1; } .single-mtheme_photostory .portfolio-nav-wrap { bottom: auto; top: 120px; } .single-mtheme_photostory .portfolio-nav-wrap { right: 100px; } .single-mtheme_photostory .portfolio-nav-wrap { width: auto; } .single-mtheme_photostory .portfolio-nav-item a { background: rgba(0,0,0,0.5); margin-bottom: 1px; } .fullscreen-mode-on.single-mtheme_photostory .fotorama__caption { display: none !important; } .center-logo.single-mtheme_photostory .portfolio-nav-wrap { top: 170px; } .boxed-site-layout.single-mtheme_photostory .portfolio-nav-wrap { right: 125px; } .mtheme-block-em_displayrichtext a { color:#fff; text-decoration: underline; } .text-is-dark .mtheme-block-em_displayrichtext a { color:#000; } .entry-content .notice-text { margin-left: 40px; } #dimmer { position: fixed; height: 100%; width: 100%; background:rgba(0,0,0,0.8); z-index: 1045; display: none; } .dimmer-outer { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .dimmer-inner { display: table-cell; text-align: center; vertical-align: middle; } .dimmer-text { background: #fff; color: #969696; font-size: 19px; letter-spacing: 1px; line-height: 24px; margin-left: auto; margin-right: auto; padding: 30px; text-align: center; max-width: 500px; width: 80%; } .owl-slideshow-element .owl-buttons .owl-next, .owl-slideshow-element .owl-buttons .owl-prev{ opacity:0; } .owl-slideshow-element:hover .owl-buttons .owl-next, .owl-slideshow-element:hover .owl-buttons .owl-prev{ opacity:1; } /* WooCommerce pagebuilder text is bright */ .text-is-bright .woocommerce form .form-row label, .woocommerce-page .text-is-bright form .form-row label { color: #fff; } .woocommerce-page .text-is-bright .button { border: 1px solid #fff; color: #fff; } .text-is-bright .woocommerce .shop_table .product-name, .text-is-bright .woocommerce .shop_table .product-price, .text-is-bright .woocommerce .shop_table .product-subtotal, .text-is-bright .woocommerce .shop_table thead th, .text-is-bright .woocommerce table th, .woocommerce table td, .text-is-bright .woocommerce .product-name, .text-is-bright .woocommerce .product-name a, .text-is-bright .woocommerce .cart_totals h2 { color: #ffffff; } .blog-timeline-month { background: #fff; } .theme-is-dark .blog-timeline-month { background: #000; } .shortcode-column.span12 { clear: both; float: none; width: 100%; } .mobile-menu-toggle { top: 0; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: 30%; } .entry-content .mtheme-block-em_hline .hline-common { border: 0; border-top:1px solid transparent; height:auto; } .entry-content .mtheme-block-em_hline .hline-single { border-style:solid; } .entry-content .mtheme-block-em_hline .hline-double { border-top:3px double transparent; } .entry-content .mtheme-block-em_hline .hline-dotted { border-top:1px dotted transparent; } .entry-content .mtheme-block-em_hline .hline-dashed { border-top:1px dashed transparent; } .header-is-simple .outer-wrap { background: none; } .header-is-simple .mtheme-fullscreen-toggle { background: rgba(255,255,255,0.8); border: 1px solid transparent; color: #000; } .header-is-simple .mtheme-fullscreen-toggle.fullscreen-toggle-on i { color: #000; } .theme-is-dark.header-is-simple .mtheme-fullscreen-toggle { background: rgba(0,0,0,0.8); border: 1px solid transparent; color: #fff; } .theme-is-dark.header-is-simple .mtheme-fullscreen-toggle:hover { background: #fff; color: #000; } .theme-is-dark.header-is-simple .mtheme-fullscreen-toggle.fullscreen-toggle-on i { color: #fff; } .theme-is-dark.header-is-simple .mtheme-fullscreen-toggle.fullscreen-toggle-on:hover i { color: #000; } .header-is-simple .responsive-menu-wrap { display: block; } .header-is-simple .mobile-menu-toggle { background: none; } .header-is-simple .mobile-menu-icon { background: #fff; height: 45px; line-height: 40px; width: 45px; left: 27px; top: 27px; } .header-is-simple .logo-mobile { display: none; } .header-is-simple.theme-is-dark .mobile-menu-icon { background:#000; } .mobile-menu-icon { z-index: 9999; } .mfp-zoom-out-cur .mobile-menu-icon { display: none; } .header-is-simple .stickymenu-zone.sticky-menu-activate { display: none; } .responsive-mobile-menu nav, .header-is-simple .responsive-mobile-menu nav { text-align: center; } .responsive-mobile-menu ul.mtree, .header-is-simple .responsive-mobile-menu ul.mtree, .mobile-social-header .social-header-wrap { width: 370px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive-mobile-menu ul.mtree li:last-child a, .header-is-simple .responsive-mobile-menu ul.mtree li:last-child a { border-bottom: 0; } .responsive-mobile-menu ul.mtree a, .header-is-simple .responsive-mobile-menu ul.mtree a { font-size: 26px; line-height: 26px; letter-spacing: 0.5px; padding: 16px 0; } .responsive-mobile-menu ul.mtree ul li a, .header-is-simple .responsive-mobile-menu ul.mtree ul li a { font-size: 20px; line-height: 20px; } .responsive-mobile-menu ul.mtree li.mtree-node > a::before, .header-is-simple ul.mtree li.mtree-node > a::before { top: 20px; } .responsive-mobile-menu ul.mtree li li.mtree-node > a::before, .header-is-simple ul.mtree li li.mtree-node > a::before { top: 16px; } .theme-is-light .responsive-mobile-menu ul.mtree a, .header-is-simple.theme-is-light .responsive-mobile-menu ul.mtree a { color:#000; } .theme-is-light .responsive-mobile-menu ul.mtree li li a, .header-is-simple.theme-is-light .responsive-mobile-menu ul.mtree li li a { color:#555; } .responsive-mobile-menu #mobile-searchform { padding: 25px 0 20px 0; } .responsive-mobile-menu #mobile-searchbutton { right: 20px; } .theme-is-light .responsive-mobile-menu #mobile-searchform input { border: 1px solid #eee; } .theme-is-light .responsive-mobile-menu #mobile-searchform input:focus { border-color: #555; } .responsive-mobile-menu #mobile-searchform input { width: 300px; } .demo.header-is-simple .logo-mobile img { height: 46px; top: 17px; } .header-is-simple .logo-mobile img { height: 48px; position: relative; top: 12px; } /* Mobile Social Header */ .mobile-social-header { padding-top: 30px; } .header-is-simple .mobile-social-header { padding-top: 50px; } .mobile-social-header .social-header-wrap .contact-text { width: 100%; margin-top: 10px; text-align: center; margin-left: 8px; } .mobile-social-header .social-header-wrap ul li.social-icon { font-size: 18px; float: none; } .mobile-social-header .social-header-wrap { float: none; } .mobile-social-header .social-header-wrap ul { padding: 0 20px; text-align: center; } .mobile-social-header .social-header-wrap ul li.social-icon { border:none; padding: 0 8px; } .mobile-social-header .social-header-wrap ul li.social-icon i, .mobile-social-header .social-header-wrap ul li.contact-text a { color:#333; } .mobile-social-header .social-header-wrap ul li a:hover i, .mobile-social-header .social-header-wrap ul li.social-icon i:hover, .mobile-social-header .social-header-wrap ul li.contact-text a:hover { color:#000; } .theme-is-dark .mobile-social-header .social-header-wrap ul li.social-icon i, .theme-is-dark .mobile-social-header .social-header-wrap ul li.contact-text a { color:#eee; } .theme-is-dark .mobile-social-header .social-header-wrap ul li.social-icon i:hover, .theme-is-dark .mobile-social-header .social-header-wrap ul li.contact-text a:hover { color:#fff; } .responsive-mobile-menu .social-header-wrap ul li a:hover i, .responsive-mobile-menu .social-header-wrap ul li a:hover { color: #fff; } .header-is-simple.body-dashboard-push-left .logo-mobile { display: none; } .logo-mobile .logoimage { max-width: 100%; } .responsive-mobile-menu { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; /*for webKit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*opera*/ background-size: cover; /*generic*/ } .fullscreen-footer-info a { color:#fff; text-decoration: underline; } .theme-is-light .fullscreen-footer-info a { color:#000; } .fullscreen-footer-fullwidth .fullscreen-footer-info { width: auto; float: none; text-align: center; } .woocommerce img, .woocommerce-page img { max-width: none; } .woocommerce .container img, .woocommerce-page .container img { max-width: 100%; } body.mfp-zoom-out-cur { overflow: hidden; } .woocommerce.archive.wooshop-float-left #container { float:right; } .worktype-content-desc { font-size: 18px; line-height: 28px; margin: 0 auto 50px; text-align: center; width: 80%; } .theme-is-dark .mfp-bg { background: #444; } .single.mtheme-password-required .footer-container-wrap, .single.mtheme-password-required #copyright, .page.mtheme-password-required .footer-container-wrap, .page.mtheme-password-required #copyright { display: none; } /* Image Box */ .imagebox-item-wrap h3 { opacity: 1; position: relative; -webkit-transition: opacity 0.4s,top 0.5s; -moz-transition: opacity 0.4s,top 0.5s; transition: opacity 0.4s,top 0.5s; text-align: center; } .imagebox-item-wrap:hover h3 { opacity: 0; top:30%; } .imagebox-item { width: 100%; float:left; display:block; position: relative; z-index: 2; padding:0; overflow: hidden; margin-bottom: 20px; background-color: #000; } .imagebox-item-wrap-below .imagebox-item { margin-bottom: 0; } .imagebox-content-below { margin-bottom: 20px; } .imagebox-item img { max-width: 100%; width: 100%; display:block; line-height: 0; } .imagebox-content-wrap { display:block; position: absolute; width:100%; height: 100%; top: 0; background: rgba(0,0,0,0); -webkit-transition: background-color 0.4s,bottom 0.5s; -moz-transition: background-color 0.4s,bottom 0.5s; transition: background-color 0.4s,bottom 0.5s; text-align: center; } .imagebox-box { display:inline-block; color:#fff; color: rgba(255,255,255,0.9); font-weight: 200; padding: 0 0 5px 0; width: 100%; font-size:14px; letter-spacing: 0.5px; line-height: 20px; position: absolute; bottom:10px; left: 0; z-index: 99; opacity: 0; -webkit-transition: opacity 0.4s,bottom 0.5s; -moz-transition: opacity 0.4s,bottom 0.5s; transition: opacity 0.4s,bottom 0.5s; } .imagebox-item:hover .imagebox-box, .imagebox-item-wrap-below:hover .imagebox-box, .imagebox-item-wrap-above:hover .imagebox-box { opacity: 1; bottom:0; } .imagebox-title { font-size:18px; color:#fff; font-weight: 600; margin:20px 25px 10px; display: block; } .imagebox-desc { color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 300; letter-spacing: 1px; line-height: 20px; margin: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .imagebox-item:hover { } .imagebox-item .imagebox-image { opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacimageboxity 0.4s; } .imagebox-item:hover .imagebox-image, .imagebox-item-wrap-below:hover .imagebox-image, .imagebox-item-wrap-above:hover .imagebox-image { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0.5; } .imagebox-item:hover .imagebox-content-wrap { background: rgba(0,0,0,0.5); } .imagebox-lightbox { display: block; position: absolute; z-index: 100; top:0; height: 100%; width: 100%; } .imagebox-icon { position: absolute; right: 20px; top: 20px; font-size: 24px; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; z-index: 9; } .imagebox-item:hover .imagebox-icon, .imagebox-item-wrap-below:hover .imagebox-icon, .imagebox-item-wrap-above:hover .imagebox-icon { opacity: 1; } .imagebox-content-above .imagebox-box, .imagebox-content-below .imagebox-box, .imagebox-content-above.imagebox-content-wrap, .imagebox-content-below.imagebox-content-wrap { position: static; } .imagebox-content-above .imagebox-box, .imagebox-content-below .imagebox-box { opacity: 1; } .imagebox-content-above .imagebox-title, .imagebox-content-above .imagebox-desc, .imagebox-content-below .imagebox-title, .imagebox-content-below .imagebox-desc { color: #000; } .imagebox-content-above .imagebox-box .textlink { color: #000; } .imagebox-item-wrap a, .imagebox-item-wrap a:hover { text-decoration: none; } .imagebox-icon { color:#fff; } .imagebox-content-inside .imagebox-box { padding-bottom: 20px; } .page-template-template-fullpage #password-protected { margin-top: 170px; } .edge-to-edge .title-container-outer-wrap { display: none; } .single-mtheme_portfolio.edge-to-edge .container { padding-bottom: 0; } .edge-to-edge .contents-wrap #commentform-section { margin-bottom: 80px; } .edge-to-edge .portfolio-end-block { padding-bottom: 80px; } .entry-content img, .container img, .mfp-container img, .photowall-item img { image-rendering: optimizeQuality; } .single-image-fullwidth img { width: 100%; max-width: 100%; } #particles-js { position: fixed; height: 100%; width: 100%; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); } .pagebuilder-active .events-inner { padding:0; margin: 0 10px; } /* Modal Window */ .modal-dimmer { position: fixed; height: 100%; width: 100%; background:rgba(37, 37, 37, 0.8); z-index: 10000; display: none; left: 0; top: 0; overflow-y:scroll; -webkit-overflow-scrolling: touch; } .theme-is-light .modal-dimmer { background:rgba(191, 191, 191, 0.8); } .modal-dimmer-outer { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; } .modal-dimmer-inner { display: table-cell; vertical-align: middle; } .modal-dimmer-text { background: #3C3C3C; border:1px solid #484848; margin-left: auto; margin-right: auto; padding: 50px; max-width: 800px; width: auto; margin-top:40px; margin-bottom:40px; } .theme-is-light .modal-dimmer-text { background: #fff; border:1px solid #eee; } .modal-close-button { float: right; font-size: 25px; position: relative; right: -32px; top: -32px; cursor: pointer; opacity: 1; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; } .modal-close-button:hover { opacity: 0.6; } .fotorama__arr, .fotorama__arr.fotorama__arr--prev, .fotorama__arr.fotorama__arr--next { background: none; } .fotorama__arr.fotorama__arr--prev, .fotorama__arr.fotorama__arr--next { border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50px; color: #fff; font-family: "fontawesome"; font-size: 10px; height: 30px; line-height: 30px; margin-top: -30px; opacity: 1; position: absolute; text-align: center; top: 49.7%; width: 30px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .fotorama__arr.fotorama__arr--prev { left: 20px; } .fotorama__arr.fotorama__arr--next { right: 20px; } .fotorama__arr.fotorama__arr--prev:hover, .fotorama__arr.fotorama__arr--next:hover { background: rgba(255,255,255,1); color:#000; } .fotorama__arr.fotorama__arr--prev:after { left:0; content: "\f053"; } .fotorama__arr.fotorama__arr--next:after { right:0; content: "\f054"; } .fotorama__nav__frame .fotorama__img, .fotorama__nav__frame .fotorama__thumb, .fotorama__thumb-border { border-radius: 40px; } .gridblock-desc-off .work-details { padding-bottom: 15px; } .page-without-title .portfolio-nav-wrap { bottom: 0; } .post-format-media { position: relative; } /* WPML */ .wpml-ls-legacy-dropdown { width: 200px; } .wpml-ls-statics-shortcode_actions { background: none; } .mobile-wpml-lang-selector-wrap #lang_sel { margin: 0 auto; } .mobile-wpml-lang-selector-wrap #lang_sel, .wpml-lang-selector-wrap { font-size: 14px; } .woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce .add_to_cart_button { padding: 0 0 0 27px !important; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 15px; font-weight: 500; margin: 0; padding: 0 0 2px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin: 25px 0 0; } .woocommerce-LoopProduct-link .woocommerce-loop-product__title { padding: 20px 0 0 10px !important; } .woocommerce-LoopProduct-link .price { padding: 0 0 0 10px !important; } .mtheme-woocommerce-description-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }