/* Theme Name: empresa Theme URI: http://wordpress.tanshcreative.com/empresa/ Description: empresa is a Responsive WordPress Theme Designed and Developed by Tansh. Version: 1.0.0 Author: Tansh Author URI: http://themeforest.net/user/tansh Tags: left-sidebar, right-sidebar, post-formats, sticky-post, translation-ready License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.txt Text Domain: empresa */ /*============================================================*/ /*/////////////////////////////////////////////////////////////////////*/ /*// //*/ /*// For EASY UPDATES //*/ /*// - Please DO NOT edit theme file itself, instead use CHILD THEME //*/ /*// - To override styles use - style.css / custom.css of child //*/ /*// - Refer help doc for more info //*/ /*// //*/ /*/////////////////////////////////////////////////////////////////////*/ /*============================================================*/ /*---------- Searching for particular element? ----------*/ /* Here is CSS structure... 1 General styles 2 Typography 3 Layout 4 Button styles 5 List styles 6 Header - Topbar - Slide Panel - Header variations - Menu - Logo 7 Commons - Spacer - Line divider - icon divider - box - CTA / Promo box - Video Lightbox - Blockquote - Testimonial - Team - Icon features - CSS animations 8 Footer 9 Owl Carousel 10 Portfolio 11 Pricing 12 Blog / Search / 404 page 13 Comments 14 Pagers for pages, posts, comments, portfolio 15 Forms 16 Widgets 17 WordPress Core 18 Miscellaneous /*----------------------------------------*/ /*----- 1 General styles -----*/ /*----------------------------------------*/ html { overflow-x: hidden; } body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.75em; -webkit-font-smoothing: antialiased; -webkit-animation: fix 1s 1; overflow-x: hidden; } img { max-width: 100% !important; height: auto !important; } iframe { border: none; } .post-thumb iframe, .video-wrapper iframe, .audio-wrapper iframe { max-width: 100%; } hr { margin: 10px 0; } /*----------------------------------------*/ /*----- 2 Typography -----*/ /*----------------------------------------*/ /*-- Font and Background colors are specified in separate section : Colors --*/ body, h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } /*-- Other typography --*/ h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; margin-bottom: 10px; margin-top: 0; -webkit-font-smoothing: antialiased; line-height: 1.2em; } h1 { font-size: 48px; line-height: 54px; } h2 { font-size: 36px; line-height: 42px; } h3 { font-size: 30px; line-height: 36px; } h4 { font-size: 24px; line-height: 30px; } h5, #reply-title { font-size: 18px; line-height: 24px; } h6 { font-size: 14px; line-height: 20px; } a { text-decoration: none; cursor: pointer; font-style: normal; outline: none; transition: all 0.35s ease 0s; } a:visited { } a:hover { text-decoration: none; } a:active { } a:focus { outline: 0; text-decoration: none; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .align-right img, .align-left img, .align-center img { display: inline-block; } .highlight { padding: 0 5px; } .dropcap { width: 40px; height: 40px; font-size: 30px; font-weight: bold; line-height: 40px; text-align: center; margin: 0 15px 5px 0; float: left; } .dropcap.dropcap-circle { border-radius: 50%; } /*----------------------------------------*/ /*----- 3 Layout -----*/ /*----------------------------------------*/ #content-main.pad-top-none { padding-top: 0 !important; } #content-main.pad-top-none { padding-bottom: 0 !important; } .page #content-main.pad-top-none { padding-top: 50px !important; } .page #content-main.pad-bottom-none { padding-bottom: 50px !important; } .page.wpb-js-composer #content-main.pad-top-none { padding-top: 0 !important; } .page.wpb-js-composer #content-main.pad-top-none { padding-bottom: 0 !important; } #content-main { padding-top: 50px; padding-bottom: 50px; } .main-container { width: 1170px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-area { width: 830px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .content-area.fullwidth { width: 100% !important; } #sidebar { width: 290px; margin-top: 50px; padding-bottom: 20px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content-wrapper.fullwidth .content-area { width: 100% !important; float: none; } #content-wrapper.left-sidebar .content-area { float: right; } #content-wrapper.left-sidebar #sidebar { float: left; } .column-half, .column-half-last { width: 50%; float: left; padding-right: 15px; } .column-half-last { width: 50%; float: left; padding-left: 15px; padding-right: 0; } /*----------------------------------------*/ /*----- 4 Button Styles -----*/ /*----------------------------------------*/ .themebtn, .submitbtn, input[type="submit"], input[type="reset"] { width: auto; height: auto; padding: 15px 30px; margin: 10px 0; border-style: solid; border-width: 2px; border-radius: 0; text-align: center; font-size: 13px; line-height: 13px; text-transform: uppercase; letter-spacing: 1px; outline: 0; cursor: pointer; display: inline-block; text-decoration: none; position: relative; white-space: nowrap; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-backface-visibility: hidden; } .themebtn-big { padding: 20px 30px; font-size: 24px; line-height: 24px; } .themebtn-small { padding: 8px 15px; font-size: 12px; line-height: 12px; border-radius: 0; } .themebtn i, .themebtn-big i, .themebtn-small i { margin-left: 10px; font-size: inherit !important; vertical-align: top; } .themebtn-icon { vertical-align: top; } .themebtn-icon i { display: inline; margin-left: 0; } .themebtn.themebtn-icon { padding: 15px; font-size: 16px; line-height: 16px; } .themebtn-small.themebtn-icon { padding: 10px; font-size: 12px; line-height: 12px; } .themebtn-big.themebtn-icon { padding: 20px; font-size: 24px; line-height: 24px; } /*-- button colors --*/ .themebtn, .submitbtn, input[type="submit"], input[type="reset"] { background-color: #202223; border-color: #202223; color: #fff !important; } .themebtn-flat { background-color: transparent; border-color: #202223; color: #202223 !important; } /*-- indigo --*/ .themebtn-indigo, .submit-indigo input[type="submit"], .reset-indigo input[type="reset"] { background-color: #303f9f; border-color: #303f9f; color: #fff !important; } .themebtn-flat-indigo { background-color: transparent; border-color: #303f9f; color: #303f9f !important; } /*-- red --*/ .themebtn-red, .submit-red input[type="submit"], .reset-red input[type="reset"] { background-color: #d32f2f; border-color: #d32f2f; color: #fff !important; } .themebtn-flat-red { background-color: transparent; border-color: #d32f2f; color: #d32f2f !important; } /*-- pink --*/ .themebtn-pink, .submit-pink input[type="submit"], .reset-pink input[type="reset"] { background-color: #c2185b; border-color: #c2185b; color: #fff !important; } .themebtn-flat-pink { background-color: transparent; border-color: #c2185b; color: #c2185b !important; } /*-- purple --*/ .themebtn-purple, .submit-purple input[type="submit"], .reset-purple input[type="reset"] { background-color: #7b1fa2; border-color: #7b1fa2; color: #fff !important; } .themebtn-flat-purple { background-color: transparent; border-color: #7b1fa2; color: #7b1fa2 !important; } /*-- blue --*/ .themebtn-blue, .submit-blue input[type="submit"], .reset-blue input[type="reset"] { background-color: #1976d2; border-color: #1976d2; color: #fff !important; } .themebtn-flat-blue { background-color: transparent; border-color: #1976d2; color: #1976d2 !important; } /*-- cyan --*/ .themebtn-cyan, .submit-cyan input[type="submit"], .reset-cyan input[type="reset"] { background-color: #0097a7; border-color: #0097a7; color: #fff !important; } .themebtn-flat-cyan { background-color: transparent; border-color: #0097a7; color: #0097a7 !important; } /*-- teal --*/ .themebtn-teal, .submit-teal input[type="submit"], .reset-teal input[type="reset"] { background-color: #00796b; border-color: #00796b; color: #fff !important; } .themebtn-flat-teal { background-color: transparent; border-color: #00796b; color: #00796b !important; } /*-- green --*/ .themebtn-green, .submit-green input[type="submit"], .reset-green input[type="reset"] { background-color: #388e3c; border-color: #388e3c; color: #fff !important; } .themebtn-flat-green { background-color: transparent; border-color: #388e3c; color: #388e3c !important; } /*-- lime --*/ .themebtn-lime, .submit-lime input[type="submit"], .reset-lime input[type="reset"] { background-color: #afb42b; border-color: #afb42b; color: #fff !important; } .themebtn-flat-lime { background-color: transparent; border-color: #afb42b; color: #afb42b !important; } /*-- orange --*/ .themebtn-orange, .submit-orange input[type="submit"], .reset-orange input[type="reset"] { background-color: #e64a19; border-color: #e64a19; color: #fff !important; } .themebtn-flat-orange { background-color: transparent; border-color: #e64a19; color: #e64a19 !important; } /*-- skyblue --*/ .themebtn-skyblue, .submit-skyblue input[type="submit"], .reset-skyblue input[type="reset"] { background-color: #0288d1; border-color: #0288d1; color: #fff !important; } .themebtn-flat-skyblue { background-color: transparent; border-color: #0288d1; color: #0288d1 !important; } /*-- yellow --*/ .themebtn-yellow, .submit-yellow input[type="submit"], .reset-yellow input[type="reset"] { background-color: #fbc02d; border-color: #fbc02d; color: #202223 !important; } .themebtn-flat-yellow { background-color: transparent; border-color: #fbc02d; color: #fbc02d !important; } /*-- brown --*/ .themebtn-brown, .submit-brown input[type="submit"], .reset-brown input[type="reset"] { background-color: #5d4037; border-color: #5d4037; color: #fff !important; } .themebtn-flat-brown { background-color: transparent; border-color: #5d4037; color: #5d4037 !important; } /*-- grey --*/ .themebtn-grey, .submit-grey input[type="submit"], .reset-grey input[type="reset"] { background-color: #747678; border-color: #747678; color: #fff !important; } .themebtn-flat-grey { background-color: transparent; border-color: #747678; color: #747678 !important; } /*-- white --*/ .themebtn-white, .submit-white input[type="submit"], .reset-white input[type="reset"] { background-color: #fff; border-color: #fff; color: #202223 !important; } .themebtn-flat-white { background-color: transparent; border-color: #fff; color: #fff !important; } /*----- button Hovers -----*/ .themebtn:hover, .submitbtn:hover, input[type="submit"]:hover, input[type="reset"]:hover { background-color: #151617; border-color: #151617; color: #fff !important; } .themebtn-indigo:hover, .submit-indigo input[type="submit"]:hover, .reset-indigo input[type="reset"]:hover, .themebtn-flat-indigo:hover { background-color: #311b92; border-color: #311b92; } .themebtn-red:hover, .submit-red input[type="submit"]:hover, .reset-red input[type="reset"]:hover, .themebtn-flat-red:hover { background-color: #b71c1c; border-color: #b71c1c; } .themebtn-pink:hover, .submit-pink input[type="submit"]:hover, .reset-pink input[type="reset"]:hover, .themebtn-flat-pink:hover { background-color: #880e4f; border-color: #880e4f; } .themebtn-purple:hover, .submit-purple input[type="submit"]:hover, .reset-purple input[type="reset"]:hover, .themebtn-flat-purple:hover { background-color: #4a148c; border-color: #4a148c; } .themebtn-blue:hover, .submit-blue input[type="submit"]:hover, .reset-blue input[type="reset"]:hover, .themebtn-flat-blue:hover { background-color: #0d47a1; border-color: #0d47a1; } .themebtn-cyan:hover, .submit-cyan input[type="submit"]:hover, .reset-cyan input[type="reset"]:hover, .themebtn-flat-cyan:hover { background-color: #006064; border-color: #006064; } .themebtn-teal:hover, .submit-teal input[type="submit"]:hover, .reset-teal input[type="reset"]:hover, .themebtn-flat-teal:hover { background-color: #004d40; border-color: #004d40; } .themebtn-green:hover, .submit-green input[type="submit"]:hover, .reset-green input[type="reset"]:hover, .themebtn-flat-green:hover { background-color: #1b5e20; border-color: #1b5e20; } .themebtn-lime:hover, .submit-lime input[type="submit"]:hover, .reset-lime input[type="reset"]:hover, .themebtn-flat-lime:hover { background-color: #827717; border-color: #827717; } .themebtn-orange:hover, .submit-orange input[type="submit"]:hover, .reset-orange input[type="reset"]:hover, .themebtn-flat-orange:hover { background-color: #bf360c; border-color: #bf360c; } .themebtn-skyblue:hover, .submit-skyblue input[type="submit"]:hover, .reset-skyblue input[type="reset"]:hover, .themebtn-flat-skyblue:hover { background-color: #01579b; border-color: #01579b; } .themebtn-yellow:hover, .submit-yellow input[type="submit"]:hover, .reset-yellow input[type="reset"]:hover, .themebtn-flat-yellow:hover { background-color: #f57f17; border-color: #f57f17; } .themebtn-brown:hover, .submit-brown input[type="submit"]:hover, .reset-brown input[type="reset"]:hover, .themebtn-flat-brown:hover { background-color: #3e2723; border-color: #3e2723; } .themebtn-grey:hover, .submit-grey input[type="submit"]:hover, .reset-grey input[type="reset"]:hover, .themebtn-flat-grey:hover { background-color: #202223; border-color: #202223; } .themebtn-white:hover, .submit-white input[type="submit"]:hover, .reset-white input[type="reset"]:hover, .themebtn-flat-white:hover { background-color: #202223; border-color: #202223; } /*----------------------------------------*/ /*----- 5 List styles -----*/ /*----------------------------------------*/ /*----- General -----*/ ul, ol { margin: 0 0 10px 0; padding: 0; list-style-position: inside; display: block; } ul ul, ol ol { margin-left: 20px; margin-top: 5px; } .list li { margin-bottom: 10px; } .list-icon i { color: inherit; position: absolute; top: 18px; left: 0; } .list-icon { padding: 15px 0; margin: 0; position: relative; } .list-icon-border { border-style: solid; border-width: 0 0 1px 0; display: block; } ol li { margin-bottom: 10px; } .list-icon { padding-left: 30px; line-height: 1.4em; } /* Icon lists */ .list-checkmark li, .list-checkmark-circle li, .list-checkmark-square li, .list-star li, .list-arrow li, .list-arrow-circle li, .list-heart li, .list-circle li, .list-sitemap li { background: none; margin-bottom: 10px; list-style-type: none; display: block; font-size: 14px; } .list-medium.list-checkmark li, .list-medium.list-checkmark-circle li, .list-medium.list-checkmark-square li, .list-medium.list-star li, .list-medium.list-arrow li, .list-medium.list-arrow-circle li, .list-medium.list-heart li, .list-medium.list-circle li, .list-medium.list-inline li, .list-medium.list-separator li { font-size: 16px; } .list-big.list-checkmark li, .list-big.list-checkmark-circle li, .list-big.list-checkmark-square li, .list-big.list-star li, .list-big.list-arrow li, .list-big.list-arrow-circle li, .list-big.list-heart li, .list-big.list-circle li, .list-big.list-inline li, .list-big.list-separator li { font-size: 20px; } .list-checkmark, .list-checkmark-circle, .list-checkmark-square, .list-star, .list-arrow, .list-arrow-circle, .list-heart, .list-circle { list-style: outside none none; } .list-arrow li, .list-arrow-circle li, .list-checkmark li, .list-checkmark-circle li, .list-checkmark-square li, .list-star, .list-heart, .list-circle { padding-left: 20px; } .list-checkmark li:before, .list-checkmark-circle li:before, .list-checkmark-square li:before, .list-star li:before, .list-arrow li:before, .list-arrow-circle li:before, .list-heart li:before, .list-circle li:before { float: left; width: 25px; margin-left: -20px; } .list-checkmark li:before { font-family: 'icomoon'; content: "\e5ca"; font-size: 16px; } .list-checkmark-circle li:before { font-family: 'icomoon'; content: "\e86c"; font-size: 16px; } .list-checkmark-square li:before { font-family: 'icomoon'; content: "\e834"; font-size: 16px; } .list-star li:before { font-family: 'icomoon'; content: "\f005"; font-size: 16px; } .list-arrow li:before { font-family: 'icomoon'; content: "\e315"; font-size: 16px; } .list-arrow-circle li:before { font-family: 'icomoon'; content: "\e102"; font-size: 16px; } .list-heart li:before { font-family: 'icomoon'; content: "\f004"; font-size: 16px; } .list-circle li:before { font-family: 'icomoon'; content: "\ea51"; font-size: 16px; } /* Sitemap list */ .list-sitemap { float: left; width: 48%; margin-right: 2%; margin-bottom: 60px; } .list-sitemap:last-child { margin-right: 0; } /* Inline list */ .list-inline, .list-inline.list-left, .list-inline.list-right { display: block; width: 100%; text-align: center; line-height: 1.4em; margin: 0; } .list-inline li { padding: 0 10px; background: none; list-style-type: none; display: inline-block !important; } .list-left li { text-align: left; padding: 0 20px 0 0; } .list-right li { text-align: right; padding: 0 0 0 20px; } .list-inline.list-left li:last-child, .list-inline.list-right li:last-child { padding: 0; } .left-icon, .right-icon { margin-left: 10px; color: inherit; line-height: 1em; vertical-align: baseline; } .left-icon { margin-right: 10px; margin-left: 0; } .list-inline.list-left { text-align: left; } .list-inline.list-right { text-align: right; } /* List with separator */ .list-separator, .list-separator.list-left, .list-separator.list-right { display: block; width: 100%; text-align: center; margin: 0; } .list-separator.list-left { text-align: left; } .list-separator.list-right { text-align: right; } .list-separator li { display: inline-block !important; margin-bottom: 0; border-right-width: 1px; border-right-style: solid; padding: 0 15px; } .list-separator li:last-child { border-right: none; } .list-separator.list-left li:first-child { padding-left: 0; } .list-separator.list-right li:last-child { padding-right: 0; } /*----------------------------------------*/ /*----- 6 Header -----*/ /*----------------------------------------*/ /*-- Header Commons --*/ #header-wrapper { position: relative; } #header { width: 100%; padding: 0; } .header-left, .topbar-left { float: left; } .header-right, .topbar-right { float: right; display: table; } .header-text, .topbar-text { display: table-cell; vertical-align: middle; } #header-v1 .topbar-text { display: block; } .header-search { display: table-cell; vertical-align: middle; padding-left: 20px; } #header .sf-menu, #header-sticky .sf-menu { float: right; } /* topbar */ #topbar { width: 100%; padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; } .topbar-4col li { width: 25%; padding-right: 20px; } .topbar-3col li { width: 33.333333%; padding-right: 20px; } .topbar-2col li { width: 50%; padding-right: 20px; } .topbar-2col li:last-child, .topbar-3col li:last-child, .topbar-4col li:last-child { padding-right: 0; } .topbar-icon-list { margin-bottom: 0; } .topbar-icon-list li { text-align: left; position: relative; float: left; list-style: none; } .topbar-icon-list li:last-child { padding-right: 0; } .topbar-icon-list h1, .topbar-icon-list h2, .topbar-icon-list h3, .topbar-icon-list h4, .topbar-icon-list h5, .topbar-icon-list h6 { margin-bottom: 0; line-height: 1.1em; } .topbar-icon-list i { position: absolute; font-size: 32px; top: 50%; left: 0; margin-top: -15px; } .topbar-icon-list li { padding-left: 50px; } /*-- Logo --*/ .logo { text-align: left; } .logo a { font-size: 16px; line-height: 1em; display: inline-block; } .logo img { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; text-align: center; } /*-- Main Menu --*/ .main-navigation { display: block; position: relative; } .sf-menu { margin: 0; padding: 0; list-style: none; } .sf-menu li { margin: 0; padding: 0; } .sf-menu ul { padding: 20px 0; margin: 0 0 0 -30px; list-style: none; position: absolute; top: -999em; min-width:100%; width:auto; -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.15); box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.15); } .sf-menu ul li { width: 100%; white-space:nowrap; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu li li { margin-left: 0; } .sf-menu a { display: block; text-align: left; position: relative; } .sf-menu ul a { width: 100%; float:left; border-bottom-width: 1px; border-bottom-style: solid; } .sf-menu:first-child > li a { text-align: center; } .sf-menu:first-child > li li a { text-align: left; } .sf-menu li.megamenu li:last-child a { border-bottom-width: 1px; border-bottom-style: solid; } .sf-menu ul li:last-child a, .sf-menu li.megamenu li li:last-child a { border-bottom-width: 0; } .sf-menu ul li:last-child li a { border-bottom-width: 1px; } .sf-menu ul li:last-child li:last-child a { border-bottom-width: 0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 10px; top: auto; z-index: 1001; } .sf-menu li.megamenu:hover > ul.sub-menu, .sf-menu li.megamenu.sfHover > ul.sub-menu { top: auto; left: 0; } .sf-menu > li.last > ul { left: auto; right: 0; } .sf-menu ul li.last ul, .sf-menu ul ul li.last ul, .sf-menu ul ul ul li.last ul { left: -100% !important; right: auto; } .ie8 .sf-menu li:hover ul, .ie8 .sf-menu li.sfHover ul { zoom: 1; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 100%; top: -20px; margin-left: 0; } .sf-menu > li.menu-item-has-children > a:after, .sf-menu > li li.menu-item-has-children > a:after { font-family: 'icomoon'; content: "\e313"; font-weight: normal; font-style: normal; display: inline; padding-left: 5px; vertical-align: bottom; font-size: 14px; } .sf-menu > li li.menu-item-has-children { position: relative; } .sf-menu > li li.menu-item-has-children > a:after { font-family: 'icomoon'; content: "\e315"; position: absolute; top: 50%; margin-top: -6px; right: 10px; } .sf-menu > .megamenu li.menu-item-has-children > a:after { content: none; } .sf-menu a .sf-sub-indicator, .sf-menu li li a .sf-sub-indicator, .sf-menu li li a .sf-sub-indicator:last-child { display: none; } /* megamenu */ .megamenu ul { margin-left: 0; } .megamenu ul ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sf-menu > li.megamenu { position: static !important; } .sf-menu > li.megamenu > ul { display: table; } .sf-menu > li.megamenu.columns-3 > ul > li { width: 33.33%; } .sf-menu > li.megamenu.columns-4 > ul > li { width: 25%; } .sf-menu > li.megamenu.columns-5 > ul > li { width: 20%; } .sf-menu > li.megamenu.columns-6 > ul > li { width: 16.66%; } .sf-menu > li.megamenu > ul.sub-menu { width: 100%; padding: 0; left: 0; } .sf-menu > li.megamenu > ul.sub-menu > li { padding: 20px; border-left-width: 1px; border-left-style: solid; } .sf-menu > li.megamenu > ul.sub-menu > li:first-child { border-left: 0; } .sf-menu > li.megamenu > ul > li { width: 33.33%; padding: 0; display: table-cell !important; vertical-align: top; float: none; } .sf-menu > li.megamenu > ul > li ul { width: 100%; padding: 0; top: 0; left: 0; display: block !important; visibility: visible !important; position: relative; } .sf-menu > li.megamenu > ul > li > a { font-weight: bold; border-bottom-width: 1px !important; border-bottom-style: solid !important; position: relative; } .sf-menu > li.megamenu.hide-title > ul > li > a { display: none; } /*-- Page Header --*/ #page-header { padding: 60px 0; } .page-title-wrapper { float: left; width: 80%; } .page-title { line-height: 1em; margin-bottom: 10px; } /* breadrcrumb */ .breadcrumbs { padding: 0; margin: 0; } .breadcrumbs li { list-style: none; display: inline; margin: 0; } .breadcrumbs li:after { font-family: 'icomoon'; content: "\e605"; vertical-align: bottom; margin: 0 0 0 2px; font-size: 14px; } .breadcrumbs li:last-child:after { content: none; } /*-- Responsive Menu --*/ .slicknav_menu { display: none; } /*-- sticky header --*/ #header-sticky { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); } #header-sticky .header-sticky-inner { margin: 0 auto; } .admin-bar #header-sticky { margin-top: 32px } /*-- header dimensions --*/ .sf-menu:first-child > li a { height: 100px; line-height: 100px; padding: 0; margin-right: 35px; } .sf-menu:first-child > li:last-child a { margin-right: 0; } #header-v1 .sf-menu:first-child > li a { height: 70px; line-height: 70px; } .sf-menu:first-child > li li a, #header-v1 .sf-menu:first-child > li li a { height: auto; line-height: 1em; padding: 12px 30px 12px 20px !important; margin: 0; } #header-sticky .sf-menu:first-child > li a { height: 80px; line-height: 80px; } #header-sticky .sf-menu:first-child > li li a { height: auto; line-height: 1em; padding: 12px 30px 12px 20px !important; margin: 0; } #header-sticky .logo { margin-top: 10px; } .header-right { margin-top: 10px; } #header-v1 #header { padding: 20px 0; } #header-v2 .logo, #header-v3 .logo { margin-top: 20px; } /*----------------------------------------*/ /*----- 7 Commons -----*/ /*----------------------------------------*/ /*-- Spacer --*/ .spacer { width: 100%; display: block; clear: both; } .spacer-wide { min-height: 1px; display: inline-block; } /*-- line divider --*/ .line-separator { width: 100px; border-top-width: 2px; border-top-style: solid; display: block !important; margin: 0 auto; } .line-separator-wrapper { display: block !important; margin: 0 auto; } .line-top { width: 40px; border-top-width: 2px; border-top-style: solid; display: block !important; margin: 0 auto 2px auto; } .line-bottom { width: 20px; border-bottom-width: 1px; border-bottom-style: dotted; display: block !important; margin: 0 auto; } .line-separator.left-separator, .line-separator-wrapper.left-separator, .line-separator-wrapper.left-separator .line-top, .line-separator-wrapper.left-separator .line-bottom { margin-left: 0 !important; } .line-separator.right-separator, .line-separator-wrapper.right-separator, .line-separator-wrapper.right-separator .line-top, .line-separator-wrapper.right-separator .line-bottom { margin-right: 0 !important; } /*-- icon divider --*/ .divider-icon i, .divider-icfull i, .divider-icleft i, .divider-icleft-full i, .divider-icright i, .divider-icright-full i { font-size: 24px; } .divider-icon::before, .divider-icon::after, .divider-icfull::before, .divider-icfull::after, .divider-icleft::after, .divider-icright::after, .divider-icleft-full::after, .divider-icright-full::after { content: ''; display: block; width: 40px; height: 1px; position: absolute; top: 13px; } /*icon divider - center*/ .divider-icon, .divider-icfull { width: 140px; margin: 0 auto; text-align: center; position: relative; } .divider-icon:before { right: 50%; margin-right: 20px; } .divider-icon:after { left: 50%; margin-left: 20px; } .divider-icfull { margin: 0; width: auto; } .divider-icfull:before { width: auto; right: 50%; left: 0; margin-right: 20px; } .divider-icfull:after { width: auto; left: 50%; right: 0; margin-left: 20px; } /*icon divider - left*/ .divider-icleft { margin: 0; text-align: left; position: relative; } .divider-icleft:after { width: 100px; left: 35px; } .divider-icleft-full { text-align: left; position: relative; } .divider-icleft-full:after { width: auto; min-width: 40px; right: 0; left: 35px; } /*icon divider - right*/ .divider-icright { margin: 0; text-align: right; position: relative; } .divider-icright:after { width: 100px; right: 35px; } .divider-icright-full { text-align: right; position: relative; } .divider-icright-full:after { width: auto; min-width: 40px; right: 35px; left: 0; } /*-- Icon Features --*/ .feature-icon { display: block; } .feature-icon-top .feature-icon-desc { margin-top: 25px; } .feature-icon i { font-size: 48px; } .feature-icon h5 { margin-bottom: 0; padding-bottom: 10px; } .feature-icon.icwrap-box { border-style: solid; border-width: 1px; padding: 30px 20px; } /* feature left */ .feature-icon-left .icon-wrapper { float: left; } .feature-icon-left .feature-icon-desc { padding-left: 20px; } .feature-icon-left .feature-gutter { padding-left: 48px; } .feature-circle .feature-icon-left .feature-gutter, .feature-square .feature-icon-left .feature-gutter { padding-left: 0; } /* feature right */ .feature-icon-right .icon-wrapper { float: right; } .feature-icon-right .feature-gutter { padding-right: 48px; } .feature-icon-right .feature-icon-desc { padding-right: 20px; } .feature-circle .feature-icon-right .feature-gutter, .feature-square .feature-icon-right .feature-gutter { padding-right: 0; } .feature-circle .icon-wrapper, .feature-square .icon-wrapper { width: 70px; height: 70px; display: inline-block; border-style: solid; border-width: 1px; text-align: center; } .feature-circle .icon-wrapper { border-radius: 100%; } .feature-circle .icon-wrapper i, .feature-square .icon-wrapper i { font-size: 32px !important; text-align: center; vertical-align: middle; line-height: 70px; } .feature-circle .feature-icon-left .feature-icon-desc, .feature-square .feature-icon-left .feature-icon-desc { padding-left: 90px; } .feature-circle .feature-icon-right .feature-icon-desc, .feature-square .feature-icon-right .feature-icon-desc { padding-right: 90px; } /* feature hover */ .feature-icon.ichover1 .icon-wrapper { transform: translate3d(0px, 0px, 0px); transition: all 0.5s ease 0s; } .feature-icon.ichover1:hover .icon-wrapper { transform: translate3d(0px, -5px, 0px); } .feature-icon.ichover2 .icon-wrapper { backface-visibility: hidden; transform: translateZ(0px); transform-origin: 100% 0 0; } .feature-icon.ichover2:hover .icon-wrapper, .feature-icon.ichover2:focus .icon-wrapper, .feature-icon.ichover2:active .icon-wrapper { animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-bottom; animation-timing-function: ease-in-out; } .feature-icon.ichover3 .icon-wrapper { backface-visibility: hidden; transform: translateZ(0px); } .feature-icon.ichover3:hover .icon-wrapper, .feature-icon.ichover3:focus .icon-wrapper, .feature-icon.ichover3:active .icon-wrapper { animation-duration: 1s; animation-iteration-count: 1; animation-name: hvr-wobble-horizontal; animation-timing-function: ease-in-out; } /*-- Testimonial --*/ .testimonial { font-size: 14px; line-height: 1.65; font-style: italic; } .testimonial-content { margin-top: 20px; } .testimonial-center { text-align: center; } .client-info-wrapper { margin: 20px 0; } .client-job { font-size: 14px; font-style: normal; } .testimonial.testimonial-styled .client-info { display: block; } .testimonial-center .client-job::after { font-family: 'icomoon'; content: "\e836"; display: inline; margin: 0 10px; font-size: 6px; vertical-align: middle; } .testimonial-center .client-name { display: inline-block; } .testimonial.testimonial-styled .quote-icon { position: relative; } .testimonial.testimonial-styled .quote-icon::after { font-family: 'icomoon'; content: "\e98e"; position: absolute; bottom: -15px; top: auto; left: 20px; font-style: normal; font-size: 16px; border-radius: 35px; width: 35px; height: 35px; line-height: 35px; text-align: center; } .testimonial.testimonial-styled .quote-icon-default { width: 35px; height: 35px; } .testimonial.testimonial-styled .quote-icon-default.quote-icon::after { left: 0; } .testimonial.testimonial-center .quote-icon, .testimonial.testimonial-center .quote-icon-default, .testimonial-center .client-img { display: none; } /*-- Box --*/ .box, .sc-box, .link-box, .career-box { padding: 15px; border-style: solid; border-width: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*-- CTA / Promo Box --*/ .cta-box { padding: 20px; border-width: 0; border-style: solid; display: block; overflow: visible; position: relative; z-index: 9; box-sizing: inherit; } .cta-box .themebtn { float: right; margin: 0 0 10px 10px; } .cta-left { float: left; width: 70%; } .cta-right { float: left; width: 30%; } .cta-box.cta-center { text-align: center; } .cta-box.cta-center .cta-left, .cta-box.cta-center .cta-right { width: 100%; float: none; } .cta-box.cta-center .themebtn { float: none; margin: 10px 0 0 0; } .cta-box span h3, .cta-box span h6 { color: inherit; } /*-- Career Box --*/ .career-box { padding: 30px; border-width: 1px; } .career-box .cta-left { float: left; width: 30%; } .career-box .cta-middle { float: left; width: 50%; } .career-box .cta-right { float: left; width: 20%; text-align: center; } .career-box .themebtn { float: none; margin: 0; } /*-- Link Box --*/ .link-box { padding: 20px 20px 10px 20px; position: relative; border-style: solid; border-width: 2px; } .link-box img, .link-box i { position: absolute; top: 5px; right: 5px; } .link-box i { font-size: 16px; } .link-box img { width: 30px; height: 30px; } .link-box.no-border-box { border: 0; } /*-- Info Box --*/ .info-box-head { padding: 7px 20px; } .info-box-head .info-box-title { color: inherit; float: left; margin: 0; } .info-box-head i, .info-box-head img { float: right; font-size: 25px; } .info-box-head img { width: 30px; height: 30px; } .info-box-content { padding: 20px 15px; border-width: 1px; border-style: solid; border-top: none; } /*-- Info fetaure --*/ .feature-info i, .feature-info img { margin-right: 15px; vertical-align: middle; } .feature-info hr { height: 2px; border: none; margin: 15px 0; } .feature-info-heading { font-size: 48px; } .feature-info-subtext { font-size: 24px; } /*-- Customer story --*/ .customer-story-thumb, .customer-story-content { width: 50%; float: left; } .customer-story-content { padding: 60px 60px 30px 60px; } .story-subtitle { display: block; } .story-grid .customer-story-thumb, .story-grid .customer-story-content { width: 100%; float: none; } .story-grid .customer-story-content { padding: 20px 0; } /*-- Team --*/ .team .member-job { display: block; } .member-meta, .member-single-info .member-image { margin-bottom: 15px; } .member-excerpt { padding: 15px 0; } .team-member-circle img { border-radius: 170px; } .single-member-contact { margin-top: 15px; } .team-vcard .member-image, .team-vcard .member-meta { float: left; width: 50%; } .team-vcard .member-meta { padding-left: 30px; } .team .read-more-link { display: block; margin-top: 20px; } .team-default .member-image { margin-bottom: 20px; } /*-- Blockquote --*/ blockquote { padding: 5px 0 5px 30px; font-size: inherit; line-height: 1.55; } blockquote.pull-right { padding: 5px 30px 5px 0; text-align: right; } blockquote, blockquote.pull-right { border-style: solid; border-width: 0 0 0 2px; } blockquote.pull-right { border-width: 0 2px 0 0 !important; } .quote-source { display: block; font-size: 12px; margin-top: 10px; } .quote-with-logo .quote-content { font-size: 12px; font-style: italic; margin-top: 0; margin-bottom: 30px; } .quote-with-logo img { margin-right: 20px; float: left; } .quote-with-logo .quote-subtext { font-size: 14px; display: block; } /*-- video lightbox --*/ .video-play { text-align: center; margin: 0 auto; } .video-play-icon { width: 90px; height: 90px; margin: 15px 30px; border-radius: 50%; display: inline-block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .video-play-icon:after { width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; pointer-events: none; position: absolute; top: -7px; left: -7px; padding: 7px; -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; } .video-play-icon:before { font-family: 'icomoon'; content: "\e986"; speak: none; font-size: 32px; line-height: 90px; margin-right: -5px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .video-play-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*----------------------------------------*/ /*----- 8 Footer -----*/ /*----------------------------------------*/ #footer { padding: 60px 0 30px 0; } #take-to-top { width: 50px; height: 60px; padding: 12px 0 0; font-size: 12px !important; line-height: 12px; text-align: center; display: none; position: fixed; right: 0; bottom: 55px; z-index: 9999; text-decoration: none; } #take-to-top:before { font-family: 'icomoon'; content: "\e607"; } #take-to-top span { display: block; margin-top: 5px; } #copyright { padding-top: 20px; border-top-width: 1px; border-top-style: solid; } #copyright .widget { margin-bottom: 0; } #copyright .col-md-12 { text-align: center; } #copyright .col-md-6:nth-child(2) { text-align: right; } /*----------------------------------------*/ /*----- 9 Owl carousel -----*/ /*----------------------------------------*/ .owl-wrapper-outer { position: relative; } .owl-wrap { margin-left: -15px; margin-right: -15px; } /*-- Pagination --*/ .tcsn-theme .owl-pagination { text-align: center; } .tcsn-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .tcsn-theme .owl-controls .owl-page span { width: 10px; height: 10px; margin: 0 2px; display: block; border-radius: 10px; border-width: 2px; border-style: solid; } .tcsn-theme .owl-controls .owl-page.active span { width: 10px; height: 10px; border:0; } .tcsn-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /*-- theme: tcsn-theme --*/ .tcsn-theme .owl-controls .owl-buttons div { display: block; zoom: 1; } .tcsn-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; text-decoration: none; } .tcsn-theme .owl-prev, .tcsn-theme .owl-next { font-size: 16px !important; line-height: 16px; text-align: center; display: inline-block; } .tcsn-theme .owl-prev, .tcsn-theme .owl-next { width: 50px; height: 50px; line-height: 50px; position: absolute; top: 50%; left: -50px; margin-top: -35px; } .tcsn-theme .owl-next { position: absolute; top: 50%; right: -50px; left: auto; } .tcsn-theme .owl-prev:after { font-family: 'icomoon'; content: "\e605"; vertical-align: top; } .tcsn-theme .owl-next:after { font-family: 'icomoon'; content: "\e606"; vertical-align: top; } /*-- shortcode specific settings --*/ .testimonial-styled.tcsn-theme .owl-pagination { text-align: left; } .testimonial-carousel .item { padding: 0 3px; } .client-carousel .item { padding-bottom: 1px; } .client-carousel .item img { border-width: 1px; border-style: solid; } .client-carousel.tcsn-theme .owl-prev { left: -20px; } .client-carousel.tcsn-theme .owl-next { right: -20px; } .client-carousel .item { padding: 0 10px; } .recentpost-carousel .item { margin: 0 15px; } .recentpost-carousel img { margin-bottom: 20px; } .recentpost-carousel .recentpost-heading { margin-bottom: 5px; } .recentpost-carousel .post-meta-wrapper { margin: 0; } .recentpost-excerpt { margin-top: 20px; } .recentpost-carousel .read-more-link { display: block; margin-top: 10px; } /*----------------------------------------*/ /*----- 10 Portfolio -----*/ /*----------------------------------------*/ .portfolio-item { position: relative; float: left; margin-bottom: 30px; } .filter-content p { margin: 0; padding: 0; } .single-tcsn_portfolio .post-thumb { margin-top: 30px; } /* filter nav */ .filter_nav { display: block; text-align: left; margin-bottom: 30px; } .filter_nav li { padding:0; margin: 0; display:inline; list-style-type: none; } .filter_nav li a { margin: 0; margin-left: -1px; display: inline-block; font-weight: 400; text-transform: none; } .filter_nav li a::after { font-family: 'icomoon'; content: "\e836"; display: inline; margin: 0 7px; font-size: 6px; vertical-align: middle; } .filter_nav li:last-child a::after { content: none; } /* thumb */ .portfolio-item figure, .member-image figure { position: relative; overflow: hidden; } .portfolio-item figure img, .member-image figure img { width: 100%; height:auto; display:block; position: relative; } .portfolio-item figcaption, .member-image figcaption { width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0.1); } .portfolio-item .folio-thumb:hover figcaption, .member-image:hover figcaption { opacity: 1; transform: scale(1); } .zoom-icon-wrapper { position: absolute; bottom: 20px; left: 20px; top: auto; } .media-zoom, .media-link { margin-right: 5px; padding: 10px 20px; font-size: 12px; line-height: 12px; display: inline-block; text-align: center; position: relative; z-index: 2; } .folio-thumb { margin-bottom: 20px; } .portfolio-excerpt { margin-top: 10px; } .portfolio-item-highight figcaption { opacity: 1; transform: scale(1); } /* portfolio grid */ .portfolio-grid-2col, .portfolio-grid-3col, .portfolio-grid-4col, .portfolio-grid-5col { margin: 0 -15px; } .portfolio-grid-2col.portfolio-compact, .portfolio-grid-3col.portfolio-compact, .portfolio-grid-4col.portfolio-compact, .portfolio-grid-5col.portfolio-compact { margin: 0; } .portfolio-grid-2col .portfolio-item { width: 50%; padding: 0 15px; } .portfolio-grid-3col .portfolio-item { width: 33.33333333%; padding: 0 15px; } .portfolio-grid-4col .portfolio-item { width: 25%; padding: 0 15px; } .portfolio-grid-5col .portfolio-item { width: 20%; padding: 0 15px; } .portfolio-grid-2col.portfolio-compact .portfolio-item, .portfolio-grid-3col.portfolio-compact .portfolio-item, .portfolio-grid-4col.portfolio-compact .portfolio-item, .portfolio-grid-5col.portfolio-compact .portfolio-item { padding: 0; } .portfolio-compact .portfolio-item, .portfolio-compact .folio-thumb { margin-bottom: 0; } .portfolio-compact .portfolio-excerpt-wrapper { padding: 20px; } /*----------------------------------------*/ /*----- 11 Pricing -----*/ /*----------------------------------------*/ .pricing { margin-bottom: 20px; border-style: solid; border-width: 0; text-align: center; } .prtb-title, .prtb-price { font-size: 64px; line-height: 64px; font-weight: bold; display: block; } .prtb-title { margin-bottom: 15px; font-size: 32px; line-height: 32px; } .prtb-price sub { vertical-align: middle; font-size: 22px; font-weight: normal; display: inline-block; } .pricing .themebtn { margin: 30px 0 0 0; } .list-pricing li { margin-bottom: 10px; padding-bottom: 10px; display: block; } .list-pricing { margin: 0; } .list-pricing li:last-child { margin-bottom: 0 !important; } .pricing i { margin: 0 5px; } .prtb-head { padding: 30px; } .prtb-content { padding: 30px; height: 100%; } .prtb-footnote { padding: 15px 30px; display: block; font-size: 22px; } .prtb-banner { height: 30px; line-height: 30px; padding: 0 30px; display: block; font-weight: bold; } .featured-table.pricing { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); position: relative; z-index:2; margin-top: -60px; } .featured-table.pricing:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); } .featured-table.pricing .prtb-head { padding: 60px 30px 30px 30px; } /*----------------------------------------*/ /*----- 12 Blog / Search / 404 page -----*/ /*----------------------------------------*/ .post-summary { margin: 20px 0; } .post-meta-wrapper { border-bottom: 1px solid #eee; padding: 7px 0; display: block; margin-bottom: 20px; } .meta-title { font-style: italic; } .post-footer { width: 100%; padding-bottom: 30px; margin-bottom: 30px; display: block; } .post-footer-meta { margin-bottom: 30px; } .post-content-left { float: left; width: 50%; padding-right: 30px; } .post-content-right { float: right; width: 50%; } .post-content-right .leave-comment-link { display: block; margin-left: 0; padding-left: 0; border: none; } .post-meta-wrapper .author::after, .post-meta-wrapper .entry-date::after, .post-meta-wrapper .leave-comment-link::before, .custom-recent-entries-date::before { font-family: 'icomoon'; content: "\e836"; display: inline; margin: 0 10px; font-size: 6px; vertical-align: middle; } .comment-edit-link { margin-left: 10px; } /*link and quote post format*/ .pf-quote, .pf-link { padding: 20px; background: #f4f8f9; border: 1px solid #e1e5e6; position: relative; } .pf-quote blockquote, .pf-link-text { padding: 0; margin: 0; border: none; font-size: 1.6em; line-height: 1.3em; color: #8c7159; } .post-meta-wrapper a { color: #202223; } .single .pf-quote, .single .pf-link { margin-bottom: 30px; } .pf-quote .post-meta-wrapper, .pf-link .post-meta-wrapper { margin-bottom: 15px; } .pf-quote::after, .pf-link::after { font-family: 'icomoon'; content: "\e98f"; font-size: 26px; position: absolute; bottom: 20px; right: 20px; } .pf-link::after { font-family: 'icomoon'; content: "\e9d9"; } /*-- Author bio --*/ .author-info { width: 100%; padding: 30px; margin: 0 0 30px 0; display: inline-block; border-width: 2px; border-style: solid; } .author-info p { margin: 0; } .author-avatar .avatar { margin-right: 20px; float: left; } .author-description { padding-left: 80px; } /*-- Search page --*/ .archive-thumb { margin-bottom: 10px; } .archive-inner { padding: 20px; margin-bottom: 30px; border-style: solid; border-width: 1px; } .archive-inner .post-footer { display: none; } .archive-entry-title { margin-bottom: 0; } .archive-excerpt { margin-top: 15px; } /*-- 404 error page --*/ .error-404 { padding: 10px 0 60px 0; text-align: center; } .error-form-wrapper { padding: 20px; } .heading-404 { font-size: 120px; margin-bottom: 20px; line-height: 120px; } .link-404 { margin-top: 20px; display: block; } /*----------------------------------------*/ /*----- 13 Comments -----*/ /*----------------------------------------*/ #comments { margin-top: 30px; } .page #comments { margin-bottom: 30px; } .commentlist { list-style: none; } .commentlist li ul { padding: 0 0 0 60px; margin: 0; list-style: none; } .commentlist > li { width: 100%; margin-bottom: 20px; padding-bottom: 10px; display: block; border-bottom-style: solid; border-bottom-width: 1px; } .commentlist .children > li { border-bottom: 0; padding-top: 20px; } .commentlist > li:last-child { margin-bottom: 20px; border-bottom: 0; } .commentlist .pingback, .commentlist .trackback { padding-top: 15px; } .commentlist, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; width: 100%; } .comment-text, .reply { margin-left: 78px; } .reply::before { font-family: 'icomoon'; content: "\e0a1"; margin-right: 5px; } .reply { text-transform: lowercase; } #cancel-comment-reply-link { padding-left: 10px; } .comment-author { float: left; width: 58px; height: 58px; overflow: hidden; margin-right: 20px; } .comment-author .avatar { float: left; margin-bottom: 5px; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { } .fn .custom-fn, .comment-meta-wrapper { display: block; } .comment-meta { margin-bottom: 10px; float: left; } .comment-awaiting-moderation { margin-left: 78px; margin-bottom: 0; } .comment-reply-title a { font-size: 22px; } .comment-reply-title small a { font-size: 1.1em; } #commentform #submit { text-transform: uppercase; } #comments .tcsn-post-navigation { margin-bottom: 30px; } /*----------------------------------------*/ /*----- 14 Pagers for pages, posts, comments, portfolio etc. -----*/ /*----------------------------------------*/ .tcsn-post-navigation { padding: 20px 20px; } .tcsn-single-post-nav { margin-bottom: 30px; } .tcsn-post-nav { list-style: none; margin: 0; padding: 0; } .tcsn-post-nav h5 { margin: 0; font-size: 13px; line-height: 16px; font-weight: bold; padding: 5px 0; } .tcsn-previous-link h5:before, .tcsn-next-link h5:after { font-size: 15px; line-height: 16px; font-family: 'icomoon'; content: "\e97f"; margin-right: 10px; font-weight: normal; vertical-align: text-top; } .tcsn-next-link h5:after, .read-more-link:after { font-family: 'icomoon'; content: "\e981"; margin-left: 5px; margin-right: 0; vertical-align: bottom; } .tags-links::before { font-family: 'icomoon'; content: "\e0a5"; margin-right: 10px; vertical-align: bottom; } .tags-links { display: block; border-width: 1px 0; border-style: solid; padding: 7px 0; margin-top: 20px; } .tcsn-previous-link { float: left; } .tcsn-next-link { float: right; } .tcsn-previous-link, .tcsn-next-link { width: 50%; } .tcsn-next-link { text-align: right; } .page-links { text-align: left; display: block; margin-top: 30px; margin-bottom: 20px; } .pagination-folio-page { text-align: left; display: block; margin-top: 30px; } .prev-folio-page a:before { font-family: 'icomoon'; content: "\e605"; font-size: 14px; } .next-folio-page a:before { font-family: 'icomoon'; content: "\e606"; font-size: 14px; } .page-links a, .page-link-current, .pagination-folio-page span a, .current-folio-page, .woocommerce-pagination ul.page-numbers .current, .woocommerce-pagination ul.page-numbers .page-numbers { width: 33px; height: 33px; margin-right: 3px; border-width: 2px; border-style: solid; vertical-align:top; text-align: center; line-height: 30px; display: inline-block; } /*----------------------------------------*/ /*----- 15 Forms -----*/ /*----------------------------------------*/ form { margin: 0; padding: 0; z-index: 0; } form p { margin-bottom: 0; } input[type=radio], input[type=checkbox] { margin: 0 10px 0 0; vertical-align: baseline; } .submit-center { text-align: center; display: block; } .submit-full .submitbtn, .submit-full input[type="submit"] { width: 100%; display: block; } .submitbtn, input[type="submit"] { margin: 0; } label { width: 100%; height: auto; line-height: 1.2em; } select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"] { width: 100%; padding: 11px 15px; margin: 0 0 10px 0 !important; border-width: 2px; border-style: solid; border-radius: 0; line-height: 1em; position: relative; } textarea, #commentform textarea { width: 100% !important; height: auto; line-height: 1.6em; } select { width: 100% !important; padding: 8px 10px; height: 44px; line-height: 30px; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="search"]:focus { box-shadow: none; opacity: 1 !important; } .post-password-form input[type="password"] { margin-top: 5px; } .woocommerce input[type="search"] { margin-bottom: 5px; } /*-- comment form --*/ #commentform label { display: none; } .comment-form-author, .comment-form-email, .comment-form-url { margin-right: 2%; width: 32%; float: left; } .comment-form-url { margin-right: 0 } .comment-form-url { margin: 0; } /*-- search --*/ .search-wrapper { position: relative; } .search-input-icon { width: auto; height: auto; font-size: 16px; line-height: 16px; text-align: center; position: absolute; right: 12px; top: 10px; display: inline-block; z-index: 3; } .header-search input[type="text"] { padding: 10px 40px 10px 15px; margin-bottom: 0 !important; } /*-- form column styles --*/ .field-col2, .field-col2-last { width: 49.5%; margin-right: 1%; float: left; } .field-col2-last { margin-right: 0; } .field-col3, .field-col3-last { width: 32.5%; margin-right: 1%; float: left; } .field-col3-last { margin-right: 0; } .field-col4, .field-col4-last { width: 24.25%; margin-right: 1%; float: left; } .field-col4-last { margin-right: 0; } /*-- contact form7 override --*/ .wpcf7-validation-errors { display: inline-block; margin: 0; } .wpcf7 .wpcf7-not-valid-tip { margin-bottom: 5px !important; margin-top: -10px; } span.wpcf7-list-item { display: block; } div.wpcf7-response-output { margin: 10px 0; } /*-- subscribe form --*/ .subscribe-form { position: relative; } .subscribe-form .field-col2 { width: 65%; margin: 0; } .subscribe-form .field-col2-last { width: 34%; margin: 0; } .subscribe-form input[type="text"], .subscribe-form input[type="email"] { height: 46px; } .subscribe-form .submitbtn, .subscribe-form input[type="submit"] { box-shadow: none; height: 46px; } .subscribe-form .wpcf7-validation-errors { position: absolute; left: 15px; top: -40px; } /*----------------------------------------*/ /*----- 16 Widgets -----*/ /*----------------------------------------*/ .post-thumb, .video-wrapper, .audio-wrapper, .gallery-wrapper, .post-gallery { margin-bottom: 20px; } .widget { margin-bottom: 30px; } .header-wiget-area .widget { margin-bottom: 0px; } .widget ul { list-style-type: none; padding: 0; margin: 0; } .widget ul li { display: block; } .widget-alert p { margin: 0 0 5px 0; padding: 0; } .widget-title, .comments-title, #reply-title { margin: 0 0 20px 0; padding-bottom: 5px; border-bottom-width: 2px; border-bottom-style: solid; } #footer .widget-title { margin: 0 0 10px 0; padding: 0; border: 0; } .post-title, #header-wrapper .widget-title { padding: 0; border: 0; } .comments-title::before { font-family: 'icomoon'; content: "\e0c8"; margin-right: 10px; } .comment-reply-title::before { font-family: 'icomoon'; content: "\e0af"; margin-right: 10px; } /*-- WP Archives / Category widget --*/ .widget_archive ul, .widget_categories ul { padding: 0; } .widget_archive ul li, .widget_categories ul li { padding: 0 0 15px 0; list-style-type: none; display: block; } .widget_archive select, .widget_categories select#cat { width: 99% !important; margin: 0; } .widget_archive option, .widget_categories option { height: 20px; } .widget_archive .children, .widget_categories .children { margin-left: 20px; } .widget_archive .post-count, .widget_categories .post-count { float: right; } /*-- WP Calendar widget --*/ #wp-calendar { width: 100%; text-align: center; } #wp-calendar thead th { text-align: center; border-style: solid; border-width: 1px; padding: 10px 5px; } #calendar_wrap { background-color: transparent; text-shadow: none; } #calendar_wrap th { padding: 5px; font-weight: normal; text-align: center; } #calendar_wrap td, #wp-calendar #prev, #wp-calendar #next { text-align: center; } #wp-calendar tr td { padding: 5px; border-style: solid; border-width: 1px; } #wp-calendar caption { text-align: left; } /*-- WP Meta widget --*/ .widget_meta ul li { margin-bottom: 5px; } /*-- WP Pages widget --*/ .widget_pages ul li { margin-bottom: 10px; list-style-type: none; display: block; overflow: hidden; } .widget_pages ul li li { margin-left: 20px; } .widget_pages ul li:before { font-family: 'icomoon'; margin-right: 10px; content: "\f105"; } .widget_pages ul li:last-child { margin-bottom: 0; border-bottom: none; } /*-- WP Recent posts widget --*/ .widget_recent_entries ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; } .widget_recent_entries ul li:last-child { border-bottom: none; } .widget_recent_entries ul li a { display: block; } /*-- WP Recent comments widget --*/ #recentcomments li { margin-bottom: 5px; } .widget_recent_comments li:before { font-family: 'icomoon'; margin-right: 7px; content: "\f0e6"; } /*-- WP Custom menu widget --*/ .widget_nav_menu ul { list-style-type: none; } .widget_nav_menu ul li a { padding: 10px 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; } .widget_nav_menu ul li:first-child a { border-top-width: 1px; border-top-style: solid; } .widget_nav_menu ul li li:first-child a { border-top-width: 0; } .widget_nav_menu ul li li { margin-left: 15px; } .widget_nav_menu .current-menu-item a { border-bottom-width: 2px; } /*-- WP RSS widget --*/ .widget_rss ul { list-style-type: none; } /*-- Custom recent-posts widget --*/ .custom-recent-entries li { display: block; margin-bottom: 20px; list-style-type: none !important; overflow: hidden; } .custom-recent-entries .recent-entry-title { margin-bottom: 0; } .custom-recent-entries-thumb { margin-bottom: 10px; margin-top: 10px; } .custom-recent-entries li:first-child .custom-recent-entries-thumb { margin-top: 0; } .recent-entries-info { margin-bottom: 0; } .custom-recent-entries-excerpt { display: block; padding-top: 10px; } .custom-recent-entries-date:first-child::before { content: none; } /*-- Flickr widget --*/ .tcsn_widget_flickr { margin-left: -1px; } .flickr_badge_image { width: 75px !important; height: 75px !important; float: left; margin: 0 0 1px 1px !important; } .flickr_badge_image a { display: block; } .flickr-feed p.flickr-stream a { background-image: url(img/flickr.png); background-position: left center; background-repeat: no-repeat; display: inline-block; padding-left: 25px; font-size: .8em; } /*-- Tag cloud widget --*/ .custom-tagcloud a, .custom-tagcloud a:link { padding: 0 10px !important; margin-right: 2px; margin-bottom: 2px; font-size: 12px !important; text-shadow: none; cursor: pointer; float: left; border: 2px solid #eee; } /* -- Contact info Widget --*/ .widget-contact-text { display: block; } .widget-phone:before, .widget-email:before, .widget-address:before { float: left; font-family: 'icomoon'; } .widget-phone, .widget-email, .widget-address { margin-bottom: 7px; } .widget-address:before { content: "\f124"; } .widget-phone:before, .widget-email:before { content: "\f095"; } .widget-email:before { content: "\f0e0"; } .widget-contact-text { padding-left: 30px; } /*-- Twitter feed widget --*/ .list-twitter { padding-top: 0 !important; float: none; } .list-twitter li { display: block; margin-bottom: 20px; } .list-twitter li:last-child { margin-bottom: 0; } .tweet-time { display: block; margin-top: 5px; } .twitter-info { display: block; margin-bottom: 20px; font-size: 1.2em; } .twitter-widget-icon { margin-right: 5px; vertical-align: middle; } /*-- Social and other circle / circle hover elements --*/ .social { padding: 0; margin: 0; } .social li { background: none; list-style-type: none; display: inline !important; margin: 0; } .social li a { width: 35px; height: 35px; margin-right: 2px; margin-bottom: 5px; display: inline-block; font-size: 14px; line-height: 14px; text-align: center; position: relative; z-index: 2; border: 2px solid #eee; padding-top: 9px; } .social li a { font-size: 16px; } #header-wrapper .social li a { margin-bottom: 0; } .team .social { margin-top: 10px; } .team .member-image figcaption .social { position: relative; top: 50%; text-align: center; margin-top: -18px; } .single-member-meta .social li a { float: left; } #copyright .col-md-6:nth-child(2) .social { float: right; } #copyright .col-md-12 .social li a { float: none; } /* social icons */ .social li a:before { vertical-align: bottom; } .social li a.behance:before { font-family: 'icomoon'; content: "\f1b4"; } .social li a.blogger:before { font-family: 'icomoon'; content: "\ea8c"; } .social li a.codepen:before { font-family: 'icomoon'; content: "\eabd"; } .social li a.delicious:before { font-family: 'icomoon'; content: "\eaa2"; } .social li a.dribbble:before { font-family: 'icomoon'; content: "\ea7c"; } .social li a.dropbox:before { font-family: 'icomoon'; content: "\f16b"; } .social li a.facebook:before { font-family: 'icomoon'; content: "\f09a"; } .social li a.flickr:before { font-family: 'icomoon'; content: "\ea79"; } .social li a.forumbee:before { font-family: 'icomoon'; content: "\f211"; } .social li a.foursquare:before { font-family: 'icomoon'; content: "\eaab"; } .social li a.github:before { font-family: 'icomoon'; content: "\ea85"; } .social li a.googleplus:before { font-family: 'icomoon'; content: "\f0d5"; } .social li a.instagram:before { font-family: 'icomoon'; content: "\f16d"; } .social li a.linkedin:before { font-family: 'icomoon'; content: "\ea9f"; } .social li a.paypal:before { font-family: 'icomoon'; content: "\f1ed"; } .social li a.pinterest:before { font-family: 'icomoon'; content: "\eaa6"; } .social li a.reddit:before { font-family: 'icomoon'; content: "\ea9b"; } .social li a.skype:before { font-family: 'icomoon'; content: "\ea9a"; } .social li a.soundcloud:before { font-family: 'icomoon'; content: "\ea98"; } .social li a.spotify:before { font-family: 'icomoon'; content: "\ea69"; } .social li a.stumbleupon:before { font-family: 'icomoon'; content: "\eaa3"; } .social li a.tumblr:before { font-family: 'icomoon'; content: "\ea8e"; } .social li a.twitter:before { font-family: 'icomoon'; content: "\ea6b"; } .social li a.yahoo:before { font-family: 'icomoon'; content: "\f19e"; } .social li a.youtube:before { font-family: 'icomoon'; content: "\f16a"; } .social li a.vimeo:before { font-family: 'icomoon'; content: "\f27d"; } .social li a.vine:before { font-family: 'icomoon'; content: "\f1ca"; } .social li a.vk:before { font-family: 'icomoon'; content: "\f189"; } .social li a.mail:before { font-family: 'icomoon'; content: "\f0e0"; } .social li a.rss:before { font-family: 'icomoon'; content: "\ea70"; } .social li a.xing:before { font-family: 'icomoon'; content: "\f168"; } .social li a.yelp:before { font-family: 'icomoon'; content: "\eaac"; } /*-- Social Share Dropdown --*/ .social-share { width: 11em; position: relative; text-align: left; padding: 0 0 10px 20px; float: right; font-size: 14px; cursor: pointer; } .social-share-dropdown { width: 11em; position: absolute; left: 0; top: 100%; display: block; z-index: 9999; visibility: hidden; border-width: 1px; border-style: solid; padding: 10px 0; } .social-share:hover .social-share-dropdown { display: block; visibility: visible; } .social-share-dropdown ul { padding: 0; margin: 0; } .social-share-dropdown ul li { position: relative; list-style: none; display: block; padding: 5px 20px; } .social-share-title { position: relative; display: block; } .social-share a { display: block; } .social-share .social-share-title::after { position: absolute; right:20px; top: 0px; margin-left: 10px; font-family: 'icomoon'; content: "\e80d"; } .social-share a::after { position: absolute; right:20px; top: 5px; margin-left: 10px; } .social-share .share-facebook::after { font-family: 'icomoon'; content: "\f082"; } .social-share .share-twitter::after { font-family: 'icomoon'; content: "\ea6b"; } .social-share .share-googleplus::after { font-family: 'icomoon'; content: "\f0d5"; } .social-share .share-linkedin::after { font-family: 'icomoon'; content: "\ea9f"; } .social-share .share-pinterest::after { font-family: 'icomoon'; content: "\eaa6"; } .social-share .share-mail::after { font-family: 'icomoon'; content: "\f0e0"; } /*----------------------------------------*/ /*----- 17 WordPress Core -----*/ /*----------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: none; border: none; max-width: 96%; padding: 5px 0; text-align: left; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; margin: 5px 0 0 0; padding: 0 4px 0 4px; } .bypostauthor, .screen-reader-text { } .gallery { margin: auto; } .gallery .gallery-item { float: left; margin: 0; text-align: center; border: none; padding: 10px; } .gallery .gallery-caption { margin-left: 0; } .gallery dl { margin: 0; } .gallery img { width: 100%; border: none !important; } .gallery-caption { color: #999; font-size: 12px; margin: -24px 0 24px 0; } .gallery br+br { display: none; } .sticky { padding: 20px; margin-bottom: 60px; border-style: solid; border-width: 1px; } /*----------------------------------------*/ /*----- 18 Miscellaneous -----*/ /*----------------------------------------*/ /*-- animation --*/ .animate-now { opacity: 0; filter: alpha(opacity=0); } .tcsn_animation.rubberBand, .tcsn_animation.shake, .tcsn_animation.swing, .tcsn_animation.bounceIn, .tcsn_animation.bounceInDown, .tcsn_animation.bounceInLeft, .tcsn_animation.bounceInRight, .tcsn_animation.bounceInUp, .tcsn_animation.fadeInDown, .tcsn_animation.fadeInLeft, .tcsn_animation.fadeInRight, .tcsn_animation.fadeInUp, .tcsn_animation.zoomIn, .tcsn_animation.rollIn { opacity: 1; filter: alpha(opacity=100); } /*-- transitions --*/ .header-search input[type="text"], .tcsn-theme .owl-prev, .tcsn-theme .owl-next, .pf-quote, .pf-link, .tcsn-post-navigation h5, .social-share-dropdown { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-item figure img, .member-image figure img, .portfolio-item figcaption, .member-image figcaption, select, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], .pricing { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }