/* Theme Name: vrukshagra Theme URI: http://wordpress.tanshcreative.com/vrukshagra/ Description: vrukshagra is a Responsive WordPress Theme Designed and Developed by Tansh. Version: 1.6.1 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: vrukshagra */ /*============================================================*/ /*/////////////////////////////////////////////////////////////////////*/ /*// //*/ /*// 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; } .video-wrapper iframe, .audio-wrapper iframe { max-width: 100%; } /*----------------------------------------*/ /*----- 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: 60px; } h2 { font-size: 36px; line-height: 48px; } h3 { font-size: 30px; line-height: 40px; } h4 { font-size: 24px; line-height: 32px; } h5, #reply-title { font-size: 18px; line-height: 26px; } h6 { font-size: 14px; line-height: 22px; } 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%; } .custom-link:hover, .read-more-link:hover { margin-left: 5px; } .align-right .custom-link:hover { margin-right: -5px; } .align-center .custom-link:hover { margin-left: 8px; } .custom-link i { margin-left: 10px; vertical-align: middle; } /*----------------------------------------*/ /*----- 3 Layout -----*/ /*----------------------------------------*/ .pad-top-none { padding-top: 0 !important; } .pad-bottom-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; } /*----------------------------------------*/ /*----- 4 Button Styles -----*/ /*----------------------------------------*/ .themebtn, .submitbtn, input[type="submit"], .highlight-btn, .filter_nav li a { width: auto; height: auto; padding: 15px 30px; margin: 10px 0; border-style: solid; border-width: 2px; border-radius: 5px; 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, .filter_nav li a { padding: 8px 15px; font-size: 12px; line-height: 12px; border-radius: 3px; } .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"] { background-color: #424242; border-color: #424242; color: #fff !important; } .themebtn-flat { background-color: #eee; border-color: #424242; color: #1c2a39 !important; } /*-- indigo --*/ .themebtn-indigo, .submit-indigo input[type="submit"] { background-color: #3f51b5; border-color: #3f51b5; color: #fff !important; } .themebtn-flat-indigo { background-color: #e8eaf6; border-color: #3f51b5; color: #3f51b5 !important; } /*-- red --*/ .themebtn-red, .submit-red input[type="submit"] { background-color: #f44336; border-color: #f44336; color: #fff !important; } .themebtn-flat-red { background-color: #ffebee; border-color: #f44336; color: #f44336 !important; } /*-- pink --*/ .themebtn-pink, .submit-pink input[type="submit"] { background-color: #e91e63; border-color: #e91e63; color: #fff !important; } .themebtn-flat-pink { background-color: #fce4ec; border-color: #e91e63; color: #ea4c88 !important; } /*-- purple --*/ .themebtn-purple, .submit-purple input[type="submit"] { background-color: #673ab7; border-color: #673ab7; color: #fff !important; } .themebtn-flat-purple { background-color: #ede7f6; border-color: #673ab7; color: #673ab7 !important; } /*-- blue --*/ .themebtn-blue, .submit-blue input[type="submit"] { background-color: #2196f3; border-color: #2196f3; color: #fff !important; } .themebtn-flat-blue { background-color: #e3f2fd; border-color: #2196f3; color: #2196f3 !important; } /*-- cyan --*/ .themebtn-cyan, .submit-cyan input[type="submit"] { background-color: #00bcd4; border-color: #00bcd4; color: #fff !important; } .themebtn-flat-cyan { background-color: #e0f7fa; border-color: #00bcd4; color: #00bcd4 !important; } /*-- teal --*/ .themebtn-teal, .submit-teal input[type="submit"] { background-color: #009688; border-color: #009688; color: #fff !important; } .themebtn-flat-teal { background-color: #e0f2f1; border-color: #009688; color: #009688 !important; } /*-- green --*/ .themebtn-green, .submit-green input[type="submit"] { background-color: #4caf50; border-color: #4caf50; color: #fff !important; } .themebtn-flat-green { background-color: #e8f5e9; border-color: #4caf50; color: #4caf50 !important; } /*-- lime --*/ .themebtn-lime, .submit-lime input[type="submit"] { background-color: #afb42b; border-color: #afb42b; color: #fff !important; } .themebtn-flat-lime { background-color: #f9fbe7; border-color: #afb42b; color: #afb42b !important; } /*-- orange --*/ .themebtn-orange, .submit-orange input[type="submit"] { background-color: #fb8c00; border-color: #fb8c00; color: #fff !important; } .themebtn-flat-orange { background-color: #fff3e0; border-color: #fb8c00; color: #fb8c00 !important; } /*-- skyblue --*/ .themebtn-skyblue, .submit-skyblue input[type="submit"] { background-color: #03a9f4; border-color: #03a9f4; color: #fff !important; } .themebtn-flat-skyblue { background-color: #e1f5fe; border-color: #03a9f4; color: #03a9f4 !important; } /*-- yellow --*/ .themebtn-yellow, .submit-yellow input[type="submit"] { background-color: #ffc107; border-color: #ffc107; color: #424242 !important; } .themebtn-flat-yellow { background-color: #fff8e1; border-color: #f1c40f; color: #1c2a39 !important; } /*-- brown --*/ .themebtn-brown, .submit-brown input[type="submit"] { background-color: #795548; border-color: #795548; color: #fff !important; } .themebtn-flat-brown { background-color: #efebe9; border-color: #795548; color: #795548 !important; } /*-- grey --*/ .themebtn-grey, .submit-grey input[type="submit"] { background-color: #9e9e9e; border-color: #9e9e9e; color: #fff !important; } .themebtn-flat-grey, .filter_nav li a { background-color: #fdfdfd; border-color: #eee; color: #424242 !important; } /*-- white --*/ .themebtn-white, .submit-white input[type="submit"] { background-color: #fff; border-color: #fff; color: #424242 !important; } .themebtn-flat-white { background-color: transparent; border-color: #fff; color: #fff !important; } /*----- button Hovers -----*/ .themebtn:hover, #submit:hover, input[type="submit"]:hover, .highlight-btn:hover, .filter_nav li a:hover, .filter_nav li a.active { background-color: #424242; border-color: #424242; color: #fff !important; } .themebtn:hover i { border-color: rgba(255, 255, 255, .3); } /*----------------------------------------*/ /*----- 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 { margin-right: 15px; margin-top: -2px; color: inherit; line-height: 1em; } .list-icon { padding: 15px 0; margin: 0; } .list-icon-border { border-style: solid; border-width: 0 0 1px 0; display: block; line-height: 1em; } ol { list-style-position: outside; } ol li { margin-bottom: 10px; } /* 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: 30px; } .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: 30px; margin-left: -35px; } .list-checkmark-circle li, .list-checkmark-square li { padding-left: 35px; } .list-checkmark-circle li:before, .list-checkmark-square li:before { width: 35px; margin-left: -35px; } .list-checkmark li:before { font-family: 'icomoon'; content: "\ef87"; font-size: 24px; } .list-checkmark-circle li:before { font-family: 'icomoon'; content: "\e08e"; font-size: 24px; } .list-checkmark-square li:before { font-family: 'icomoon'; content: "\ed07"; font-size: 24px; } .list-star li:before { font-family: 'icomoon'; content: "\efd3"; font-size: 24px; } .list-arrow li:before { font-family: 'icomoon'; content: "\ef25"; font-size: 24px; } .list-arrow-circle li:before { font-family: 'icomoon'; content: "\ed9e"; font-size: 24px; } .list-heart li:before { font-family: 'icomoon'; content: "\ed0c"; font-size: 24px; } .list-circle li:before { font-family: 'icomoon'; content: "\efd2"; font-size: 24px; } /* 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; } .left-icon, .right-icon { margin-left: 10px; color: inherit; line-height: 1em; vertical-align: baseline; } .left-icon { margin-right: 10px; margin-left: 0; } #topbar .list-inline.list-left li { padding-right: 30px; } #topbar .list-inline.list-right li { padding-left: 30px; } .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 10px; } .list-separator li:last-child { border-right: none; } /*----------------------------------------*/ /*----- 6 Header -----*/ /*----------------------------------------*/ /*-- Header Commons --*/ #header-wrapper { position: relative; } #header { width: 100%; padding: 0; } #topbar { width: 100%; padding: 0 30px; } .topbar-right, .header-right, .topbar-right-inner { float: right; display: inline; } .topbar-left, .header-left { float: left; } .topbar-left-inner { margin-top: 12px; } .topbar-right-inner { margin-top: 6px; } .header-search { float: right; margin-left: 20px; margin-right: -30px; padding: 3px 20px; } .header-wiget-area { margin-right: 20px; } .cart-items-wrapper { display: inline-block; float: left; } .main-navigation ul.sf-menu { float: right; } .header-btn { float: right; margin-left: 30px; } #header-wrapper .themebtn { margin: 0; } /*-- Header Variations --*/ .header-transparent #header, .header-transparent #topbar, .header-only-transparent #header, .header-only-transparent #topbar, .header-semitransparent #topbar, .header-only-semitransparent #topbar { background-color: transparent; } .header-semitransparent #header, .header-semitransparent #topbar, .header-only-semitransparent #header, .header-only-semitransparent #topbar, .header-semitransparent #page-header, .header-transparent #header, .header-transparent #topbar, .header-only-transparent #header, .header-only-transparent #topbar, .header-transparent #page-header { border: 0; } .header-semitransparent #header, .header-transparent #header, .header-only-semitransparent #header, .header-only-transparent #header { position: absolute; top: 0; z-index: 9999; } .header-semitransparent #page-header { text-align: center; padding-top: 210px; padding-bottom: 120px; } .header-transparent #page-header { text-align: center; padding-top: 200px; padding-bottom: 130px; } /*-- Logo --*/ .logo { text-align: left; } .logo a { font-size: 32px; 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; } /*-- slide and push panel --*/ #sidemenu-btn { float: right; margin-left: 30px; } #sidemenu-btn:before { font-family: 'icomoon'; content: "\ef8f"; font-size: 24px; } #sidemenu-btn.active:before { font-family: 'icomoon'; content: "\ef8a"; } .tc-sidemenu { position: fixed; } .tc-sidemenu-vertical { width: 300px; height: 100%; top: 0; right: -300px; z-index: 9999; padding: 20px; } .tc-sidemenu-right { right: -340px; } .tc-sidemenu-right.sidemenu-open { right: 0px; } .sidemenu-push { overflow-x: hidden; position: relative; left: 0; } .sidemenu-push-left { left: -300px; } /*-- 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; width: 16em; -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%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; margin-left: 15px; } .sf-menu li li { margin-left: 0; } .sf-menu a { display: block; text-align: left; position: relative; } .sf-menu ul a { min-width: 150px; 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 ul li li:last-child a, .sf-menu li.megamenu li li:last-child a { border-bottom: 0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 20px; 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: 16em; top: -21px; 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: "\e604"; font-weight: normal; font-style: normal; display: inline; padding-left: 5px; font-size: 6px; height: 6px; vertical-align: baseline; } .sf-menu > li li.menu-item-has-children > a:after { font-family: 'icomoon'; content: "\e114"; float: right; } .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; } .sf-menu > li > a .menu-line { width: 0; height: 2px; display: block; position: absolute; top: 0; left: 50%; opacity: 0; overflow: hidden; -webkit-transition: all 300ms cubic-bezier(0.300, 0.300, 0.30, 0.300) 0s; -moz-transition: all 300ms cubic-bezier(0.300, 0.300, 0.30, 0.300) 0s; -ms-transition: all 300ms cubic-bezier(0.300, 0.300, 0.30, 0.300) 0s; -o-transition: all 300ms cubic-bezier(0.300, 0.300, 0.30, 0.300) 0s; transition: all 300ms cubic-bezier(0.300, 0.300, 0.30, 0.300) 0s; } .sf-menu > li:hover > a .menu-line { opacity: 1; width: 100%; left: 0; } /* 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: 20px 0 25px 0; border-style: solid; border-width: 1px 0; } .page-title { line-height: 1em; } /* 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 10px; } .sf-menu:first-child > li li a { height: auto; line-height: 1em; padding: 12px 20px; } .logo { margin-top: 32px; } #sidemenu-btn { margin-top: 37px; } .header-btn { margin-top: 27px; } #header-sticky .sf-menu:first-child > li a { height: 80px; line-height: 80px; padding: 0 10px; } #header-sticky .sf-menu:first-child > li li a { height: auto; line-height: 1em; padding: 12px 20px; } #header-sticky .logo { margin-top: 20px; } #header-sticky .header-btn { margin-top: 17px; } /*-- header variations --*/ #header-v2 .topbar-left-inner { margin-top: 10px; } /*----------------------------------------*/ /*----- 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, .feature-styled.align-left .line-separator { 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, .feature-styled.align-left .line-separator { 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, .feature-styled-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; } /* feature styled / feature info */ .feature-styled { font-size: 1.4em; line-height: 1.5em; } .feature-styled .feature-subheading { font-size: 13px; } .feature-styled-heading { font-size: 24px; display: block; } .feature-styled .line-separator { margin: 25px auto 20px; } .feature-info { margin-bottom: 15px; text-align: center; } .feature-info i { margin-bottom: 20px; font-size: 100px; display: block; } .feature-info img { margin-bottom: 20px; } .feature-info .feature-styled-heading { margin: 0; font-size: 18px; color: inherit; } .arrow-separator { margin: 20px 0; display: block; } .arrow-separator::after { font-family: 'icomoon'; content: "\f3ac"; font-size: 28px; display: block; } .arrow-separator.up-arrow::after { font-family: 'icomoon'; content: "\f3af"; font-size: 28px; display: block; } .feature-bigtext { margin-top: 20px; font-size: 48px; font-weight: bold; display: block; } /*-- Testimonial --*/ .testimonial { font-size: 18px; line-height: 1.65; font-style: italic; } .testimonial.testimonial-styled .client-img { z-index: 999; } .testimonial.testimonial-styled .client-img img { width: 50px; height: 50px; border-radius: 50%; border-style: solid; border-width: 2px; float: left; } .testimonial-center .client-img { display: none; } .client-name { display: inline; font-size: 13px; } .testimonial-center { text-align: center; } .client-job::before { content: "|"; padding-right: 5px; margin-left: 5px; } .client-job { font-size: 12px; font-style: normal; } .client-info-wrapper { position: relative; display: block; } .testimonial.testimonial-styled .client-info { padding: 3px 15px; position: absolute; top: 10px; left: 44px; line-height: 1; z-index: -99; border-radius: 2px; display: block; } .testimonial-content { margin-bottom: 25px; } /*-- Box --*/ .box, .sc-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; } .cta-box h6 { text-transform: uppercase; letter-spacing: -.3px; } /*-- Link Box --*/ .link-box.sc-box { padding: 30px; } .link-box img { margin-bottom: 15px; } .link-box i { display: inline-block; margin-bottom: 15px; } /*-- Team --*/ .team .member-name { margin-bottom: 0; } .member-meta, .member-single-info .member-image { margin-bottom: 15px; } .member-excerpt { padding: 15px 0; } .team-member-circle img { border-radius: 170px; } .team-border .team-member-circle img { margin: 15px; margin-bottom: 0; } .team.team-border { border-style: solid; border-width: 2px; } .team-border .member-info-wrapper, .recentpost-carousel .recent-entries-info { padding: 10px 15px; } .team-border .member-excerpt { padding: 15px; } .single-member-contact { margin-top: 15px; } .member-job { padding: 2px 10px; border-radius: 2px; } /*-- 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; } .blockquote-styled { font-size: 24px; } .blockquote-styled blockquote { border: 0; margin: 0; padding: 0; } .blockquote-styled::after { font-family: 'icomoon'; content: "\f10e"; float: right; font-size: 60px; } .blockquote-styled .line-separator { margin-top: 15px; margin-bottom: 15px; } /*-- 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: "\f04b"; 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: "\e60a"; } #take-to-top span { display: block; margin-top: 5px; } #copyright { padding: 15px 30px; } #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; margin-top: 10px; } .tcsn-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .tcsn-theme .owl-controls .owl-page span { width: 10px; height: 10px; margin: 0 1px; display: block; border-radius: 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; border-radius: 50%; } .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: "\e608"; 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 { border-width: 2px; border-style: solid; margin: 0 15px; } .recentpost-heading { padding: 15px 15px 0 15px; } .recentpost-excerpt { padding: 5px 15px 15px 15px; } .recentpost-link { display: block; margin-top: 10px; } .recentpost-link::after { font-family: 'icomoon'; content: "\e14a"; margin-left: 5px; vertical-align: baseline; } .comment-link { float: right; } .comment-link::before { font-family: 'icomoon'; content: "\e10a"; margin-right: 5px; } /*----------------------------------------*/ /*----- 10 Portfolio -----*/ /*----------------------------------------*/ .portfolio-item { position: relative; float: left; margin-bottom: 30px; } .tc-gallery .portfolio-item { margin-bottom: 0; } .filter-content p { margin: 0; padding: 0; } .single-tcsn_portfolio .post-thumb { margin-top: 30px; } .portfolio-excerpt { padding: 20px; } .pf-heading, .tc-caption { padding: 10px 15px; display: block; } .tc-caption { text-align: center; } .pf-subtitle { padding: 0 10px; font-size: .9em; position: absolute; bottom: 25px; left: 20px; border-radius: 2px; } .filter_nav { display: block; text-align: center; 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; } .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: 10px; 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); } .portfolio-item .folio-thumb:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* zoom / link icon */ .media-zoom, .media-link { width: 35px; height: 35px; margin-right: 1px; margin-bottom: 5px; border-radius: 50%; display: inline-block; font-size: 14px; line-height: 35px; text-align: center; position: relative; z-index: 2; } .media-zoom, .media-link { position: absolute; bottom: 20px; right: 20px; } .duo .media-link { right: 58px; } .media-zoom:before, .media-link:before { font-family: 'icomoon'; content: "\e162"; vertical-align: middle; } .media-link:before { font-family: 'icomoon'; content: "\e15e"; } /* 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 { margin-bottom: 0; } .portfolio-compact .portfolio-excerpt { padding-bottom: 40px; padding-top: 10px; } /* client info on portfolio item page */ .pr-data ul, .pr-data h6, .portfolio-item h5 { margin: 0; } .pr-data ul li { list-style: none; margin-bottom: 20px; } .pr-info { font-size: 1em; } /*----------------------------------------*/ /*----- 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-thumb, .video-wrapper, .audio-wrapper, .gallery-wrapper, .post-gallery { margin-bottom: 20px; } .post-summary { margin: 20px 0; } .post-meta-wrapper { margin: 0; } .post-footer { width: 100%; padding-bottom: 30px; margin-bottom: 30px; display: block; } .post-footer-meta { margin-bottom: 20px; } .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, .post-meta-wrapper .entry-date, .post-meta-wrapper .leave-comment-link { border-right-style: solid; border-right-width: 1px; display: inline; padding-right: 10px; margin-right: 10px; color: inherit; } .post-meta-wrapper .leave-comment-link { border-left-style: solid; border-left-width: 1px; border-right: none; padding-left: 10px; margin-left: 10px; } .comment-edit-link { margin-left: 10px; } /*link and quote post format*/ .pf-quote .post-meta-wrapper, .pf-link .post-meta-wrapper { padding: 30px 30px 10px 30px; } .pf-quote blockquote:after, .pf-link .pf-link-content:after { font-family: 'icomoon'; content: "\f274"; font-size: 64px; position: absolute; right: 30px; top: 40px; } .pf-link .pf-link-content:after { font-family: 'icomoon'; content: "\eb1f"; } .pf-quote, .pf-link { position: relative; display: block; margin-bottom: 30px; } .pf-quote blockquote, .pf-link-content { padding: 10px 100px 30px 30px; margin: 0; border: none; font-size: 1.6em; line-height: 1.3em; } .pf-quote .quote-source, .pf-link-source, .pf-link-text { margin-top: 10px; font-size: .7em; } /*-- Author bio --*/ .author-info { width: 100%; padding: 30px; margin: 10px 0; display: inline-block; } .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: 20px; } .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%; padding: 15px; margin-bottom: 5px; display: block; border-bottom-style: solid; border-bottom-width: 2px; } .commentlist .children > li { border-bottom: 0; padding-top: 20px; } .commentlist > li:last-child { margin-bottom: 30px; } .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 { margin-left: 78px; } .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; } .commentlist .comment-reply-link { margin-left: 10px; } .comment-awaiting-moderation { margin-left: 78px; margin-bottom: 0; } .comment-reply-title small a { font-size: 1.1em; } #commentform #submit { text-transform: uppercase; } /*----------------------------------------*/ /*----- 14 Pagers for pages, posts, comments, portfolio etc. -----*/ /*----------------------------------------*/ .post-nav, .pager, .next-link, .previous-link { list-style: none; margin: 0; padding: 0; } .previous-link { width: 50%; float: left; margin-bottom: 30px; } .next-link { width: 50%; text-align: right; margin-bottom: 30px; float: right; } .navigation h5 { margin: 0; } .previous-link h5:before, .next-link h5:after { font-family: 'icomoon'; content: "\e605"; margin-right: 10px; font-weight: normal; vertical-align: text-bottom; } .next-link h5:after, .read-more-link:after { font-family: 'icomoon'; content: "\e608"; margin-left: 10px; margin-right: 0; } .read-more-link:after { font-family: 'icomoon'; content: "\e14a"; margin-left: 5px; vertical-align: middle; line-height: 1; } .page-links, .pagination-folio-page { text-align: left; display: block; margin-top: 30px; } .page-links { margin-bottom: 20px; } .prev-folio-page a:before { font-family: 'icomoon'; content: "\f104"; font-size: 14px; } .next-folio-page a:before { font-family: 'icomoon'; content: "\f105"; font-size: 14px; } .pagination-folio-page span a, .current-folio-page, .page-links a, .page-link-current, .woocommerce-pagination ul.page-numbers .current, .woocommerce-pagination ul.page-numbers .page-numbers { width: 33px; height: 33px; margin-right: 3px; border-radius: 50%; border-width: 1px; 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: 14px 15px; margin: 0 0 10px 0 !important; border-width: 1px; border-style: solid; border-radius: 5px; line-height: 1.2em; 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; border-radius: 5px; } 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: 14px; line-height: 20px; text-align: center; position: absolute; left: 15px; top: 14px; display: inline-block; z-index: 3; } .search-wrapper input[type="text"] { padding: 14px 25px 14px 40px; } .header-search input[type="text"] { padding: 10px 10px 10px 35px; margin-bottom: 0 !important; background: transparent; border: 0; min-width: 160px; } .header-search .search-input-icon { top: 9px; left: 10px; } /*-- 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; } /*-- 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 .submitbtn, .subscribe-form input[type="submit"] { } .subscribe-form input[type="text"], .subscribe-form input[type="email"] { border-radius: 2px 0 0 2px; height: 46px; } .subscribe-form .submitbtn, .subscribe-form input[type="submit"] { border-radius: 0 2px 2px 0; box-shadow: none; height: 46px; } .subscribe-form .wpcf7-validation-errors { position: absolute; left: 15px; top: -40px; } /*----------------------------------------*/ /*----- 16 Widgets -----*/ /*----------------------------------------*/ .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, .post-title, .product_title { margin: 0 0 20px 0; position: relative; padding-bottom: 15px; } .widget-title::before, .comments-title::before, #reply-title::before, .post-title::before, .product_title::before { bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 40px; border-top: 2px solid #4caf50; } .widget-title::after, .comments-title::after, #reply-title::after, .post-title::after, .product_title::after { bottom: -3px; content: ""; height: 1px; left: 0; position: absolute; width: 20px; border-top: 1px dotted #795548; } #footer .widget-title, #header-wrapper .widget-title { padding: 0; border: 0; } #footer .widget-title::before, #footer .widget-title::after, #header-wrapper .widget-title::before, #header-wrapper .widget-title::after { border: none; position: relative; width: 0; } /*-- WP Archives / Category widget --*/ .widget_archive ul, .widget_categories ul { padding: 10px 0; border-width: 1px; border-style: solid; } .widget_archive ul ul, .widget_categories ul ul { border: none; padding: 0; } .widget_archive ul li, .widget_categories ul li { padding: 10px 20px; list-style-type: none; display: block; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; } .widget_archive ul ul li, .widget_categories ul ul li { padding: 10px 0; } .widget_archive ul li:last-child, .widget_categories ul li:last-child { border: none; } .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 li { margin-left: 15px; } /*-- WP RSS widget --*/ .widget_rss ul { list-style-type: none; } /*-- Custom recent-posts widget --*/ .custom-recent-entries li { display: block; padding-bottom: 15px; margin-bottom: 15px; list-style-type: none !important; overflow: hidden; } .custom-recent-entries .recent-entry-title { margin-bottom: 5px; } .custom-recent-entries-thumb { width: 82px; float: left; overflow: hidden; margin-right: 10px; } .custom-recent-entries-excerpt { display: block; padding-top: 5px; } .custom-recent-entries-author { margin-right: 10px; padding-right: 10px; border-right-width: 1px; border-right-style: solid; } /*-- 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: 2px 10px !important; margin-right: 2px; margin-bottom: 2px; font-size: 12px !important; text-shadow: none; border-radius: 2px; cursor: pointer; float: left; } /* -- Contact info Widget --*/ .widget-contact-text { display: block; } .widget-phone:before, .widget-email:before, .widget-address:before { float: left; margin-bottom: 10px; font-family: 'icomoon'; } .widget-phone, .widget-email, .widget-address { margin-bottom: 5px; } .widget-address:before { content: "\e167"; } .widget-phone:before, .widget-email:before { content: "\e0fe"; } .widget-email:before { content: "\e0d6"; } .widget-contact-text { padding-top: 7px; padding-left: 50px; } /*-- 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, .item-number, .widget-phone:before, .widget-email:before, .widget-address:before, .feature-styled .icon-wrapper { width: 35px; height: 35px; margin-right: 1px; margin-bottom: 5px; border-radius: 50%; display: inline-block; font-size: 14px; line-height: 35px; text-align: center; position: relative; z-index: 2; } .social li a, .item-number, .media-zoom, .media-link { font-size: 16px; } .item-number { width: 25px; height: 25px; line-height: 25px; font-size: 12px; } .feature-styled .icon-wrapper { width: 100px; height: 100px; font-size: 32px; line-height: 100px; } .social li a::after, .item-number::after, .media-zoom::after, .media-link::after, .feature-styled .icon-wrapper::after { width: 100%; height: 100%; border-radius: 50%; content: ""; position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0); z-index: -1; } .social li a:hover::after, .cart-items:hover .item-number::after, .media-zoom:hover::after, .media-link:hover::after, .feature-styled:hover .icon-wrapper::after { opacity: 1; transform: scale(1); } .cart-items::before { font-family: 'icomoon'; content: "\e0ed"; vertical-align: baseline; margin-right: 5px; } .cart-items { height: 25px; display: block; } #header-wrapper .social li a { margin-bottom: 0; } .team .social { margin-top: 10px; } .team .member-image figcaption .social { position: relative; top: 100%; margin: -38px 0 0 0; text-align: right; } .single-member-meta .social li a { float: left; } #copyright .col-md-6 .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: "\eab9"; } .social li a.codepen:before { font-family: 'icomoon'; content: "\f1cb"; } .social li a.delicious:before { font-family: 'icomoon'; content: "\f1a5"; } .social li a.dribbble:before { font-family: 'icomoon'; content: "\f17d"; } .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: "\eaa1"; } .social li a.forrst:before { font-family: 'icomoon'; content: "\eaa9"; } .social li a.forumbee:before { font-family: 'icomoon'; content: "\f3b7"; } .social li a.foursquare:before { font-family: 'icomoon'; content: "\ead5"; } .social li a.github:before { font-family: 'icomoon'; content: "\f09b"; } .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: "\eac9"; } .social li a.paypal:before { font-family: 'icomoon'; content: "\ead6"; } .social li a.pinterest:before { font-family: 'icomoon'; content: "\ead0"; } .social li a.reddit:before { font-family: 'icomoon'; content: "\eac7"; } .social li a.skype:before { font-family: 'icomoon'; content: "\eac6"; } .social li a.soundcloud:before { font-family: 'icomoon'; content: "\f1be"; } .social li a.spotify:before { font-family: 'icomoon'; content: "\f1bc"; } .social li a.stumbleupon:before { font-family: 'icomoon'; content: "\f1a4"; } .social li a.support:before { font-family: 'icomoon'; content: "\f1cd"; } .social li a.tumblr:before { font-family: 'icomoon'; content: "\f173"; } .social li a.twitter:before { font-family: 'icomoon'; content: "\f099"; } .social li a.yahoo:before { font-family: 'icomoon'; content: "\eabd"; } .social li a.youtube:before { font-family: 'icomoon'; content: "\e912"; } .social li a.vimeo:before { font-family: 'icomoon'; content: "\f21d"; } .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: "\f09e"; } .social li a.xing:before { font-family: 'icomoon'; content: "\f168"; } .social li a.yelp:before { font-family: 'icomoon'; content: "\ead9"; } /* Social Share Dropdown */ .social-share ul { margin: 0; } .social-share { margin: 20px 0; padding: 10px 0; border-width: 2px 0; border-style: solid; } /*----------------------------------------*/ /*----- 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: 0 0 20px 0; margin-bottom: 60px; border-style: solid; border-width: 1px; } .sticky .post-meta-wrapper, .sticky .entry-title, .sticky .post-content-wrapper { margin-left: 30px; margin-right: 30px; } /*----------------------------------------*/ /*----- 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"], .tc-sidemenu, .sidemenu-push, #showRightPush:before, .social li a::after, .item-number::after, .media-zoom::after, .media-link::after, .hover-heading, .feature-styled .icon-wrapper::after, .tcsn-theme .owl-prev, .tcsn-theme .owl-next, .pf-quote, .pf-link, .navigation h5 { -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; } /*-- seamless donations --*/ #_dgx_donate_donor_state, #_dgx_donate_donor_country { width: 280px; } #dgx-donate-container { border: none; margin: 0 12px 12px; padding: 24px; border-radius: 0; } .dgx-donate-form-section { border: none; margin: 0 0 24px; padding: 32px; } .dgx-donate-form-section { border:none !important; } #_dgx_donate_repeating { margin-top: 10px; } #dgx-donate-container h2 { font-size: 22px; } .dgx-donate-pay-enabled input { border: 0; } .seamless-donations-forms-error-message { margin: 12px; padding: 5px 10px; } .seamless-donations-error-message-field { margin: 5px 0; padding: 0 10px; }