/* ------------------------------------------ */ /* TABLE OF CONTENTS /* ------------------------------------------ */ /* 01. Primary Styles - Author: WhoaThemes */ /* 02. Basic Links & Theme Colors */ /* 03. Headings */ /* 04. Body */ /* 05. Headers & Navigations */ /* 06. Homepage & Parallax */ /* 07. Widgets & Services */ /* 08. Contact Form */ /* 09. Preloader & Portfolio */ /* 10. Breadcrumbs */ /* 11. Footer Area */ /* 12. Widgets Area */ /* 13. Slider posts */ /* 14. Basic Style For Images & wp default image */ /* 15. Styled Images & Buttons */ /* 16. Font Awesome Styles */ /* 17. Main Content & Sections */ /* 18. Wordpress Page Navigation */ /* 19. Comments Forms */ /* 20. Custom & WordPress Widget */ /* 21. Supersized & Core Owl Carousel CSS */ /* 22. Specific Theme Styles: Bivio */ /** * Primary color * Blue: #428bca */ /* ========================================================================== 01. Primary Styles - Author: WhoaThemes ========================================================================== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { position: relative; } img { height: auto; image-rendering: optimizeQuality; } img,object,video,embed { max-width: 100%; } #supersized img { max-width: none; } .bold { font-weight: bold; } .italic { font-style: italic; } .wt_clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 100%; vertical-align: super; } th, thead td { font-weight: bold; } em, dfn, cite { font-style: italic; } del { color: #cccccc; text-decoration: line-through; } dfn, ins { border-bottom: 1px solid #E8E8E8; } abbr, acronym { text-transform: uppercase; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { border-bottom: 1px solid #e5e5e5; cursor: help; } a { text-decoration: none; outline: 0!important; } address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; } caption,th { text-align: left; } ol, ul { list-style: none; } ul.wt_no_skin a { color: #444; } ul.wt_no_skin i { margin-right: 5px; } table { border-collapse: collapse; border-spacing: 0; } p, ul, ol, dl, table, fieldset, blockquote { margin-bottom: 20px; } /* ========================================================================== 02. Basic Links & Theme Colors ========================================================================== */ a { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } a:hover, a:active, a:focus { text-decoration: none; } a:focus { border: none; } a:focus, input:focus, select:focus, textarea:focus { outline: none !important; } a { color: #428bca; } a:hover { cursor: pointer; } ul { margin-left: 1.5em; list-style-type: disc; } ol { margin-left: 1.5em; } ul li { margin-left: .85em; margin: 4px 0; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { list-style-position: outside; list-style-type: decimal; } dt { margin-top: .8em; margin-bottom: .4em; font-weight: bold; } ol ol, ul ol { margin-left: 2.5em; } ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; } .wt_skin_color { color: #428bca; } .wt_skin_bg_color { background-color: #428bca !important; } .wt_skin_border_color { border-color: #428bca; } .wt_skin_border_left_color { border-left-color: #428bca; } .wt_skin_border_right_color { border-right-color: #428bca; } .wt_skin_border_top_color { border-top-color: #428bca; } .wt_skin_border_bottom_color { border-bottom-color: #428bca; } /* ========================================================================== 03. Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px; font-weight: 300; } h3, h4, h5 { font-weight: 900; } p.wt_google_font { font-weight: 300; font-size: 18px; margin-bottom: 30px !important; } /* ---- End Primary Styles ---------------------------- Author: WhoaThemes ------------------------------------------------- */ #preloader { background: #FFF url('../img/loading.gif') center center no-repeat; position: fixed; top: 0; left: 0; width: 100%; height:100%; z-index: 9999; text-align: center; overflow: hidden; } /* ========================================================================== 04. Body ========================================================================== */ html { height: 100% !important; /* !important needed for SmoothScroll */ } body { overflow-x: hidden; background: white; /* To not broke the layout when there is less content - same color as footer */ } .intro_text h1, .intro_text h2 { position: relative; font-size: 36px; color: #000000; text-align: center; font-weight: 300; } .intro_text h1 strong, .intro_text h2 strong { font-weight: 900; } .intro_text h3 { color: #aaaaaa; font-size: 20px; text-align: center; font-weight: 300; padding: 0 10%; line-height: 1.428571429; } .wt_section_dark .intro_text h3 { color: #ccc; overflow: hidden; line-height: 1.2; font-weight: 100; font-size: 25px; text-align: center; padding-bottom: 20px; } .wt_section_dark .intro_text h2 { color: #dddddd; } .wt_contact_text { color: #777; overflow: hidden; line-height: 1.2; font-weight: 100; font-size: 22px; text-align: center; margin-bottom: 20px; } p:empty { display: none; } .center-text { text-align: center; } .wt_style_dark { text-align: center; } .wt_style_dark h1 { font-family: 'bebasneueregular'; font-size: 180px; } .wt_style_dark h1 a, .wt_style_dark h1 a:hover { color: #eee; } .wt_section_dark { background-color: #181818; } .wt_parallax.wt_section_dark { background-color: transparent; } .wt_section_3 .intro_text h3, .wt_separator_section .intro_text h3 { color: #fff; } .wt_section_3 .intro_text h3, .wt_separator_section .wt_section_white .intro_text h3 { color: #888888; } /* ========================================================================== 05. Headers & Navigations ========================================================================== */ #wt_header { background: rgba(240, 240, 240, 0.95); border-bottom: 1px solid #ddd; } #wt_header.navbar { margin-bottom: 0; } .home #wt_header { /*background-color: /*rgba(0, 0, 0, 0.45)*/; /border-bottom: 1px solid #3f3f3f;*/} #logo { font-size: 35px; } #logo span { display: inline-block; } .navbar-brand { height: auto; } #logo img { color: #ffffff; position: relative; min-height: 30px; } .home .navbar-brand { padding: 9px 15px; } #nav.wt_nav_top .navbar-nav > li { margin: 0; } #nav.wt_nav_top .navbar-nav > li > a { color: #444; display: block; padding: 0 15px; font-weight: 900; line-height: 70px; text-transform: uppercase; } .home #nav.wt_nav_top .navbar-nav > li > a { color: #444; } #nav.wt_nav_top ul li.active > a, #nav.wt_nav_top ul li.current_page_item > a { color: #428bca; } #nav.wt_nav_top ul li:hover > a { color: #428bca; background: transparent; } #nav.wt_nav_top ul li:hover > a, #nav.wt_nav_top ul li.current_page_item > a { background-color: #428bca; color: #fff !important;} #nav.wt_nav_top ul .marker { position: relative; right: -5px; font-size: 11px; line-height: 1; } /* Dropdown menus ------------------------------------------------- */ #nav ul ul.sub-menu, #nav ul ul.sub-menu li ul.sub-menu, #nav ul ul.children, #nav ul ul.children li ul.children { height: auto; width: 180px; padding: 0; position: absolute; z-index: 1100; left: 0px; border-bottom: 1px solid #428bca; visibility: hidden; margin-top: 0; list-style: none; margin: 0; } #nav ul ul.sub-menu li ul.sub-menu, #nav ul ul.children li ul.children { left: 100%; top: -1px; } #nav ul :not(.wt_megamenu) ul.sub-menu li, #nav ul ul.children li { position: relative; display: list-item; text-align: left; float: none; font-size: 14px; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; border-color: #ddd; background-color: #ffffff; margin: 0; } #nav.wt_nav_top ul ul li:hover > a { border-bottom: none; } #nav ul ul.sub-menu li a, #nav ul ul.children li a { padding: 8px 28px 8px 15px; display: block !important; color: #777777; font-size: 12px; line-height: 20px; margin: 0px; float: none; text-transform: none; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #nav ul ul.sub-menu li .mega-menu-widget a { padding: 0px; } #nav ul li .mega-menu-widget a:hover { color: #428bca; } #nav ul ul.sub-menu li:hover > a, #nav ul ul.children li:hover > a { background: #f6f6f6; color: #777777; } #nav ul ul.sub-menu li:hover > a, #nav ul ul.children li:hover > a { background: #f6f6f6; color: #777777; } #nav ul ul ul { margin-left: -2px; margin-top: 0px; } .home #nav ul :not(.wt_megamenu) ul.sub-menu li, .home #nav ul ul.children li { border-color: #3f3f3f; background-color: #1A1E23; background-color: rgba(0, 0, 0, 0.65); } .home #nav ul ul.sub-menu li a, .home #nav ul ul.children li a { color: #fff; } /* Submenu markers ------------------------------------------------- */ #nav ul p { line-height: 24px; font-size: 13px; color: #69747a; font-weight:400; margin: 0 0 15px; padding: 0; } #nav ul li > .megamenu .button { color:#ffffff !important; } #nav .wt_megamenu .mega-menu-widget { overflow: hidden; } /* ========================================================================== 06. Homepage & Parallax ========================================================================== */ #wt_wrapper { width: 100%; overflow: hidden; position: relative; background: #fff; } .home :not(.blog) #wt_wrapper { background: transparent; } #wt_page { position: relative; } .wt_stickyHeader #wt_containerWrapper { margin-top: 70px; /* 70px(header) + 15px */ } .wt_stickyHeader.wt_noSticky_on_ss #wt_containerWrapper { margin-top: 15px; /* it happens when sticky header is deactivated */ } #wt_intro { margin-bottom: 40px; } .wt_section_area { padding: 10px 0 0 0; } #introType { padding: 25px 0 0 0; } .single #introType h1 { margin-bottom: 0; } .wt_section_area.wt_no_margins { padding: 0; } .wt_section_area.wt_no_top_margins { padding-top: 0; } .wt_section_area.wt_no_bottom_margins { padding-bottom: 0; overflow: hidden; } #wt_section_home { /*width: 100%; height: 100%; display: table;*/ position: relative; z-index: 1; } #wt_home_content { /* color: #fff; */ margin-top: 70px; margin-bottom: 20px; } /* #wt_home_content .wt_home_style_2:first-of-type { margin-top: -50px; } */ /* #wt_home_content h1 { font-size: 50px; font-weight: 900; text-transform: uppercase; text-shadow: 1px 1px 2px black, 0 2px 2px #333; margin-bottom: 0px; } */ /* #wt_home_content .wt_home_style_2 h1 { font-size: 35px; margin-bottom: 5px; margin-top: 0; } */ /* #wt_home_content h2 { font-size: 69px; font-weight: 900; text-transform: uppercase; text-shadow: 1px 1px 2px black, 0 2px 2px #333; margin-bottom: 5px; margin-top: 0; } */ /* #wt_home_content .wt_home_style_2 h2 { font-size: 49px; margin-bottom: 10px; } */ /* #wt_home_content h4 { font-size: 25px; font-weight: 400; text-transform: uppercase; text-shadow: 1px 1px 2px black, 0 2px 2px #333; margin-top: 0; margin-bottom: 10px; } */ /* #wt_home_content .wt_home_style_2 h4 { font-size: 18px; } #wt_home_content .mc4wp-form, #wt_home_content .wpcf7 { background-color: rgba(10, 10, 10, 0.8); border-top: 1px solid #666; padding: 20px 30px 25px; margin-top: 20px; margin-bottom: 190px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } */ /* #wt_home_content .wt_home_style_2 .mc4wp-form { padding: 20px 30px 30px; margin-bottom: 50px; } #wt_home_content .wt_home_style_3 .mc4wp-form { width: 84%; margin-left: 8%; margin-right: 8%; } #wt_home_content .mc4wp-form h4 { color: #fff; font-size: 18px; line-height: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; } #wt_home_content .wt_home_style_2 .mc4wp-form h4 { margin-bottom: 20px; } #wt_home_content .mc4wp-form p { margin-bottom: 0px; } #wt_home_content .mc4wp-form a { color: #fff; font-weight: 700; text-decoration: underline; } #wt_home_content .mc4wp-form a:hover { text-decoration: none; } */ .wt_bg_video, .wt_home_slider { position: absolute; z-index: 1; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } .wt_bg_video .wt_video { min-width: 100%; min-height: 100%; } .bg_video_section { position: absolute; min-width: 100%; min-height: 100%; bottom:0; left: 0; overflow: hidden; } .wt_bg_video { z-index: -1; } .wt_video_section { z-index: 0; } .wt_video.wt_section_area { position: relative; z-index: 1; } .video-volume { bottom: 55px; left: 30px; margin: 0 0 0 -15px; position: absolute; z-index: 100; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; } .wt_bg_video_mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .wt_pattern_overlay { background: url('../img/pattern.png') repeat; position: absolute; width: 100%; height: 100%; z-index: 1; } .wt_color_overlay { background: rgba(66,139,202,0.8); position: absolute; width: 100%; height: 100%; z-index: 1; } .wt_section_overlay { position: absolute; width: 100%; height: 100%; top: 0; } .wt_no_overlay .pattern { background: none; } .wt_home_style_1 h1 { font-size: 45px; font-family: 'bebasneueregular', Helvetica, Arial, sans-serif; text-align: center; border: 1px dashed #fff; color: #fff; width: 70%; margin-right: 15%; margin-left: 15%; padding: 20px 30px; margin-bottom: 40px; opacity: .95; filter: alpha(opacity=95); } /* Parallax ------------------------------------------------- */ .wt_parallax { position: absolute; width: 100%; height: 100%; background-attachment: fixed !important; background-size: cover !important; } .wt_separator_section .wt_parallax { z-index: 1; } .wt_section_area.wt_parallax, .wt_separator_section .wt_parallax { width: 100%; position: relative; overflow: hidden; background-position: center top; background-repeat: no-repeat; } @media only screen and (min-width: 1920px) { .wt_parallax { background-size: cover !important; } } @media only screen and (max-width: 1024px) { .wt_parallax { background-size: cover !important; background-attachment: scroll !important; background-position: top center !important; } } /* ========================================================================== 07. Widgets & Services ========================================================================== */ .widget { color: #777777; margin: 0 0 20px; } #wt_sidebar .widgettitle { color: #222222; } .widgettitle { margin-top: 0px; margin-bottom: 20px; } /* Services ------------------------------------------------- */ .wt_services { margin: 22px 0; } .wt_services h3 { color: #222; margin-top: 0!important; margin-bottom: 5px; } .wt_services .wt_icon { float: left; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 40px; color: #fff; background: #428bca ; border-radius: 100%; margin: 0 25px 10px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_services.text-right .wt_icon { float: right; } .wt_services:hover .wt_icon { -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); background: #FFF; color: #428bca; } .wt_skill_date { color: #fff; text-align: center; margin-bottom: 30px; } .wt_skill_text { margin: 0; padding-left: 30px; color: #fff; text-align: left; border-left: 1px solid #bbb; margin-bottom: 30px; } .wt_skill_title { margin: 0; color: #fff; padding-left: 30px; text-align: left; border-left: 1px solid #bbb; font-size: 24px; font-family: 'bebasneueregular'; } @-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform: translateY(100%); } to { -ms-transform: translateY(0%); } } /* ========================================================================== 08. Contact Form ========================================================================== */ .wt_contact_form_wrap { margin: 30px 0; } .wt_contact_form_wrap .text_input, .wt_contact_form_wrap .text_area { width: 100%; height: 45px; font-size: 15px; color: #ffffff; background: transparent; line-height: 1; display:inline-block; vertical-align: middle; border: 1px solid #666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 14px 12px; border-radius: 0px; margin-bottom: 15px !important; } .wt_contact_form_wrap .text_area { height: auto; min-height: 105px; } .wt_contact_form_wrap .text_input:focus, .wt_contact_form_wrap .text_area:focus { border-color: #AAA; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_contact_form_wrap .contact_button { display: block; width: 100%; color: #a3a3a3 !important; background: transparent; border: 1px solid #666; vertical-align: middle; text-align: center; padding: 37px 20px; font-size: 20px; } .wt_contact_form_wrap .contact_button:hover { color: #ffffff; background: rgba(66,139,202, 0.6); border-color: #888; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } blockquote { margin: 0 0 20px 0; padding: 0; } blockquote p { margin: 0; padding: 5px 0 5px 15px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: lighter; font-size: 18px; line-height: 22px; } .pullquote { width: 300px; margin: 15px 0; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: lighter; font-size: 18px; line-height: 1.2; } .pullquote.pull-left { padding: 0px 15px; border-left: 5px solid #EEEEEE; } .pullquote.pull-right { padding: 0px 15px; text-align: right; border-right: 5px solid #EEEEEE; } /* Alerts ------------------------------------------------- */ .alert-message { position: relative; border: 1px solid #ddd; display: block; background-color: #F9F9F9; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); font-weight: bold; padding: 10px 40px; margin-bottom: 20px; border-radius: 3px; font-size: 12px; font-weight: normal; } .alert-message.warning { background-color: #fbf6e3; border-color: #efd877; color: #c4a80a; } .alert-message.warning a { color: #c4a80a; } .alert-message.success { background-color: #e9f2d2; border-color: #c0da66; color: #88b12b; } .alert-message.success a { color: #88b12b; } .alert-message.error { background-color: #ffe9e9; border-color: #e99f9f; color: #d25c5a; } .alert-message.error a { color: #d25c5a; } .alert-message.info { background-color: #dbe9f3; border-color: #9fc2dd; color: #468bbf; } .alert-message.info a { color: #468bbf; } .alert-message p { margin: 0; padding: 0; } .alert-message span.close { display: block; padding: 15px 15px; position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); font-size: 11px; } .alert-message span.close:hover { opacity: 1; filter: alpha(opacity=100);} /* ========================================================================== 09. Preloader & Portfolio ========================================================================== */ #wt_loader { width: 100%; height: 100%; position: fixed; top: 0; background-color: #ffffff; z-index: 99999; } .wt_loader_html { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px; background-image: url("../img/loader.gif"); background-position: center; background-repeat: no-repeat; background-size: 70px 70px; } /* Portfolio ------------------------------------------------- */ .wt_portofolio_container { height: 100%; width: 100%; position: relative; overflow: hidden; } .wt_portofolio_details { padding: 25px 10px; text-align: center; background: #fff; } .wt_portfolio_overlay .wt_portofolio_details { color: #ffffff; position: absolute; top: 0; width: 100%; height: 100%; padding: 40px 10px; opacity: 0; filter: alpha(opacity=00); background: rgba(10, 10, 10, 0.65); } .wt_portfolio_overlay .wt_portofolio_container:hover .wt_portofolio_details { z-index: 2; opacity: 1; filter: alpha(opacity=100); } /* ----- Portfolio Overlay Title ----- */ .wt_portofolio_details h4 { font-size: 20px; font-weight: 300; text-align: center; margin-bottom: 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .wt_portfolio_overlay .wt_portofolio_details h4 { width: 100%; font-size: 1.7em; position: absolute; bottom: -10%; margin: 0 0 10px -10px; } .wt_portfolio_overlay .wt_portofolio_container:hover h4 { bottom: 20%; } .wt_portfolio_overlay h4 a { color: #f8f8f8; } .wt_portfolio_overlay h4 a:hover { color: #f8f8f8; color: rgba(248, 248, 248, 0.85); } /* ----- Portfolio Overlay Details ----- */ .wt_portofolio_det { text-align: center; margin: 5px 0 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .wt_portfolio_overlay .wt_portofolio_det { width: 100%; position: absolute; bottom: -10%; margin: 0 0 0 -10px; } .wt_portfolio_overlay .wt_portofolio_container:hover .wt_portofolio_det { bottom: 20%; } .wt_portofolio_details .wt_portfolioCategory { font-size: 16px; font-style: italic; margin: 0; } .wt_portfolio_overlay .wt_portofolio_details .wt_portfolioCategory { font-size: 18px; font-weight: 700; font-style: normal; text-transform: uppercase; } .wt_portofolio_det :last-child, .wt_portf_readmore { margin-bottom: 0; } .wt_portf_readmore { margin-top: 10px; } .wt_portfolio_overlay .wt_portf_readmore a { color: #fff; } .wt_portfolio_overlay .wt_portf_readmore a:hover { color: #fff; color: rgba(255, 255, 255, 0.85); } .wt_portfolio_excerpt { color: #737373; font-size: 13.5px; margin-top: 15px; } .wt_portfolio_overlay .wt_portfolio_excerpt { color: #fff; } /* ----- Portfolio Overlay Icon ----- */ .wt_icon_lightbox { display: block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; background-color: #428bca; text-align: center; position: absolute; top: -50%; left: 50%; border-radius: 50%; margin-top: -25px; margin-left: -25px; z-index: 2; -webkit-transition: all ease 400ms ease-in-out; -moz-transition: all ease 400ms ease-in-out; -ms-transition: all ease 400ms ease-in-out; -o-transition: all ease 400ms ease-in-out; transition: all ease 400ms ease-in-out; } .wt_icon_lightbox i { color: #fff !important; } .wt_icon_lightbox:hover { background-color: #3071a9; } .wt_portofolio_container:hover .wt_icon_lightbox{ top: 50%; } .wt_portfolio_overlay .wt_portofolio_container:hover .wt_icon_lightbox { top: 40%; } .sortableLinks { padding: 0 15px; margin: 40px auto 40px; text-align: center; overflow: hidden; } .wt_portfolio_row .sortableLinks { margin-top: 0; } .sortableLinks a { color: #aaa !important; background: none; font-size: 11px; text-transform: uppercase; padding: 10px 14px; position: relative; display: inline-block; letter-spacing: 0.15em; font-weight: 300; margin: 5px 5px 5px 0; text-decoration: none !important; border: 1px solid #bdbdbd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sortableLinks a:last-child { margin-right: 0; } .sortableLinks a:hover, .sortableLinks a.selected { background: #428bca; color: #fff !important; border-color: transparent; } .wt_portfolio_wrapper { width: 100%; overflow: hidden; position: relative; } .wt_portfolio_wrapper article, .wt_portfolio_wrapper_carousel article { float: left; overflow: hidden; position: relative; } .wt_portfolio_wrapper.wt_portfolio_2 article { width: 50%; } .wt_portfolio_wrapper.wt_portfolio_3 article { width: 33.3334%; } .wt_portfolio_wrapper.wt_portfolio_4 article { width: 25%; } .wt_portfolio_wrapper.wt_portfolio_5 article { width: 20%; } .wt_portfolio_wrapper.wt_portfolio_6 article { width: 16.6%; } /* Commented since new version of Isotope .wt_portfolio_wrapper.wt_isotope.wt_portfolio_2 article { width: 49.9%; } .wt_portfolio_wrapper.wt_isotope.wt_portfolio_4 article { width: 24.98%; } */ .wt_portfolio_row { height: auto !important; } .wt_portfolio_wrapper.wt_grid_spaces { margin-top: -15px; } .wt_portfolio_wrapper.wt_grid_spaces article { padding: 15px; } .wt_portfolio_wrapper article img, .wt_portfolio_wrapper article .wt_portofolio_details, .wt_portfolio_wrapper article .wt_image_overlay, .wt_portfolio_wrapper_carousel article img, .wt_portfolio_wrapper_carousel article .wt_portofolio_details, .wt_portfolio_wrapper_carousel article .wt_image_overlay { -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .wt_portfolio_wrapper article img, .wt_portofolio_container, .wt_portfolio_wrapper .wt_image_frame, .wt_portfolio_wrapper .wt_image_holder { width: 100%; } .wt_portfolio_wrapper .wt_image_holder img { position: relative; z-index: 1; } .wt_portfolio_wrapper .wt_image_frame { position: relative; z-index: 1; overflow: hidden; } .wt_portfolio_wrapper .wt_portofolio_container:hover img { -moz-transform: rotate(0deg) scale(1.3); -ms-transform: rotate(0deg) scale(1.3); -webkit-transform: rotate(0deg) scale(1.3); transform: rotate(0deg) scale(1.3); } .wt_portfolio_no_overlay .wt_image_overlay { position: absolute; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=00); background: rgba(10, 10, 10, 0.65); } .wt_portfolio_no_overlay .wt_portofolio_container:hover .wt_image_overlay { opacity: 1; filter: alpha(opacity=100); } .single-wt_portfolio #wt_main, .single-wt_portfolio .portEntry_content { border: 1px solid #f5f6f6; } .single-wt_portfolio #wt_main .portEntry_content { border: none; } .portEntry_content { padding: 20px; } /* ========================================================================== 10. Breadcrumbs ========================================================================== */ #breadcrumbs { display: block; position: relative; vertical-align: top; word-wrap: break-word; } #breadcrumbs .breadcrumbs { font-size: 15px; margin: 0 auto; padding: 0; color: #444; } #breadcrumbs a { line-height: 40px; display: inline-block; } #breadcrumbs .breadcrumbs a { color: #428bca; } #breadcrumbs .breadcrumbs a:hover { color: #444; } #breadcrumbs .breadcrumbs-separator { padding: 0 5px; color: #428bca; } /* ========================================================================== 11. Footer Area ========================================================================== */ /* Footer Top ------------------------------------------------- */ #wt_footerTop { position: relative; padding: 30px 0 5px 0; background: #428bca; color: #ffffff; } #wt_footerTop h1, #wt_footerTop h2, #wt_footerTop h3, #wt_footerTop h4, #wt_footerTop h5, #wt_footerTop h6 { color: #ffffff; } #wt_footerTop h3 { color: #FFFFFF; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 900; line-height: normal; margin: 5px auto 0; } /* Footer Middle ------------------------------------------------- */ #wt_footerWrapper .widgettitle { color: #dddddd; } #wt_footer { background: #1A1E23; color: #999; } #wt_footer a.url, #wt_footer .widget a { color: #eeeeee; } #wt_footer .widget a:hover { color: #428bca; } #wt_footer a.url, #wt_footer .widget a { color: #eeeeee; } #wt_footer { padding: 60px 0 40px 0; } #wt_footerTop h1.fontawesome, #wt_footerTop h2.fontawesome, #wt_footerTop h3.fontawesome, #wt_footerTop h4.fontawesome, #wt_footerTop h5.fontawesome, #wt_footerTop h6.fontawesome { float: left; margin-bottom: 0; } /* Footer Bottom ------------------------------------------------- */ #wt_footerBottom { background: rgba(54, 54, 54, 0.64); color: #FFF; padding: 15px;} #wt_footerBottom .widget { margin-bottom: 0; } #copyright { float: left; } #copyright .copyright { line-height: 34px; text-align: left; margin-bottom: 0; } #copyright .copyright span { color: #428bca; } .wt_footer_scroll { position: absolute; height: 40px; width: 55px; font-size: 30px; line-height: 40px; margin-left: -27px; margin-top: -42px; background: #181818; } #wt_footerBottom .wt_social_networks_sc { float: right; } #wt_footerBottom .wt_social_networks_sc ul { margin: 0; } #wt_footerBottom .wt_social_networks_sc ul li { padding: 0; margin: 0 5px; } #wt_footerWrapper .widget .wt_social_networks_sc li i { margin: 0; } /* Footer Top Button ------------------------------------------------- */ #wt-top { padding: 12px; overflow: hidden; position: fixed; bottom: 30px; right: 30px; text-decoration: none; width: auto; color: #ffffff; background-color: rgb(123, 123, 123); background-color: rgba(123, 123, 123, 0.65); border-radius: 2px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; filter: alpha(opacity=00); visibility: hidden; z-index: 10000; } #wt-top.wt_top_btn { opacity: 1; filter: alpha(opacity=100); visibility: visible; } #wt-top:hover { background: #428bca; } #wt-top:active { background: #428bca; } #wt-top i { display: block; vertical-align: middle; overflow: hidden; height: 26px; width: 26px; font-size: 26px; } #wt-top i:before { display: block; margin: 0; } /* ---- Theme Common Styles --------------------------- Author: WhoaThemes ------------------------------------------------- */ /* code & pre ------------------------------------------------- */ code, pre { display: block; white-space: pre; } .code_wrap { border: 1px solid #dddddd; padding: 5px; margin-bottom: 20px; clear: both; } .code, .pre { white-space: pre-wrap; /* CSS3 browsers */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ background-color: #FAFAFA; overflow: auto; padding: 20px 10px; color: #222222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .code { background-image: url(../img/code.png); } /* ========================================================================== 12. Widgets Area ========================================================================== */ /* Header Widget Area ------------------------------------------------- */ #headerWidget { float: right; position: relative; z-index: 1; } #headerWidget .widget { margin: 15px 0 0 15px!important; } #introHeaderWidget { clear: both; text-align: center; margin: 0 0px 20px; text-shadow: 0 2px 1px #FFFFFF; background: #fafafa; border: 1px solid #dddddd; } #introHeaderWidget h1 { margin-bottom: 0 !important; line-height: 45px; padding: 10px 15px; } /* Top Widget Area ========================================================== */ #wt_topWidgetWrapper { background: #ffffff; border-bottom: 1px solid #EDEAE3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; min-height:40px; } header.active #wt_topWidgetWrapper, header.active #wt_topWidgetWrapper p, header.active #wt_topWidgetWrapper ul.social-icons li a { height: 0; min-height:0px; padding: 0; margin:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } #wt_topWidgetWrapper p { float: left; color: #888888; line-height:40px; } .wt_contactInfo a { color: #888888; } #wt_footer .wt_contactInfoWrap p, #wt_footer .wt_contactInfoWrap a { color: #cccccc; } #wt_topWidget .wt_contactInfo p { font-size: 12px; } #wt_topWidget .wt_contactInfo i { font-size: 14px; } #wt_topWidget .wt_contactInfo p i { color:#888; line-height:40px; float: left; padding-right:10px; } #wt_topWidget .wt_contactInfo [class^="fa-"]:before, #wt_topWidget .wt_contactInfo [class*=" fa-"]:before { margin: 0; } #wt_topWidget .wt_contactInfo p:last-child { border-right: none; } #wt_topWidget .wt_contactInfo p { display: block; float: left; max-height: 40px; overflow: hidden; padding: 0 10px; } /* ========================================================================== 13. Slider posts ========================================================================== */ /* Flex, Nivo, Anything, Cycle Sliders ------------------------------------------------- */ #slide { clear: both; margin: 0 auto; position: relative; z-index: 91; padding: 0; } /* Flex Slider ../styles ------------------------------------------------- */ #flexSlider.flexslider { background: none; margin-bottom: 0; background: #2b2b2b; } #flexSlider.flex-preload { position: relative; overflow: hidden; background: #2b2b2b url("../img/loading.gif") no-repeat center center; } #flexSlider .flex-control-thumbs li { margin: 0 4px 0; -webkit-box-shadow: 0px 1px 2px 0px #4a4a4a; -moz-box-shadow: 0px 1px 2px 0px #4a4a4a; box-shadow: 0px 1px 2px 0px #4a4a4a; width: 100px; } #flexSlider .flex-control-thumbs { margin: 12px 0 8px; } #flexSlider .flex-control-nav { bottom: 0px; position: absolute; } /* Caption ../styles */ #flexSlider .flex-caption { padding: 20px; padding-top: 0; top: 50%; background: none; color: #ffffff; max-height: 100%; } #slide #flexSlider .flex-caption-content { margin: 0 auto; width: 960px; padding: 0px 50px 25px 50px; } #flexSlider .slides li h2, #flexSlider .slides li h3, #flexSlider .slides li .wt_button, #nivoSlider .nivo-caption h2, #nivoSlider .nivo-caption h3, #nivoSlider .nivo-caption .wt_button, #cycle_slider .cycle-overlay h2, #cycle_slider .cycle-overlay h3, #cycle_slider .cycle-overlay .wt_button { margin-top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } #flexSlider .flex-caption h2, #nivo_slider_wrap .nivo-caption h2, #cycle_slider .cycle-overlay h2 { display: inline-block; text-transform: uppercase; color: #ffffff; font-size: 52px; padding: 0 10px; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #flexSlider .flex-caption h3, #nivo_slider_wrap .nivo-caption h3, #cycle_slider .cycle-overlay h3 { display: inline-block; color: #ffffff; font-size: 30px; padding: 10px; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #flexSlider .flex-caption .wt_button.button_slide, #nivo_slider_wrap .nivo-caption .wt_button.button_slide, #cycle_slider .cycle-overlay .wt_button.button_slide { border: 1px solid rgb(255,255,255); border: 1px solid rgba(255,255,255,0.5); background: none; border-radius: 4px 4px 4px 4px; box-shadow: 0 0px rgba(0, 0, 0, 0.25) inset; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; margin-top: 15px; padding: 3px 0px; position: relative; text-transform: uppercase; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); } #flexSlider .flex-caption .wt_button.button_slide:hover, #nivo_slider_wrap .nivo-caption .wt_button.button_slide:hover, #cycle_slider .cycle-overlay .wt_button.button_slide:hover { color: #428bca; border: 1px solid rgb(250,194,12); } #flexSlider .flex-caption .wt_button, #nivo_slider_wrap .nivo-caption .wt_button, #cycle_slider .cycle-overlay .wt_button { margin-top: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .flex-caption-content, .nivo-caption-content, .cycle-overlay-content { max-width: 66.66%; display: inline-block; } #flexSlider .slides li.animated h2, #flexSlider .slides li.animated h3, #flexSlider .slides li.animated .wt_button, #nivoSlider.animated .nivo-caption h2, #nivoSlider.animated .nivo-caption h3, #nivoSlider.animated .nivo-caption .wt_button, #cycle_slider.animated .cycle-overlay h2, #cycle_slider.animated .cycle-overlay h3, #cycle_slider.animated .cycle-overlay .wt_button { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #flexSlider .slides li { display: none; position: relative; } #flexSlider .slides li .invisible { min-height: 280px; z-index: 5; } #flexSlider.flexslider { max-height: 1000px; min-height: 280px; min-width: 320px; } /* Nivo Slider ../styles ------------------------------------------------- */ #nivoSlider { position: relative; margin-bottom: 30px; max-height: 700px; min-height: 280px; min-width: 320px; } #nivoSlider.nivo-preload { background: #2b2b2b url("../img/loading.gif") no-repeat center center; } #nivo_slider_wrap .nivo-controlNav { position: absolute; bottom: 10px; right: 10px; padding: 0; z-index: 1000; } #nivo_slider_wrap .nivo-thumbs-enabled { left: 0; } #nivo_slider_wrap .nivo-controlNav a { width: 30px; height: 10px; display: inline-block; text-indent: -9999px; background: #428bca; margin-top: -30px; } #nivo_slider_wrap .nivo-controlNav a.active { background: #333333; } #nivo_slider_wrap .nivo-controlNav.nivo-thumbs-enabled { display: block; height: auto; position: relative; bottom: 0; padding: 10px 0; } #nivo_slider_wrap .nivo-controlNav.nivo-thumbs-enabled a { display: inline-block; width: 100px; height: auto; background: none; margin: 0 4px 0; -webkit-box-shadow: 0px 1px 2px 0px #dddddd; -moz-box-shadow: 0px 1px 2px 0px #dddddd; box-shadow: 0px 1px 2px 0px #dddddd; } #nivo_slider_wrap .nivo-controlNav.nivo-thumbs-enabled img { width: 100px; border: 0; } #nivo_slider_wrap .nivo-directionNav a { position: absolute; top: 50%; margin-top: -36px; z-index: 9; cursor: pointer; } /* Caption ../styles */ #nivo_slider_wrap .nivo-caption { position: absolute; left: 0; top: 50%; z-index: 9; width: 100%; max-height: 100%; padding: 20px; color: #ffffff; text-align: center; background: none; } #nivo_slider_wrap .nivo-caption .wt_button { display: inline-block; } #nivo_slider_wrap .nivo-html-caption { display: none; } #nivo_slider_wrap .slideImage { display: none; } /* Cycle Slider ../styles ------------------------------------------------- */ #cycle_slider { position: relative; width: 100%; max-width: 1920px; min-width: 320px; min-height: 280px; } #cycle_slider_wrap { position: relative; background: #FAFAFA; } /* set border-box so that percents can be used for width, padding, etc (personal preference) */ .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slideshow { width: 100%; max-width: 1920px; padding: 0; position: relative; } #cycle_slider.cycle-preload { background: #2b2b2b url("../img/loading.gif") no-repeat center center; } .cycle-slideshow > div.cycle-slide { height: 100%; width: 100%; } .cycle-slideshow iframe, .cycle-slideshow object, .cycle-slideshow embed { height: 100%; width: 100%; } .cycle-slideshow img.cycle_image { /* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */ position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; } /* in case script does not load */ .cycle-slideshow img.cycle_image:first-child, .cycle-slideshow div.cycle_panel:first-child { position: static; z-index: 100; } /* If an image is wrapped in a link */ #cycle_slider li a.cycle_link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 101; } /* Navigation Arrows */ .cycleArrows { width: 100%; z-index: 101; } .cycleArrows a { position: absolute; display: block; top: 50%; margin-top: -20px; z-index: 101; } .cycleArrows a { display: block; width: 40px; height: 40px; text-indent: -10000px; z-index: 201; outline: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=00); } .cycleArrows .cycle-next { right: 0; background: url("../img/sliderArrows.png") no-repeat -40px 0; } .cycleArrows .cycle-prev { left: 0; background: url("../img/sliderArrows.png") no-repeat 0 0; } .cycle_slider_wrap:hover .cycle-next { opacity: 0.8; filter: alpha(opacity=80); right: 20px; } .cycle_slider_wrap:hover .cycle-prev { opacity: 0.8; filter: alpha(opacity=80); left: 20px; } .cycle_slider_wrap:hover .cycleArrows a:hover { opacity: 1; filter: alpha(opacity=100); } /* Cycle Pager */ .cycle-pager { height: 15px; text-align: center; width: auto; z-index: 201; position: absolute; bottom: 10px; right: 10px; display: inline-block; } .cycle-pager span { outline: 0; text-indent: -9999px; margin: 0 2px; display: inline-block; cursor: pointer; width: 30px; height: 10px; background: #428bca; } .cycle-pager span.cycle-pager-active { background: #333333; } .cycle-pager > * { cursor: pointer;} /* HTML content */ .cycle_html_content { background: #FFFFFF; -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1); /* FF3.5+ */ -webkit-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */ box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */ } .cycle_html_content p { color: #565656 !important; } .cycle_html_content a:link, .cycle_html_content a:visited { color: #565656 !important; } /* Cycle slides non images */ .cycle-slideshow > a.cycle_link { background-color: #222222; display: block; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .cycle-slideshow > a.cycle_link > img.cycle_image { display: block; position: static; width: 100%; } .cycle-slideshow > div.cycle_panel { left: 0; padding: 0; position: absolute; top: 0; width: 100%; } .composite-example > div.cycle_panel { background: #fafafa; } .composite-example > div.cycle_panel > img.cycle_image { display: block; } .cycle-slide p { margin: 0; padding: 10px; } /* Caption ../styles */ .cycle-overlay { position: absolute; left: 0; top: 50%; z-index: 200; width: 100%; max-height: 100%; padding: 20px; color: #ffffff; text-align: center; color: #ffffff; background: none; } .cycle-overlay p { font-size: 12px; margin: 0; color: #ffffff; line-height: 20px; } /* Revolution Slider ------------------------------------------------- */ .tp-loader { z-index: 1000 !important; } /* ----- Rev Slider Navigation ----- */ .tp-leftarrow.default {z-index:100; cursor:pointer; position:relative; background:url("../img/prev_old.png") no-repeat scroll center center #222; width:45px; height:60px; } .tp-rightarrow.default {z-index:100; cursor:pointer; position:relative; background:url("../img/next_old.png") no-repeat scroll center center #222; width:45px; height:60px; } .tparrows:hover { background-color: #428bca; } /* Rev slider bullets */ .tp-bullets.simplebullets { bottom: 10px !important; } .tp-bullets.simplebullets .bullet { -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ box-sizing: content-box; cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; float:none !important; } .tp-bullets.simplebullets .bullet.last { margin-right: 0px } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } /* ------------------------------------------------- */ /* = SHORTCODE SLIDERS /* ------------------------------------------------- */ /* FlexSlider ------------------------------------------------- */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; margin:0; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Theme *********************************/ .flexslider { margin: 0 0 20px; position: relative; zoom: 1; } .blogEntry_frame .flexslider { margin: 0; } .flex-viewport { max-height: 2000px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1;} .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; width: 100%; } .flex-direction-nav li { margin: 0; } .flex-direction-nav a { width: 38px; height: 61px; margin: -50px 0 0; display: block; background: url("../img/slider_arrows.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 201; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=00); border: 1px solid #34302D; } #slide .flex-direction-nav a { margin: -30px 0 0; } .flex-direction-nav .flex-next { background-position: 100% 0; right: 0px; border-right: 0; } .flex-direction-nav .flex-prev { left: 0px; border-left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=80); right: 0px; } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=80); left: 0px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=100); } .flexslider:hover .flex-next:hover { border-right: 0; } .flexslider:hover .flex-prev:hover { border-left: 0; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: relative; bottom: 25px; right: 20px; text-align: center; z-index: 10; } .flex-control-nav li { float: right; zoom: 1; } .flex-control-paging li a { width: 30px; height: 10px; margin: 0 2px; background: #fff; display: block; cursor: pointer; text-indent: -9999px; } .flex-control-paging li a.flex-active { background-color: #428bca; } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs { margin: 10px 0 0; position: static; overflow: hidden; text-align: center; } .flex-control-thumbs li { width: 70px; display: inline-block; margin: 0 2px 5px; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; filter:alpha(opacity=70); cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; filter:alpha(opacity=100); } .flex-control-thumbs .flex-active { opacity: 1; filter:alpha(opacity=100); cursor: default; } /* Captions */ .flex-caption { left: 0; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 100%; } .flexslider_wrap .flex-caption { background: #000000; opacity: 0.8; filter: alpha(opacity=80); color: #ffffff; font-size: 13px; padding: 1% 2%; bottom: 0; *bottom: 3px; text-align: center; } .thumbsCarousel { border: 5px solid #fafafa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); } #wt_intro .flexslider.thumbsCarousel { margin-top: 10px; margin-bottom: 10px; border-color: #3B3B3B; } .flexslider.thumbsCarousel li { margin-right: 5px; } .thumbsCarousel .flex-direction-nav { top: 50%; } .thumbsCarousel .flex-direction-nav a { margin: -30px 0 0; border: none; } .thumbsCarousel .flex-viewport img { opacity: .7; filter:alpha(opacity=70); cursor: pointer; } .thumbsCarousel .flex-viewport img:hover { opacity: 1; filter:alpha(opacity=100); } .thumbsCarousel .flex-active-slide img { opacity: 1; filter:alpha(opacity=100); cursor: default; } /* Nivo ------------------------------------------------- */ .nivoslider_wrap { margin-bottom: 20px; } .nivo_container .nivoSlider { position: relative; background: #FAFAFA url("../img/loading.gif") no-repeat 50% 50%; } .nivoSlider img { position: absolute; top: 0px; right: 0px; display: none; } .nivoSlider a { border: 0; display: block; } .nivo_container .nivo-controlNav { text-align: center; margin-top: -20px; } .blog-thumbnail-slide .nivo_container .nivo-controlNav { position: absolute; bottom: 0px; right: 20px; z-index: 100; } .nivo-controlNav a { display: block; width: 30px; height: 10px; margin: 0 2px; background-color: #428bca; text-indent: -9999px; border: 0; margin: 0 2px; } .nivo_container .nivo-controlNav a.active { background: #fff; } .slide_wrap .nivo-controlNav a { display: inline-block; } .nivo-directionNav a { display: block; width: 38px; height: 61px; display: block; background: url("../img/slider_arrows.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 201; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=00); border: 1px solid #34302d; } .nivo-directionNav a:hover { border: 1px solid #34302d; } a.nivo-nextNav { background-position: -40px 0; right: 0px; } a.nivo-prevNav { left: 0px; } .nivoSlider:hover a.nivo-nextNav { opacity: 0.8; filter: alpha(opacity=80); border-right: 0; right: 0px; } .nivoSlider:hover a.nivo-prevNav { opacity: 0.8; filter: alpha(opacity=80); border-left: 0; left: 0px; } .nivoSlider:hover a.nivo-nextNav:hover, .nivoSlider:hover a.nivo-prevNav:hover { opacity: 1; filter:alpha(opacity=100); } .nivoSlider:hover a.nivo-nextNav:hover { border-right: 0; } .nivoSlider:hover a.nivo-prevNav:hover { border-left: 0; } .nivo-caption a { color: #fff; border-bottom: 1px solid #fff; } .nivo-caption a:hover { color: #fff; } .nivo-controlNav.nivo-thumbs-enabled { width: 100%; margin-bottom: -5px; } .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; width: 70px; background: #ffffff; } .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 70px; height: auto; } .nivo-controlNav.nivo-thumbs-enabled a img { opacity: 0.7; filter: alpha(opacity = 70); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .nivo-controlNav.nivo-thumbs-enabled a.active img, .nivo-controlNav.nivo-thumbs-enabled a:hover img { opacity: 1.0; filter: alpha(opacity = 100); } /* The Nivo Slider styles ------------------------------------------------- */ .wt_slide_holder, .slide_wrap { position: relative; } .nivoSlider { position: relative; width: 100%; height: auto; } .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivoslider_wrap .nivo-caption-content { font-size: 13px; position: absolute; left: 0px; bottom: 0px; text-align: center; background: #000; color: #ffffff; padding: 1% 2%; width: 100%; max-width: 100%; z-index: 8; overflow: hidden; display: none; opacity: 0.8; filter: alpha(opacity=80); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivoslider_wrap .nivo-caption p { padding: 5px; margin: 0; } .nivoslider_wrap .nivo-caption a { display: inline !important; } .nivoslider_wrap .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivoslider_wrap .nivo-directionNav a { position: absolute; top: 50%; margin-top: -30px; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align: center; padding: 10px 0; } .nivo-controlNav a { cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /* Slide alignment */ .slide_wrap.pull-left { margin: 4px 20px 0 0; } .slide_wrap.pull-right { margin: 4px 0 0 20px; } /* Styled Lists ------------------------------------------------- */ .wt_styled_list { list-style: none; margin: 0; line-height: 1; } .wt_styled_list li { margin: 0 0 20px;} .wt_styled_list li:before { font-size: 18px; margin-right: 8px; color: #428bca; font-family: 'FontAwesome'; content: "\f00c"; } .wt_styled_list h5 { display: inline-block; font-size: 16px; margin-left: -4px; } /* Styled Tables ------------------------------------------------- */ .wt_styled_table.pull-right { margin: 2px 0 0 20px; } .wt_styled_table.pull-left { margin: 2px 20px 0 0; } .wt_styled_table table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; color: #333333; } .wt_styled_table table, table { width: 100%; margin-bottom: 20px; } .wt_styled_table table th, .wt_styled_table table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; } .wt_styled_table table th { font-weight: bold; } .wt_styled_table table thead th, #wt_containerWrapp thead th { vertical-align: bottom; } .wt_styled_table table caption + thead tr:first-child th, .wt_styled_table table caption + thead tr:first-child td, .wt_styled_table table colgroup + thead tr:first-child th, .wt_styled_table table colgroup + thead tr:first-child td, .wt_styled_table table thead:first-child tr:first-child th, .wt_styled_table table thead:first-child tr:first-child td { border-top: 0; } .wt_styled_table table { background-color: #ffffff; } .wt_styled_table table .table-condensed th, .wt_styled_table table .table-condensed td { padding: 4px 5px; } .wt_styled_table table { *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wt_styled_table table th, .wt_styled_table table td { word-wrap: break-word; } .wt_styled_table table caption + thead tr:first-child th, .wt_styled_table table caption + tbody tr:first-child th, .wt_styled_table table caption + tbody tr:first-child td, .wt_styled_table table colgroup + thead tr:first-child th, .wt_styled_table table colgroup + tbody tr:first-child th, .wt_styled_table table colgroup + tbody tr:first-child td, .wt_styled_table table thead:first-child tr:first-child th, .wt_styled_table table tbody:first-child tr:first-child th, .wt_styled_table table tbody:first-child tr:first-child td { border-top: 0; } .wt_styled_table table thead:first-child tr:first-child > th:first-child, .wt_styled_table table tbody:first-child tr:first-child > td:first-child, .wt_styled_table table tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .wt_styled_table table thead:first-child tr:first-child > th:last-child, .wt_styled_table table tbody:first-child tr:first-child > td:last-child, .wt_styled_table table tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .wt_styled_table table thead:last-child tr:last-child > th:first-child, .wt_styled_table table tbody:last-child tr:last-child > td:first-child, .wt_styled_table table tbody:last-child tr:last-child > th:first-child, .wt_styled_table table tfoot:last-child tr:last-child > td:first-child, .wt_styled_table table tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .wt_styled_table table thead:last-child tr:last-child > th:last-child, .wt_styled_table table tbody:last-child tr:last-child > td:last-child, .wt_styled_table table tbody:last-child tr:last-child > th:last-child, .wt_styled_table table tfoot:last-child tr:last-child > td:last-child, .wt_styled_table table tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .wt_styled_table table tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .wt_styled_table table tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .wt_styled_table table caption + thead tr:first-child th:first-child, .wt_styled_table table caption + tbody tr:first-child td:first-child, .wt_styled_table table colgroup + thead tr:first-child th:first-child, .wt_styled_table table colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .wt_styled_table table caption + thead tr:first-child th:last-child, .wt_styled_table table caption + tbody tr:first-child td:last-child, .wt_styled_table table colgroup + thead tr:first-child th:last-child, .wt_styled_table table colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .wt_styled_table table tbody > tr:nth-child(odd) > td, .wt_styled_table table tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .wt_styled_table table tbody tr:hover > td, .wt_styled_table table tbody tr:hover > th { background-color: #f5f5f5; } .wt_styled_table .table-bordered thead th, #wt_containerWrapp .table-bordered thead th { /*background: #fafafa;*/ } dl { margin-left: 20px; margin-right: 20px; } /* Styled Boxes ------------------------------------------------- */ /* ----- Message Boxes ----- */ .wt_download_box, .wt_upload_box, .wt_info_box, .wt_faq_box, .wt_warning_box, .wt_notice_box, .wt_success_box { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .wt_download_box { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } #wt_container .wt_download_box a:link, #wt_container .wt_download_box a:visited { color: #5d8836; text-decoration: underline; } #wt_container .alert-info a:link, #wt_container .alert-info a:visited { color: #00529A; text-decoration: underline; } #wt_container .alert-warning a:link, #wt_container .alert-warning a:visited { color: #8A6D3B; text-decoration: underline; } #wt_container .alert-danger a:link, #wt_container .alert-danger a:visited { color: #A94442; text-decoration: underline; } .wt_notice_box { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } #wt_container .wt_notice_box a:link, #wt_container .wt_notice_box a:visited { color: #a87525; text-decoration: underline; } .wt_success_box_icon { padding: 15px; } #wt_container .alert-success a:link, #wt_container .alert-success a:visited { color: #5d8836; text-decoration: underline; } /* ----- Note Boxes ----- */ .wt_note { border: 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #c9ebf2; color: #38728f; margin-bottom: 20px; padding-top: 20px; background-color: #cde9f7; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9edf7), color-stop(25%, #d9edf7), to(#cde9f7)); background-image: -webkit-linear-gradient(#d9edf7, #d9edf7 25%, #cde9f7); background-image: -moz-linear-gradient(top, #d9edf7, #d9edf7 25%, #cde9f7); background-image: -ms-linear-gradient(#d9edf7, #d9edf7 25%, #cde9f7); background-image: -o-linear-gradient(#d9edf7, #d9edf7 25%, #cde9f7); background-image: linear-gradient(#d9edf7, #d9edf7 25%, #cde9f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edf7', endColorstr='#cde9f7', GradientType=0); } .wt_note .wt_noteTitle { padding: 0 10px 5px 15px !important;; margin: 0; color: #063275; background: none !important; border-left: none !important; } .wt_note .wt_noteContent { padding: 0 10px 20px 15px; } .wt_note.pull-right { margin: 2px 0 20px 20px; } .wt_note.pull-left { margin: 2px 20px 20px 0; } #wt_container .wt_note a:link, #wt_container .wt_note a:visited { color: #063275; text-decoration: underline; } /* ----- Framed Boxes ----- */ .wt_framed_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #eeeeee; margin-bottom: 20px; } .wt_rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wt_rounded .wt_framed_box_title { -webkit-top-left-border-radius: 5px; -moz-top-left-border-radius: 5px; border-top-left-radius: 5px; -webkit-top-right-border-radius: 5px; -moz-top-right-border-radius: 5px; border-top-right-radius: 5px; } .wt_rounded .wt_framed_box_content { -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .wt_framed_alt_box.rounded .wt_framed_box_content { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wt_framed_box .center { text-align: center; } .wt_framed_box h2 { font-size: 36px;} .wt_framed_box h2 span { font-size: 14px; text-transform: none; } .wt_framed_box_content { padding: 20px; padding-bottom: 0; } .wt_framed_box_content p { margin-bottom: 20px; } h6.wt_framed_box_title { background-color: #428bca; color: #ffffff; padding: 15px 20px; font-size: 16px; margin: 0; text-transform: uppercase; line-height: 10px; letter-spacing: 1px; border-bottom: none; } .wt_framed_box_title { background-color: #222222; } .wt_framed_box_title.rounded { -moz-border-radius-bottomleft: 0px; -khtml-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; } /* ----- Framed Boxes ----- */ .wt_framed_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin-bottom: 20px; } .wt_framed_box h3 { margin-bottom: 10px; } .wt_framed_box p { margin-bottom: 25px; } .wt_rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wt_rounded .wt_framed_box_content { -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .wt_framed_alt_box.rounded .wt_framed_box_content { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wt_framed_box .center { text-align: center; } .wt_framed_box h2 { font-size: 36px;} .wt_framed_box h2 span { font-size: 14px; text-transform: none; } .wt_framed_box_content { padding: 25px; padding-bottom: 0; } /* ========================================================================== 14. Basic Style For Images & wp default image ========================================================================== */ /* Basic Style For Images ------------------------------------------------- */ img.alignright { float: right; } img.alignleft { float: left; } img.alignleft, .wp-caption.alignleft { margin: 2px 18px 2px 2px !important; } img.alignright, .wp-caption.alignright { margin: 2px 2px 2px 18px !important; } img.aligncenter, .wp-caption.aligncenter { display: block; margin: 2px auto 20px !important; text-align: center; } /* wp default image ------------------------------------------------- */ .wp-caption { margin-bottom: 10px; text-align: center; color: #222222; max-width: 100%!important; background-color: #fafafa; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#fafafa)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #fafafa); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #fafafa); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #fafafa); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #fafafa); background-image: linear-gradient(#ffffff, #ffffff 25%, #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border: 1px solid #eeeeee; border-bottom-color: #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } p.wp-caption-text { padding: 5px 5px; margin: 0; font-size: 12px; line-height: 16px; text-align: center; } span.rss-date { display: block; font-size: 12px; margin: 5px 0; } .widget li a.rsswidget { font-size: 13px; font-weight: bold; } /* ========================================================================== 15. Styled Images & Buttons ========================================================================== */ /* Styled Images ------------------------------------------------- */ .wt_image_holder { position: relative; z-index: 0; display: block; height: 100%; } .single .portEntry .wt_image_holder { margin-bottom: 20px; } .wt_styled_image { border: 1px solid #ecf0f1; padding: 4px; display: block; height: auto; margin-bottom: 20px; max-width: 100%; } .single-portfolio .wt_styled_image { border: none; padding: 0px; } .wt_styled_image.pull-left { margin: 4px 20px 10px 0; } .wt_styled_image.pull-right { margin: 4px 0 10px 20px; } .wt_styled_image a { display: inline-block; } .imgGroup .wt_styled_image.pull-left { margin: 0px 3px 6px 0px; } .imgGroup .wt_styled_image.pull-right { margin: 0px 0px 6px 3px; } .imgGroup .wt_one_half { width: 50%; margin-right: 0;} .wt_styled_image img { width: 100%; } .no_link { cursor: default !important; } .responsivePic, .responsiveWp_caption { margin-right: 10px;} .responsivePic .wt_styled_image { width: 100% !important; } /* Styled Buttons ------------------------------------------------- */ #cancel-comment-reply-link { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 10px 20px; font-size: 14px; line-height: 1.428571429; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #cancel-comment-reply-link { color: #fff; background-color: #555; border-color: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active { color: #fff; background-color: #428bca !important; border-color: #428bca; } .wt_button { position: relative; outline: none; white-space: no-wrap; overflow: visible; /* IE bug */ cursor: pointer; font-weight: bold; margin-right: 10px; border: 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; border: 1px solid transparent; background-color: #f0f0f0; background-position: 0 0; } .wt_button:hover { border: 1px solid transparent; background-position: 0 0; } .wt_button.wt_square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wt_button.small.wt_round { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .wt_button.medium.wt_round { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; } .wt_button.large.wt_round { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .wt_button i { margin-left: -5px; padding-right: 5px; } .wt_contact_form .wt_button, .error_page .wt_button { color: #fff; background-color: #0bbfb0; border: none; cursor: pointer; display: inline-block; font-size: 12px; position: relative; background-image: none; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .error_page .wt_button { margin-top: 20px; background-color: #428bca; } .wt_contact_form .wt_button:hover, .error_page .wt_button:hover { background-color: #252525; } .error_page a.wt_button:hover { color: #ffffff; } .error_page { padding: 15px 0; } .wt_button, .wt_button span { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; word-wrap: break-word; text-align: center; text-decoration: none; } .wt_button:hover span { cursor: pointer; } .wt_button:active span { top: 1px; left: 1px; } .wt_button.small span { padding: 0 15px; line-height: 32px; font-size: 12px; } .wt_button.medium span { padding: 0px 20px; line-height: 42px; font-size: 13px; } .wt_button.large span { padding: 0 22px; line-height: 44px; font-size: 15px; } .wt_button.full { margin-right: 0; } .wt_button.full, .wt_button.full span { display: block; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome with Safari - fix margins */ button.wt_button span { margin-top: -2px; margin-left: -2px; margin-right: -2px; } } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } button.wt_button { padding: 0px; margin: 0; } /* ========================================================================== 16. Font Awesome Styles ========================================================================== */ #wt_sidebar .widget_subnav li [class^="fa-"], #wt_sidebar .widget_subnav li [class*=" fa-"], #wt_sidebar .widget_subnav li [class^="menu_icon_"] i, #wt_sidebar .widget_subnav li [class*=" menu_icon_"] i { font-size: 0; } .wt_fontawesome_icon.round { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wt_fontawesome_icon.small_round { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } h1.fontawesome .wt_fontawesome_icon.icon-1x { width: 50px; height: 50px; line-height: 54px; } h1.fontawesome .wt_fontawesome_icon.icon-large { width: 60px; height: 60px; line-height: 60px; } h1.fontawesome .wt_fontawesome_icon.icon-2x { width: 80px; height: 80px; line-height: 84px; } h1.fontawesome .wt_fontawesome_icon.icon-3x { width: 110px; height: 110px; line-height: 114px; } h1.fontawesome .wt_fontawesome_icon.icon-4x { width: 140px; height: 140px; line-height: 144px; } h2.fontawesome .wt_fontawesome_icon.icon-1x { width: 40px; height: 40px; line-height: 44px; } h2.fontawesome .wt_fontawesome_icon.icon-large { width: 50px; height: 50px; line-height: 50px; } h2.fontawesome .wt_fontawesome_icon.icon-2x { width: 70px; height: 70px; line-height: 74px; } h2.fontawesome .wt_fontawesome_icon.icon-3x { width: 90px; height: 90px; line-height: 94px; } h2.fontawesome .wt_fontawesome_icon.icon-4x { width: 120px; height: 120px; line-height: 124px; } h3.fontawesome .wt_fontawesome_icon.icon-1x { width: 35px; height: 35px; line-height: 37px; } h3.fontawesome .wt_fontawesome_icon.icon-large { width: 40px; height: 40px; line-height: 40px; } h3.fontawesome .wt_fontawesome_icon.icon-2x { width: 55px; height: 55px; line-height: 59px; } h3.fontawesome .wt_fontawesome_icon.icon-3x { width: 80px; height: 80px; line-height: 84px; } h3.fontawesome .wt_fontawesome_icon.icon-4x { width: 110px; height: 110px; line-height: 114px; } h4.fontawesome .wt_fontawesome_icon.icon-1x { width: 35px; height: 35px; line-height: 37px; } h4.fontawesome .wt_fontawesome_icon.icon-large { width: 40px; height: 40px; line-height: 40px; } h4.fontawesome .wt_fontawesome_icon.icon-2x { width: 55px; height: 55px; line-height: 59px; } h4.fontawesome .wt_fontawesome_icon.icon-3x { width: 75px; height: 75px; line-height: 79px; } h4.fontawesome .wt_fontawesome_icon.icon-4x { width: 90px; height: 90px; line-height: 94px; } h5.fontawesome .wt_fontawesome_icon.icon-1x { width: 30px; height: 30px; line-height: 32px; } h5.fontawesome .wt_fontawesome_icon.icon-large { width: 40px; height: 40px; line-height: 40px; } h5.fontawesome .wt_fontawesome_icon.icon-2x { width: 50px; height: 50px; line-height: 54px; } h5.fontawesome .wt_fontawesome_icon.icon-3x { width: 70px; height: 70px; line-height: 74px; } h5.fontawesome .wt_fontawesome_icon.icon-4x { width: 85px; height: 85px; line-height: 89px; } h6.fontawesome .wt_fontawesome_icon.icon-1x { width: 25px; height: 25px; line-height: 25px; } h6.fontawesome .wt_fontawesome_icon.icon-large { width: 35px; height: 35px; line-height: 35px; } h6.fontawesome .wt_fontawesome_icon.icon-2x { width: 50px; height: 50px; line-height: 54px; } h6.fontawesome .wt_fontawesome_icon.icon-3x { width: 65px; height: 65px; line-height: 69px; } h6.fontawesome .wt_fontawesome_icon.icon-4x { width: 80px; height: 80px; line-height: 84px; } p.fontawesome .wt_fontawesome_icon.icon-1x, span.fontawesome .wt_fontawesome_icon.icon-1x { width: 25px; height: 25px; line-height: 25px; } p.fontawesome .icon-large, span.fontawesome .icon-large { width: 30px; height: 30px; line-height: 30px; } p.fontawesome .wt_fontawesome_icon.icon-2x, span.fontawesome .wt_fontawesome_icon.icon-2x { width: 40px; height: 40px; line-height: 44px; } p.fontawesome .wt_fontawesome_icon.icon-3x, span.fontawesome .wt_fontawesome_icon.icon-3x { width: 55px; height: 55px; line-height: 59px; } p.fontawesome .wt_fontawesome_icon.icon-4x, span.fontawesome .wt_fontawesome_icon.icon-4x { width: 70px; height: 70px; line-height: 74px; } span.fontawesome .wt_fontawesome_icon { margin-right: 10px; } h1.fontawesome .wt_fontawesome_icon, h2.fontawesome .wt_fontawesome_icon, h3.fontawesome .wt_fontawesome_icon, h4.fontawesome .wt_fontawesome_icon, h5.fontawesome .wt_fontawesome_icon, h6.fontawesome .wt_fontawesome_icon, p.fontawesome .wt_fontawesome_icon { margin-right: 12px; display: inline-block; text-align: center; } h1.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h1.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 50px; vertical-align: -8px; } h1.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before,h1.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before{ font-size: 60px; vertical-align: -11px; } h1.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h1.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 80px; vertical-align: -8px; } h1.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h1.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 110px; vertical-align: -8px; } h1.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h1.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 140px; vertical-align: -10px; } h2.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h2.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 40px; vertical-align: -6px; } h2.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, h2.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 50px; vertical-align: -9px; } h2.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h2.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 70px; vertical-align: -7px; } h2.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h2.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 90px; vertical-align: -8px; } h2.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h2.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 120px; vertical-align: -9px; } h3.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h3.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 35px; vertical-align: -5px; } h3.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, h3.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 40px; vertical-align: -9px; } h3.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h3.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 55px; vertical-align: -6px; } h3.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h3.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 80px; vertical-align: -8px; } h3.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h3.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 110px; vertical-align: -12px; } h4.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h4.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 35px; vertical-align: -6px; } h4.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, h4.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 40px; vertical-align: -8px; } h4.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h4.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 55px; vertical-align: -7px; } h4.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h4.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 75px; vertical-align: -8px; } h4.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h4.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 90px; vertical-align: -9px; } h5.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h5.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 30px; vertical-align: -5px; } h5.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, h5.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 40px; vertical-align: -9px; } h5.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h5.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 50px; vertical-align: -6px; } h5.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h5.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 70px; vertical-align: -8px; } h5.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h5.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 85px; vertical-align: -9px; } h6.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, h6.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 25px; vertical-align: -5px; } h6.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, h6.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 35px; vertical-align: -8px; } h6.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, h6.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 50px; vertical-align: -7px; } h6.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, h6.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 65px; vertical-align: -8px; } h6.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, h6.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 80px; vertical-align: -9px; } p.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, p.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before, span.hoverEfect-icon-1x.fontawesome:hover [class^="fa-"]:before, span.hoverEfect-icon-1x.fontawesome:hover [class*=" fa-"]:before { font-size: 25px; vertical-align: -5px; } p.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, p.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before, span.hoverEfect-icon-2x.fontawesome:hover [class^="fa-"]:before, span.hoverEfect-icon-2x.fontawesome:hover [class*=" fa-"]:before { font-size: 40px; vertical-align: -7px; } p.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, p.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before, span.hoverEfect-icon-3x.fontawesome:hover [class^="fa-"]:before, span.hoverEfect-icon-3x.fontawesome:hover [class*=" fa-"]:before { font-size: 55px; vertical-align: -8px; } p.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, p.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before, span.hoverEfect-icon-4x.fontawesome:hover [class^="fa-"]:before, span.hoverEfect-icon-4x.fontawesome:hover [class*=" fa-"]:before { font-size: 70px; vertical-align: -9px; } p.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before, p.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before, span.hoverEfect-icon-large.fontawesome:hover [class^="fa-"]:before,span.hoverEfect-icon-large.fontawesome:hover [class*=" fa-"]:before { font-size: 30px; vertical-align: -6px; } .hoverEfect-icon-1x.fontawesome, .hoverEfect-icon-2x.fontawesome, .hoverEfect-icon-3x.fontawesome, .hoverEfect-icon-4x.fontawesome, .hoverEfect-icon-large.fontawesome { cursor: pointer; display: block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .icon-2x { font-size: 2em; } .icon-2x.wt_icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.wt_icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.wt_icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .fontawesome i { text-align: center; } .wt_entypo_icon, .wt_fontawesome_icon, .wt_glyphicons_icon { margin-right: 5px; } /* ========================================================================== 17. Main Content & Sections ========================================================================== */ /* Main Content ------------------------------------------------- */ #wt_content { padding-bottom: 15px; } #wt_main { margin-bottom: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .widget { margin-bottom: 40px; overflow: hidden; } #wt_topWidget .widget, #wt_topWidget p { margin-bottom: 0px; } #wt_topWidget p { padding: 0px; } /* Sections ------------------------------------------------- */ .wt_sections { position: relative; } .wt_section_area { position: relative; background-color: #ffffff; } .wt_video.wt_section_area { background-color: transparent; } .wt_section { clear: both; position: relative; z-index: 10; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } .single .wt_section { /*padding-bottom: 55px; padding-top: 0;*/ } .wt_section_contact { position: relative; margin-top: 55px; } .wt_section_contact .wt_gMap { position: relative; top: 0; left: 0; width: 100%; height: 100%; } .wt_section_contact .wt_g_map { margin-bottom: 0;} .wt_section_contact .wt_section_contact_inner { position: absolute; top: 15px; left: 0px; width: 40%; max-width: 410px; padding: 40px; z-index: 980; color: #9fa1aa; } #wt_containerWrapp .wt_section_contact .wt_section_contact_inner a:link, #wt_containerWrapp .wt_section_contact .wt_section_contact_inner a:visited { color: #9fa1aa; } #wt_containerWrapp .wt_section_contact .wt_section_contact_inner a.contact_button:link, #wt_containerWrapp .wt_section_contact .wt_section_contact_inner a.contact_button:visited { color: #ffffff; } .wt_section_contact .wt_section_contact_inner:after { content: ''; display: block; width: 110%; height: 100%; position: absolute; left: -40px; top: 0; border-right: 1px solid #57585a; background: rgba(22, 22, 22, 0.9); -webkit-transform: skew(-12deg); -moz-transform: skew(-12deg); -ms-transform: skew(-12deg); -o-transform: skew(-12deg); transform: skew(-12deg); z-index: -1; } .wt_border { border-top-style: solid; border-top-width: 1px; border-color: #fafafa; } .wt_shadow { -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset; -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 3px rgba(255, 255, 255, 0.1) inset; } .wt_separator_section { position: relative; } .wt_section_arrow { position: absolute; width: 60px; height: 60px; left: 50%; margin-left: -30px; top: -15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .wt_home_box { margin: 0 auto; max-width: 960px; text-align: center; width: 100%; } h1.wt_slogan { color: #EEEEEE; font-size: 140px; line-height: 80px; margin: 160px 0 120px; text-shadow: 2px 2px #151515; text-transform: uppercase; } h1.wt_slogan span { font-size: 70px; line-height: 50px; margin-bottom: 100px; } a.read_more { border: 2px solid #EEEEEE; color: #EEEEEE; font-size: 16px; line-height: 16px; padding: 10px 30px; text-transform: uppercase; } a.read_more:hover { color: #428bca; border: 2px solid #428bca; } /* ========================================================================== 18. Wordpress Page Navigation ========================================================================== */ /* Wordpress Page Navigation ------------------------------------------------- */ .wp-pagenavi { width: 100%; display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .wt_portfolio_wrapper .wp-pagenavi { min-height: 0 !important; } .wp-pagenavi .pagination { width: 100%; } .wp-pagenavi > li { display: inline; } .wp-pagenavi a { position: relative; display: inline-block; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .wp-pagenavi a:first-of-type { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .wp-pagenavi a:last-of-type{ border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .wp-pagenavi > li > a:hover, .wp-pagenavi > li > span:hover, .wp-pagenavi > li > a:focus, .wp-pagenavi > li > span:focus { background-color: #eeeeee; } .wp-pagenavi > .active, .wp-pagenavi > .active > span, .wp-pagenavi > .active > a:hover, .wp-pagenavi > .active > span:hover, .wp-pagenavi > .active > a:focus, .wp-pagenavi > .active > span:focus { z-index: 2; color: #ffffff!important; background-color: #428bca; border-color: #428bca; cursor: default; } .wp-pagenavi > .disabled > span, .wp-pagenavi > .disabled > span:hover, .wp-pagenavi > .disabled > span:focus, .wp-pagenavi > .disabled > a, .wp-pagenavi > .disabled > a:hover, .wp-pagenavi > .disabled > a:focus { color: #999999; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } .wp-pagenavi .currentPosts { z-index: 2; color: #ffffff!important; background-color: #428bca; border-color: #428bca; cursor: default; } .nav-previous { width: 50%; float: left; } .nav-next { width: 50%; float: right; text-align: right; } .nav-previous span, .nav-next span { position: relative; top: -2px; } .entry_navigation { overflow: hidden; margin: 20px 0; } /* read more link for blog */ .blogEntry a.read_more_link:hover { background-color: #555 !important; } .blogEntry a.read_more_link { background-color: #428bca; color: #ffffff!important; display: inline-block; font-family: 'Lato', sans-serif; font-size: 13.5px; margin: 5px auto; padding: 6px 14px 7px; position: relative; } .blogEntry p { margin-bottom: 10px; } .bypostauthor {} /* #wt_sidebar tweets style */ .recentTweets .twitterIcon { border: 1px solid #ffffff; border-radius: 100%; -webkit-border-radius: 100%; float: left; font-size: 13px; height: 25px; line-height: 25px; margin-right: 8px; margin-top: 5px; position: relative; text-align: center; width: 25px; } #wt_footerWrapper .recentTweets .twitterIcon { border: 1px solid #464646; } #wt_footerWrapper .recentTweets .content a { color: cacaca; } .recentTweets .twitterIcon:before { font-family: 'FontAwesome'; content: "\f099"; font-size: 13px; } .recentTweets .wt_postInfo { overflow: visible; margin-left: 60px; } #wt_sidebar .recentTweets .twitterIcon { width: 30px; height: 20px; } #wt_sidebar .recentTweets .twitterIcon:before { font-size: 20px; } #wt_sidebar .recentTweets .wt_postInfo { margin-left: 30px; } .recentTweets .content { width: 100%; padding: 5px; margin-bottom: 5px; } #wt_sidebar .recentTweets .content a { display: inline !important; } .recentTweets li a, #wt_content .recentTweets li a { font-style: italic; font-size: 12px; } .recentTweets li a:hover { text-decoration: underline; } .recentTweets li { font-size: 12px; border-bottom: none !important; } .tweet_time { display: block; } #wt_page .tweet_time a { font-style: normal; font-size: 10px; color: #919191; } /* end #wt_sidebar tweets style */ /* ========================================================================== 19. Comments Forms ========================================================================== */ /* Contact & Comments Forms ------------------------------------------------- */ #wt_content .wt_contact_form { margin-top: 12px; } #wt_sidebar .wt_contact_form label { margin-left: 0px; display: none; } #mc4wp_email, #mc4wp_name, #mc4wp_phone, .form.mc4wp-form input[type="text"], .form.mc4wp-form input[type="email"] { color: #444; width: 70%; display: inline-block; height: 44px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-color: #ffffff; margin-bottom: 20px; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #mc4wp_email:focus, #mc4wp_name:focus, #mc4wp_phone:focus, .form.mc4wp-form input[type="text"]:focus, .form.mc4wp-form input[type="email"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .form.mc4wp-form input[type="submit"], .wpcf7 input[type="submit"] { color: #fff; background-color: #428bca; border-color: #357ebd; width: 27%; display: block; border:none; cursor: pointer; padding: 10px 16px; font-size: 18px; line-height: 1.33; float: right; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .wt_home_style_2 #mc4wp_email, .wt_home_style_2 #mc4wp_name, .wt_home_style_2 #mc4wp_phone, .wt_home_style_2 .form.mc4wp-form input[type="text"], .wt_home_style_2 .form.mc4wp-form input[type="email"] { background-color: #f0f0f0; width: 100%; } .wt_home_style_2 #mc4wp_email:focus, .wt_home_style_2 #mc4wp_name:focus, .wt_home_style_2 #mc4wp_phone:focus, .wt_home_style_2 .form.mc4wp-form input[type="text"]:focus, .wt_home_style_2 .form.mc4wp-form input[type="email"]:focus { border: 1px solid #777;} .wt_home_style_2 .form.mc4wp-form input[type="submit"] { margin: 0 auto 20px auto; width: auto; float: none; } .form.mc4wp-form input[type="submit"]:hover, .wpcf7 input[type="submit"]:hover { color: #fff; background-color: #3276b1; border-color: #285e8e; } .wpcf7 p { line-height: 25px; } .text_input, .text_area, input.wt_search_field, .wpcf7 input, .wpcf7 textarea, .wpcf7 select { width: 100%; } .wpcf7 input[type="submit"] { width: auto; float: none; padding-left: 30px; padding-right: 30px; } .single-portfolio .withSidebar .text_area { width: 50%; } #wt_footerWrapper .wt_contact_form .wt_button { box-shadow: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: #292929 0px 1px 1px inset, #292929 -1px -1px 0px 0px, #292929 1px 1px 0px 0px, #292929 1px 0px 0px 0px, #292929 0px 1px 0px 0px, #292929 1px -1px 0px 0px, #292929 -1px 1px 0px 0px; -moz-box-shadow: #f4f4f4 0px 1px 4px inset, #292929 -1px -1px 0px 0px, #292929 1px 1px 0px 0px, #292929 1px 0px 0px 0px, #292929 0px 1px 0px 0px, #292929 1px -1px 0px 0px, #292929 -1px 1px 0px 0px; box-shadow: #292929 0px 1px 1px inset, #292929 -1px -1px 0px 0px, #292929 1px 1px 0px 0px, #292929 1px 0px 0px 0px, #292929 0px 1px 0px 0px, #292929 1px -1px 0px 0px, #444 -1px 1px 0px 0px; background-image: none; } #wt_footerWrapper .text_input, #wt_footerWrapper .text_area { box-shadow: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #wt_footerWrapper .wt_search_form, #wt_headerWrapper .wt_search_form { float: none; } #wt_sidebar .wt_contact_form .text_area { height: 90px; max-width: 100%; } #commentform label { margin-left: 10px; } #commentform .fieldset, .wt_contact_form .fieldset { overflow: hidden; /*position: relative;*/ } .wt_contact_form { padding: 4px 0 0px; } #wt_footer .wt_contact_form, #widgetWrapper .wt_contact_form { padding: 5px 0 0px; } .wt_contact_form .fieldset { margin: 0 0 12px 0; padding: 0; } .wt_contact_form label, .wt_contact_form input { display: block; } #commentform label, #commentform input { display: inline-block; } #commentform .text_input { max-width: 320px; } #wt_footer .wt_contact_form label, #widgetWrapper .wt_contact_form label { text-align: right; } .wt_contact_form textarea { line-height: 20px;} .wt_contact_form fieldset { margin-bottom: 0; } #wt_footer .wt_contact_form .text_input, #widgetWrapper .wt_contact_form .text_input { max-width: 265px; } .wt_contact_form textarea { height: 260px; overflow: auto; } #wt_footerWrapper .wt_contact_form textarea { height: 120px; } #wt_footer .wt_contact_form textarea, #widgetWrapper .wt_contact_form textarea { max-width: 300px; } #wt_footer .wt_one_fifth .wt_contact_form .text_input, #widgetWrapper .wt_one_fifth .wt_contact_form .text_input { width: 53%; } #wt_footer .wt_one_fifth .wt_contact_form textarea, #widgetWrapper .wt_one_fifth .wt_contact_form textarea { width: 84%; } select { margin: 0; border: 1px solid #dddddd; background-color: -moz-Combobox; color: -moz-ComboboxText; font: -moz-list; line-height: normal !important; white-space: nowrap !important; word-wrap: normal !important; text-align: start; cursor: default; -moz-box-sizing: border-box; -moz-user-select: menulist; -moz-appearance: menulist; -webkit-appearance: menulist; text-indent: 0; overflow: -moz-hidden-unscrollable; text-shadow: none; background: #f7f7f7; color: #898989; outline: 0; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; width: 99%; max-width: 100%; -moz-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2); box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2); border: 1px solid #d4d4d4; } .contact_button:active, .contact_button.active { background-image: none; } .wt_row { margin-left: -15px; margin-right: -15px; } /* ========================================================================== 20. Custom & WordPress Widget ========================================================================== */ /* Videos / Audios ------------------------------------------------- */ .wt_video_wrap { margin-bottom: 20px; line-height: 100%; position: relative; } #wt_intro .wt_video_wrap { margin-bottom: 0; } .wt_embed { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; margin-bottom: 20px; } * html .wt_embed { margin-bottom: 45px; margin-bot\tom: 0; } .wt_embed div, .wt_embed iframe, .wt_embed object, .wt_embed embed { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .wt_audio_wrap { margin-bottom: 20px; } .mejs-controls .mejs-button button:focus { outline: none !important; } .lt-ie9 .me-plugin { position: static !important; } /* Advertise Widget ------------------------------------------------- */ .wt_adsWrap { position: relative; overflow: hidden; padding-top: 10px; margin-left: -10px; } #wt_footer .wt_adsWrap { padding-top: 10px; } .wt_adsWrap a { width: 120px; margin: 0 0 10px 10px; display: inline-block; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wt_adsWrap a img { width: 100%; display: block; } .wt_adsWrap a.last { margin-right: 0; } /* Custom Links Widget ------------------------------------------------- */ #wt_footer .wt_custom_links { padding-top: 5px; } #wt_footer .widget .wt_custom_links li i { color: #eeeeee; } .widget .wt_custom_links .title { text-align: left; } .wt_custom_links li, #widgetWrapper .wt_custom_links li { margin-bottom: 8px !important; } .wt_custom_links li a { background: none !important; padding: 0 !important; line-height: 24px; } .wt_custom_links li img { vertical-align: top; display: inline-block; margin-right: 5px; } .wt_custom_links li span { display: inline-block; font-size: 16px; } /* Calendar Widget ------------------------------------------------- */ #wp-calendar { width: 100%; text-align: center; vertical-align: middle; border-collapse: separate; border-spacing: 0; font-size: 12px; margin-bottom: 20px; } .widget_calendar a { color: #777; } .widget_calendar a:hover { color: #428bca; } #wp-calendar th, #wp-calendar caption { text-align: center; } #prev { text-align: left; } #wp-calendar caption, #wp-calendar th, #wp-calendar td, #wp-calendar tfoot { padding: 5px; } #wt_sidebar #wp-calendar th, #wt_sidebar #wp-calendar tbody td { border-bottom: 1px solid #e5e5e5; } #today, #wt_containerWrapp #today { font-weight: bold; color: #ffffff; background-color: #428bca; } #wp-calendar caption, #wp-calendar th { color: #428bca; } #wt_sidebar #wp-calendar th, #wt_sidebar #wp-calendar tbody td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } #wt_sidebar #wp-calendar tbody td#today { border-bottom: none; border-left: none; } #wt_sidebar #wp-calendar th:last-child, #wt_sidebar #wp-calendar tbody td:last-child { border-right: 1px solid #e5e5e5; } #wt_sidebar #wp-calendar caption { border-bottom: 1px solid #e5e5e5; } #wt_sidebar #wp-calendar caption, #wt_sidebar #wp-calendar th { font-weight: bold; } #wt_footer #wp-calendar td { color: #b0b0b0; } #wt_footer #wp-calendar #today { color: #ffffff; } #wt_footer #wp-calendar caption, #wt_footer #wp-calendar th { font-weight: bold; } /* About The Author ------------------------------------------------- */ #aboutTheAuthor { margin-bottom: 40px; } #aboutTheAuthor h3 { margin-bottom: 20px; } .aboutTheAuthor_wrapp { padding-right: 10px; min-height: 90px; overflow: hidden; color: #777777; background: #f7f7f7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-left: 1px solid #e5e5e5; } .aboutTheAuthor_wrapp .gravatar { float: left; width: 25%; padding: 20px 0; overflow: hidden; /*position: absolute;*/ text-align: center; } .aboutTheAuthor_wrapp .gravatar img { background: none repeat scroll 0 0 #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 10px auto 15px; padding: 4px; max-width: 80px; max-height: 80px; } .aboutTheAuthor_content { float: right; width: 75%; overflow: hidden; padding: 20px; } .aboutTheAuthor_content h4 { margin-bottom: 8px; font-size: 22px; } .aboutTheAuthor_content p { margin-bottom: 10px; } .blogEntry { position: relative; } .blogEntry_frame { margin-bottom: 20px; } .entry_left { float: left; margin-right: 20px; } .wt_entry_left > figure { float: left; margin-right: 20px; } .single .blogEntry > figure { margin-bottom: 10px; } /* Inline Lightbox ------------------------------------------------- */ .pp_inline img { padding: 0 18px 18px; } /* Dividers ------------------------------------------------- */ #wt_containerWrapp .wt_top { text-align: right; clear: both; display: block; margin-bottom: 20px; position: relative; font-size: 11px; } #wt_containerWrapp .wt_top a { display: inline-block; } /* Margins ------------------------------------------------- */ .margin_1 { margin-bottom: 1px!important; } .margin_2 { margin-bottom: 2px!important; } .margin_3 { margin-bottom: 3px!important; } .margin_4 { margin-bottom: 4px!important; } .margin_5 { margin-bottom: 5px!important; } .margin_6 { margin-bottom: 6px!important; } .margin_7 { margin-bottom: 7px!important; } .margin_8 { margin-bottom: 8px!important; } .margin_9 { margin-bottom: 9px!important; } .margin_10 { margin-bottom: 10px!important; } .margin_11 { margin-bottom: 11px!important; } .margin_12 { margin-bottom: 12px!important; } .margin_13 { margin-bottom: 13px!important; } .margin_14 { margin-bottom: 14px!important; } .margin_15 { margin-bottom: 15px!important; } .margin_16 { margin-bottom: 16px!important; } .margin_17 { margin-bottom: 17px!important; } .margin_18 { margin-bottom: 18px!important; } .margin_19 { margin-bottom: 19px!important; } .margin_20 { margin-bottom: 20px!important; } .margin_21 { margin-bottom: 21px!important; } .margin_22 { margin-bottom: 22px!important; } .margin_23 { margin-bottom: 23px!important; } .margin_24 { margin-bottom: 24px!important; } .margin_25 { margin-bottom: 25px!important; } .margin_26 { margin-bottom: 26px!important; } .margin_27 { margin-bottom: 27px!important; } .margin_28 { margin-bottom: 28px!important; } .margin_29 { margin-bottom: 29px!important; } .margin_30 { margin-bottom: 30px!important; } .margin_31 { margin-bottom: 31px!important; } .margin_32 { margin-bottom: 32px!important; } .margin_33 { margin-bottom: 33px!important; } .margin_34 { margin-bottom: 34px!important; } .margin_35 { margin-bottom: 35px!important; } .margin_36 { margin-bottom: 36px!important; } .margin_37 { margin-bottom: 37px!important; } .margin_38 { margin-bottom: 38px!important; } .margin_39 { margin-bottom: 39px!important; } .margin_40 { margin-bottom: 40px!important; } /* Wordpress Galleries ------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; border: none; height: 100%; } #gallery-1 .gallery-item { margin-top: 0px!important; } .gallery-item dt { margin-top: 0; margin-bottom: 0; } .gallery-item a { vertical-align: middle; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-3 .gallery-item { max-width: -webkit-calc(33% - 4px); max-width: calc(33% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; filter: alpha(opacity=00); padding: 2px 8px; position: absolute; bottom: 0px; left: 0; text-align: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0px; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; filter: alpha(opacity=100); } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Contact info ------------------------------------------------- */ #wt_containerWrapp .wt_contactInfo { margin-bottom: 30px; overflow: hidden; } .wt_contactInfo .contactText { background: none !important; padding-left: 0; } #wt_containerWrapp .wt_contactInfo .contactMail a, #wt_containerWrapp .wt_contactInfo .contactTwitter a { word-wrap: break-word; } /* Isotope Layouts ------------------------------------------------- */ .wt_isotope_shortcode.wt_isotope { margin: 0 -16px 20px; } .wt_isotope_shortcode.wt_isotope .wt_element { margin: 0 0px 20px; position: relative; } .wt_isotope_shortcode.wt_isotope .wt_element img { display: block; } .wt_isotope_shortcode .elContent { padding: 10px; border: 1px solid #e5e5e5; } /* ------------------------------------------------- */ /* = BLOG META /* ------------------------------------------------- */ .blogEntry_metadata { width: 100%; margin-bottom: 15px; } .single .blogEntry_metadata { margin-top: 15px; } .wt_entry_left .blogEntry_metadata { margin-top: 0; } .blogEntry_metadata div { display: inline-block; margin-right: 15px; font-size: 11px; color: #999; } .blogEntry_metadata div a { color: #444; font-size: 12px; padding-left: 3px; } .blogEntry_metadata div:hover { color: #2a6496; } .blogEntry_metadata li.post-tags a:first-child { padding-left: 3px; } .post_container { position: relative; overflow: hidden; } .post-image ul { max-height: 397px; } .blogEntry { overflow: hidden; position: relative; } .blog-thumbnail-slide { clear: both; background: #f9f9f9; } .single .blogEntry { margin-bottom: 0; } .blogEntry .entry_date span { text-align: center; width: 100%; display: block; color: #fff; } .blogEntry .entry_date .day { padding-top: 7px; line-height: 14px; color: #fff; } .blogEntry .entry_date .month { font-size: 14px; } /* ------------------------------------------------- */ /* = SEARCH FORM /* ------------------------------------------------- */ .wt_search_form { margin: 0; padding: 0; position: relative; } .wt_search_form .wt_search_field { border: 1px solid #eee; background-color: #fff; width: 100%; height: 40px; padding: 5px 50px 5px 10px; color: #999999; float: left; font: normal 12px "Open sans", Helvetica, Arial, sans-serif; } #wt_footerWrapper .wt_search_form .wt_search_field { border: 1px solid #464646; background-color: transparent; color: #eeeeee; } .wt_search_form .wt_search_field::-webkit-input-placeholder, .wt_search_form .wt_search_fieldt:-moz-placeholder, .wt_search_form .wt_search_field::-moz-placeholder, .wt_search_form .wt_search_fieldt:-ms-input-placeholder { color: #464646; } .wt_search_form .wt_search_go, .wt_search_form .wt_search_icon { width: 40px; height: 40px; line-height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; text-align: center; cursor: pointer; } .wt_search_form .wt_search_go { border: none; outline: none; color: #ffffff; background: #428bca; z-index: 11; font-size: 16px; font-family: 'FontAwesome'; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_search_form .wt_search_go:hover { background: #383634; } .wt_search_form .wt_search_field:focus, #comments .row-fluid textarea:focus, #comments .row-fluid input:focus { border-color: #66afe9!important; } .wt_search_form .sb-search-submit:hover { background-color: #428bca !important; } #headerWidget .wt_search_form .wt_search_field { width: 200px; } /* ------------------------------------------------- */ /* = SEARCH FORM ALTERNATIVE /* ------------------------------------------------- */ .sb-search { position: relative; width: 0%; min-width: 40px; height: 40px; float: right; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .sb-search-input { position: absolute; top: 0; right: 0; border: none !important; outline: none; background: #fff; width: 100%; height: 40px; margin: 0; z-index: 10; padding: 0 20px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #2c3e50; } .wt_search_form .sb-search-submit { border: none; outline: none; color: #888888; background-color: #ffffff !important; } #wt_footer .wt_search_form .sb-search-submit { background-color: #464646 !important; } .sb-search .sb-search-submit:hover, .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { background-color: #2a6496 !important; color: #ffffff; } .sb-search .sb-search-submit { height: 40px; line-height: 40px; } /* ----- Open state ----- */ .sb-search.sb-search-open, .no-js .sb-search { width: 250px; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } /* ------------------------------------------------- */ /* = ARCHIEVE SIDEBAR WIDGET /* ------------------------------------------------- */ h3.widgettitle { font-family: 'bebasneueregular', Helvetica, Arial, sans-serif; } .widget ul { margin: 0px; padding: 0px; } .widget li { border-bottom: 1px solid #eeeeee; padding: 6px 0; list-style:none; margin-bottom: 3px; } #wt_footerWrapper .widget li { border-bottom: 1px solid #464646; } #wt_footerWrapper .widget .wt_social_networks_sc li, .widget .wt_social_networks_sc li { border-bottom: none; } .widget li a { color: #777777; font-size: 13px; line-height: 20px; } .wt_postInfo p, #wt_footer .wt_postInfo p, .postInfo p, #wt_footer .postInfo p { font-size: 12.5px; } .widget .wt_postInfo .comments { display: block; } #wt_footerWrapper .widget li .wt_postInfo a { color: #ffffff; } #wt_sidebar .widget li .wt_postInfo a, #wt_sidebar .wt_postInfo a { display: block; color: #464646; } #wt_sidebar .wt_postInfo a:hover { color: #2a6496;} .wt_postInfo p, .postInfo p, #wt_footerWrapper .widget li .wt_postInfo .comments a, #wt_sidebar .widget .wt_postInfo .comments a { color: #888888; } #wt_sidebar .widget li a:hover, .widget li a:hover, #wt_footerWrapper .widget li .wt_postInfo a:hover, .widget_content ul.arrows_list1 li:hover i, .widget_content ul.archives_list li:hover i { color:#2a6496; } .wt_postList .wt_postInfo .comments a, .wt_postList .postInfo .comments a { display: block; } .widget li { color:#777777; } #wt_footerWrapper .widget li i { margin-right: 5px; color:#eeeeee; } #wt_sidebar .wt_postList > li { margin: 0 0 15.5px; padding: 0 0 17px; border-bottom: 1px solid #f5f6f6; border-top: none; } #wt_sidebar .wt_postList > li:last-child { margin: 0; padding: 0 ; border-bottom: 1px solid transparent; } /* ------------------------------------------------- */ /* = TAGS WIDGET /* ------------------------------------------------- */ .tagcloud { padding: 0; margin: 5px 0 0; float: left; } .tagcloud a { float: left; padding: 0px; margin: 0px 5px 5px 0px; list-style-type: none; line-height: 25px; } .tagcloud a { background: #F9F9F9; border: 1px solid #f1f1f1!important; color: #888!important; float: left; font-size: 13px!important; position: relative; padding: 3px 8px 4px 23px; } #wt_footerWrapper .tagcloud a { background: transparent; border: 1px solid #464646!important; } .tagcloud a:before { content: "\f02c"; position: absolute; font-family: 'FontAwesome'; left: 6px; font-size: 11px; } .tagcloud a:hover, #wt_footerWrapper .tagcloud a:hover { background: #428bca; color: #ffffff!important; } /* ------------------------------------------------- */ /* = RECENT POST WIDGET /* ------------------------------------------------- */ ul.recent_posts_list, ul.popular_posts_list { margin: 0px; padding: 0px; width: 100%; float: left; } .recent_posts_list li,.recent_comments > li, .popular_posts_list > li { margin: 0 0 15.5px; padding: 0 0 17px; list-style-type: none; border-bottom: 1px solid #f5f6f6; float: left; width: 100%; overflow: hidden; } .popular_posts_list > li:last-child { border-bottom: none; margin-bottom: 10px; } .recent_posts_list li a,.popular_posts_list li a{ color: #464646; display: block; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; position: relative; overflow: hidden; } .wrap .title_post { color: #464646; font-family: 'Lato', sans-serif; font-size: 13.5px; line-height: 18px; text-decoration: none; position: relative; overflow: hidden; } .recent_posts_list li a:hover,.popular_posts_list li a:hover, .wrap .title_post:hover { color: #2a6496; } .recent_posts_list li span, .recent_comments li span, .popular_posts_list li span { float: left; margin-right: 15px; overflow: hidden; } .recent_posts_list li span img, .recent_comments li span img, .popular_posts_list li span img { margin-right: 0; max-width: 60px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; width: 100%; } .recent_posts_list li span img:hover,.popular_posts_list li span img:hover { float: left; margin-right: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .recent_posts_list li i,.popular_posts_list li i { padding: 1px 0px 0px 0px; margin: 0px; display: block; font-size: 12px; font-style: normal; color: #9e9e9e; } .recent_posts_list li.last,.recent_comments > li.last,.popular_posts_list > li.last { padding: 0px 0px 7px 0px; border-bottom: 0px solid #f5f6f6; } .recent_posts_list li a .overlay:after, .recent_comments li a .overlay:after, .popular_posts_list li a .overlay:after{ content: "\f002"; font-family: 'FontAwesome'; position: absolute; line-height: 60px; color: #fff; z-index: 999; font-size: 18px; opacity: 1 !important; filter: alpha(opacity=100) !important; margin-left: -8px; } .recent_posts_list li a .overlay, .recent_comments li a .overlay, .popular_posts_list li a .overlay { position: absolute; width: 60px; height: 60px; text-align: center; background: #2a6496; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index:0; left: 0; } .recent_posts_list li a .overlay:hover, .recent_comments li a .overlay:hover, .popular_posts_list li a .overlay:hover {opacity: 0.7;filter: alpha(opacity=70);} .recent_posts_list li a.thumb img, .recent_comments li a.thumb img, .popular_posts_list li a.thumb img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent_posts_list li a.thumb:hover img, .recent_comments li a.thumb:hover img, .popular_posts_list li a.thumb:hover img { transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); } .recent_posts_list li p.wrap, .recent_comments li p.wrap, .popular_posts_list li p.wrap { line-height: normal; margin-bottom: 0; overflow: hidden; } .desc em { font-family: 'Lato', sans-serif; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; } .wrap .desc { display: block; float: left; font-size: 13px; font-style: italic; margin-bottom: 5px; margin-top: 0; width: 100%; } .widget_content .tabs-container { margin-bottom: 0; } /* Blog */ .blogEntry_metadata { border-bottom: 1px solid #eeeeee; } .blogEntry_metadata div { padding: 5px 10px; margin: 0; border-left: 1px solid #eeeeee; } .blogEntry_metadata div:first-of-type { padding: 5px 10px 5px 0; border-left: none; } .blogEntry { overflow: hidden; position: relative; } .blog-thumbnail-slide { clear: both; } .blogEntry p { color: #444444; } #calendar_wrap #next, #calendar_wrap #prev { position: inherit; font-size: inherit; color: #666; } .widget_categories ul li span { color: #777777; float: right; height: 28px; line-height: 28px; text-align: center; width: 28px; font-weight: 600; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_categories ul li:hover span { background: #428bca; color: #FFFFFF; } /* ------------------------------------------------- */ /* = WIDGET FOOTER /* ------------------------------------------------- */ h4.widgettitle { font-family: 'bebasneueregular', Helvetica, Arial, sans-serif; } .wt_postList > li { list-style: none outside none; overflow: hidden; margin-bottom: 15px; } .widget .wt_postList a { font-size: 14px; } .wt_postList li a.thumb { float: left; overflow: hidden; margin-right: 15px;} .postThumbs a.thumb, .wt_postThumbs a.thumb { float: left; overflow: hidden; margin-right: 3px; margin-bottom: 3px; } .wt_postList li a.thumb img, .wt_postThumbs a.thumb img, .postThumbs a.thumb img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_postList li a.thumb:hover img, .wt_postThumbs a.thumb:hover img, .postThumbs a.thumb:hover img { transform: scale(1.2) rotate(5deg); -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); } .overlay:after { content: "\f002"; font-family: 'FontAwesome'; position: absolute; line-height: 55px; color: #fff; z-index: 1030; font-size: 18px; opacity: 1 !important; filter: alpha(opacity=100) !important; margin-left: -6px; } .overlay { z-index: 90; position: absolute; width: 55px; height: 55px; text-align: center; background: #428bca; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index:0; left: 15px; } .overlay:hover { opacity: 0.7; filter: alpha(opacity=70); } .wt_postList li .wt_postInfo { line-height: normal; margin-bottom: 0; overflow: hidden; } .wt_postInfo a, .postInfo a { color: #444; /*font-size: 13px;*/ font-weight: 500; vertical-align: text-top; } #wt_footerWrapper .wt_postInfo a { color: #ffffff; } .wt_postInfo a:hover { color: #428bca; } .wrap small, .wt_postList .date { display: block; color: #888888; font-size: 90%; } .thumb > img { max-width: 55px; position: relative; vertical-align: top; } /* ------------------------------------------------- */ /* = COMMENT BLOG POST /* ------------------------------------------------- */ #comments { clear: both; margin: 20px auto 0; padding: 30px 0 0; } .commentList { margin:0; padding:0; } .commentList li { list-style: none; margin: 0; padding: 0; overflow: hidden; } .commentList ul.children { margin-left:94px; padding:0; } .comment .comment_wrap { padding: 20px; border-bottom: 1px solid #f1f1f1; } .comment:last-of-type .comment_wrap { border-bottom: none; } .children .comment:last-of-type .comment_wrap { border-bottom: 1px solid #f1f1f1; } .comment_content { margin-bottom: 20px; margin-left: 100px; position: relative; } .comment_wrap .gravatar img:hover, .comment_wrap .gravatar:hover:after { background: #428bca; } .comment_content .fa-comments { display: none; } .avatar:hover img {border-color: #428bca; } .comment-body { margin-bottom:20px; } .comment_wrap .gravatar { float: left; width: 80px; position: relative; } .comment_wrap .gravatar img { position: relative; display: block; margin-right: 20px; z-index: 0; background: #f1f1f1; padding: 4px; border-radius: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .comment_wrap .gravatar:after { content: ""; display: block; position: absolute; right: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: #f1f1f1; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .comment_wrap .comment_author { display: block; font-size: 16px; line-height: 20px; margin: 0; } .comment_wrap .comment_author a {color:#555} #comment { border-bottom: 1px solid #ecf0f1; padding-bottom: 50px; margin-bottom: 30px; } /* comment hover effect */ .comment_wrap .comment { position: relative; } .comment_wrap .comment-reply-link { position: absolute; right: 20px; bottom: 0px; } .reply a.comment-reply-link { color: inherit !important; font-size: 12px; font-weight: 700; text-decoration: none !important; text-transform: uppercase; } .comment-reply-link { position: absolute; right: 20px; bottom: 0px; } .reply a.comment-reply-link:before { position: absolute; left: -20px; top: 1px; content: url(../img/reply.png); height: 16px; width: 16px;} .row-fluid textarea, textarea { font-size: 14.994px; height: auto; line-height: 24px; padding: 10px !important; background: #FFFFFF; border:1px solid #e9e9e9; color: #A3A3A3; } .row-fluid textarea:focus, .row-fluid input:focus { border-color: #428bca !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .commentform > input { margin-bottom:25px; margin-right:20px; width: 31.6%; position: relative; background: #FFFFFF; padding: 10px; border:1px solid #e9e9e9; color: #A3A3A3; } #comments { margin-bottom: 20px; } .commentform > input:last-child { margin-right:0; } #submit.btn { margin-top: 0; } input[type="text"], input[type="email"] { border-radius: 0; position: relative; background: #FFFFFF; padding-left:7px; border: 1px solid #e9e9e9; color: #A3A3A3; height: 40px; font-size: 13px; box-shadow: none; } #wt_footerWrapper input[type="text"], #wt_footerWrapper input[type="email"], #wt_footerWrapper .row-fluid textarea, #wt_footerWrapper textarea { background: transparent; border: 1px solid #464646; color: #A3A3A3; } .text_input { padding: 12px; } .contact_button { display: inline-block; margin-top: 10px; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 10px 20px; font-size: 14px; line-height: 1.428571429; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #ffffff !important; background-color: #428bca; } .wt_contact_form_wrap .contact_button { margin-top: 0px; } .contact_button:hover, .contact_button:focus, .contact_button:active, .contact_button.active { color: #ffffff !important; background-color: #555; border-color: #555; } .reset-form { font-family: FontAwesome; position: relative; float: right; text-decoration: none; } .reset-form:after { content: "\f057"; position: relative; margin-left: 4px; top: 1px; font-size: 1.1em; line-height: 52px; } .wt_contactInfoWrap p { margin-bottom: 3px; } /* Social Widget ------------------------------------------------- */ .wt_social_wrap a { position: relative; display: inline-block; width: 26px; height: 26px; margin: 4px; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #666; background-repeat: no-repeat; background-position: 0 0; } .wt_social_wrap a.round, .wt_social_wrap_fa a.round { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .wt_social_wrap a.square, .wt_social_wrap_fa a.square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wt_social_wrap a span { display: none; } .wt_social_wrap a:hover { background-position: 0px -24px; } .wt_social_wrap.icons_32 a { width: 42px; height: 42px; } .wt_social_wrap.icons_32 a:hover { background-position: 0px -40px; border: 1px solid #2f5a9a; color: #2f5a9a; } .wt_social_wrap img { position: relative; display: block; -moz-transition: -moz-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_social_wrap img { border: 1px solid #666; } .wt_social_wrap a.aim, .wt_social_wrap_alt a.aim { background-image: url(../img/social/aim.png); } .wt_social_wrap a.aim_32, .wt_social_wrap_alt a.aim_32 { background-image: url(../img/social/aim_32.png); } .wt_social_wrap a.apple, .wt_social_wrap_alt a.apple { background-image: url(../img/social/apple.png); } .wt_social_wrap a.apple_32, .wt_social_wrap_alt a.apple_32 { background-image: url(../img/social/apple_32.png); } .wt_social_wrap a.behance, .wt_social_wrap_alt a.behance { background-image: url(../img/social/behance.png); } .wt_social_wrap a.behance_32, .wt_social_wrap_alt a.behance_32 { background-image: url(../img/social/behance_32.png); } .wt_social_wrap a.blogger, .wt_social_wrap_alt a.blogger { background-image: url(../img/social/blogger.png); } .wt_social_wrap a.blogger_32, .wt_social_wrap_alt a.blogger_32 { background-image: url(../img/social/blogger_32.png); } .wt_social_wrap a.delicious, .wt_social_wrap_alt a.delicious { background-image: url(../img/social/delicious.png); } .wt_social_wrap a.delicious_32, .wt_social_wrap_alt a.delicious_32 { background-image: url(../img/social/delicious_32.png); } .wt_social_wrap a.deviantart, .wt_social_wrap_alt a.deviantart { background-image: url(../img/social/deviantart.png); } .wt_social_wrap a.deviantart_32, .wt_social_wrap_alt a.deviantart_32 { background-image: url(../img/social/deviantart_32.png); } .wt_social_wrap a.digg, .wt_social_wrap_alt a.digg { background-image: url(../img/social/digg.png); } .wt_social_wrap a.digg_32, .wt_social_wrap_alt a.digg_32 { background-image: url(../img/social/digg_32.png); } .wt_social_wrap a.dribbble, .wt_social_wrap_alt a.dribbble { background-image: url(../img/social/dribbble.png); } .wt_social_wrap a.dribbble_32, .wt_social_wrap_alt a.dribbble_32 { background-image: url(../img/social/dribbble_32.png); } .wt_social_wrap a.email, .wt_social_wrap_alt a.email { background-image: url(../img/social/email.png); } .wt_social_wrap a.email_32, .wt_social_wrap_alt a.email_32 { background-image: url(../img/social/email_32.png); } .wt_social_wrap a.ember, .wt_social_wrap_alt a.ember { background-image: url(../img/social/ember.png); } .wt_social_wrap a.ember_32, .wt_social_wrap_alt a.ember_32 { background-image: url(../img/social/ember_32.png); } .wt_social_wrap a.facebook, .wt_social_wrap_alt a.facebook { background-image: url(../img/social/facebook.png); } .wt_social_wrap a.facebook_32, .wt_social_wrap_alt a.facebook_32 { background-image: url(../img/social/facebook_32.png); } .wt_social_wrap a.flickr, .wt_social_wrap_alt a.flickr { background-image: url(../img/social/flickr.png); } .wt_social_wrap a.flickr_32, .wt_social_wrap_alt a.flickr_32 { background-image: url(../img/social/flickr_32.png); } .wt_social_wrap a.forrst, .wt_social_wrap_alt a.forrst { background-image: url(../img/social/forrst.png); } .wt_social_wrap a.forrst_32, .wt_social_wrap_alt a.forrst_32 { background-image: url(../img/social/forrst_32.png); } .wt_social_wrap a.google, .wt_social_wrap_alt a.google { background-image: url(../img/social/google.png); } .wt_social_wrap a.google_32, .wt_social_wrap_alt a.google_32 { background-image: url(../img/social/google_32.png); } .wt_social_wrap a.googleplus, .wt_social_wrap_alt a.googleplus { background-image: url(../img/social/googleplus.png); } .wt_social_wrap a.googleplus_32, .wt_social_wrap_alt a.googleplus_32 { background-image: url(../img/social/googleplus_32.png); } .wt_social_wrap a.html5, .wt_social_wrap_alt a.html5 { background-image: url(../img/social/html5.png); } .wt_social_wrap a.html5_32, .wt_social_wrap_alt a.html5_32 { background-image: url(../img/social/html5_32.png); } .wt_social_wrap a.lastfm, .wt_social_wrap_alt a.lastfm { background-image: url(../img/social/lastfm.png); } .wt_social_wrap a.lastfm_32, .wt_social_wrap_alt a.lastfm_32 { background-image: url(../img/social/lastfm_32.png); } .wt_social_wrap a.linkedin, .wt_social_wrap_alt a.linkedin { background-image: url(../img/social/linkedin.png); } .wt_social_wrap a.linkedin_32, .wt_social_wrap_alt a.linkedin_32 { background-image: url(../img/social/linkedin_32.png); } .wt_social_wrap a.metacafe, .wt_social_wrap_alt a.metacafe { background-image: url(../img/social/metacafe.png); } .wt_social_wrap a.metacafe_32, .wt_social_wrap_alt a.metacafe_32 { background-image: url(../img/social/metacafe_32.png); } .wt_social_wrap a.netvibes, .wt_social_wrap_alt a.netvibes { background-image: url(../img/social/netvibes.png); } .wt_social_wrap a.netvibes_32, .wt_social_wrap_alt a.netvibes_32 { background-image: url(../img/social/netvibes_32.png); } .wt_social_wrap a.paypal, .wt_social_wrap_alt a.paypal { background-image: url(../img/social/paypal.png); } .wt_social_wrap a.paypal_32, .wt_social_wrap_alt a.paypal_32 { background-image: url(../img/social/paypal_32.png); } .wt_social_wrap a.picasa, .wt_social_wrap_alt a.picasa { background-image: url(../img/social/picasa.png); } .wt_social_wrap a.picasa_32, .wt_social_wrap_alt a.picasa_32 { background-image: url(../img/social/picasa_32.png); } .wt_social_wrap a.pinterest, .wt_social_wrap_alt a.pinterest { background-image: url(../img/social/pinterest.png); } .wt_social_wrap a.pinterest_32, .wt_social_wrap_alt a.pinterest_32 { background-image: url(../img/social/pinterest_32.png); } .wt_social_wrap a.reddit, .wt_social_wrap_alt a.reddit { background-image: url(../img/social/reddit.png); } .wt_social_wrap a.reddit_32, .wt_social_wrap_alt a.reddit_32 { background-image: url(../img/social/reddit_32.png); } .wt_social_wrap a.rss, .wt_social_wrap_alt a.rss { background-image: url(../img/social/rss.png); } .wt_social_wrap a.rss_32, .wt_social_wrap_alt a.rss_32 { background-image: url(../img/social/rss_32.png); } .wt_social_wrap a.skype, .wt_social_wrap_alt a.skype { background-image: url(../img/social/skype.png); } .wt_social_wrap a.skype_32, .wt_social_wrap_alt a.skype_32 { background-image: url(../img/social/skype_32.png); } .wt_social_wrap a.stumbleupon, .wt_social_wrap_alt a.stumbleupon { background-image: url(../img/social/stumbleupon.png); } .wt_social_wrap a.stumbleupon_32, .wt_social_wrap_alt a.stumbleupon_32 { background-image: url(../img/social/stumbleupon_32.png); } .wt_social_wrap a.technorati, .wt_social_wrap_alt a.technorati { background-image: url(../img/social/technorati.png); } .wt_social_wrap a.technorati_32, .wt_social_wrap_alt a.technorati_32 { background-image: url(../img/social/technorati_32.png); } .wt_social_wrap a.tumblr, .wt_social_wrap_alt a.tumblr { background-image: url(../img/social/tumblr.png); } .wt_social_wrap a.tumblr_32, .wt_social_wrap_alt a.tumblr_32 { background-image: url(../img/social/tumblr_32.png); } .wt_social_wrap a.twitter, .wt_social_wrap_alt a.twitter { background-image: url(../img/social/twitter.png); } .wt_social_wrap a.twitter_32, .wt_social_wrap_alt a.twitter_32 { background-image: url(../img/social/twitter_32.png); } .wt_social_wrap a.vimeo, .wt_social_wrap_alt a.vimeo { background-image: url(../img/social/vimeo.png); } .wt_social_wrap a.vimeo_32, .wt_social_wrap_alt a.vimeo_32 { background-image: url(../img/social/vimeo_32.png); } .wt_social_wrap a.wordpress, .wt_social_wrap_alt a.wordpress { background-image: url(../img/social/wordpress.png); } .wt_social_wrap a.wordpress_32, .wt_social_wrap_alt a.wordpress_32 { background-image: url(../img/social/wordpress_32.png); } .wt_social_wrap a.yahoo, .wt_social_wrap_alt a.yahoo { background-image: url(../img/social/yahoo.png); } .wt_social_wrap a.yahoo_32, .wt_social_wrap_alt a.yahoo_32 { background-image: url(../img/social/yahoo_32.png); } .wt_social_wrap a.yelp, .wt_social_wrap_alt a.yelp { background-image: url(../img/social/yelp.png); } .wt_social_wrap a.yelp_32, .wt_social_wrap_alt a.yelp_32 { background-image: url(../img/social/yelp_32.png); } .wt_social_wrap a.youtube, .wt_social_wrap_alt a.youtube { background-image: url(../img/social/youtube.png); } .wt_social_wrap a.youtube_32, .wt_social_wrap_alt a.youtube_32 { background-image: url(../img/social/youtube_32.png); } .wt_social_wrap_fa { overflow: hidden; } .wt_social_wrap_fa div { display: inline-block; } .wt_social_wrap_fa a { display: inline-block; color: #888!important; height: 40px; line-height: 40px; position: relative; text-align: center; width: 40px; } .wt_social_wrap_fa a { margin: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #666; } #wt_sidebar .wt_social_wrap_fa, #wt_footer .wt_social_wrap_fa { border-left: none; } #wt_sidebar .wt_social_wrap_fa a, #wt_footer .wt_social_wrap_fa a { border-right: none;} .wt_social_wrap_fa i { display: inline-block; text-align: center; } .wt_social_wrap_fa a:hover, .wt_social_wrap_fa a:focus a { text-decoration:none; color: #fff !important; } /* ------------------------------------------------- */ /* = TABS CONTENT /* ------------------------------------------------- */ ul.wt_tabs { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } ul.wt_tabs li { float: left; line-height: 38px; overflow: hidden; padding: 0; margin: 0; position: relative; } ul.wt_tabs li a { background-color: #ecf0f1; border: 1px solid #ecf0f1; border-right: none; color: #666; font-size: 14px; display: block; letter-spacing: 0; outline: none; padding: 0 20px; text-decoration: none; } .relatedPopularPosts ul.wt_tabs li a { padding: 0 10px; } ul.wt_tabs li:first-child a { border-left: 1px solid #ecf0f1; } ul.wt_tabs li:last-child a { border-right: 1px solid #ecf0f1; } ul.wt_tabs li a.current { color: #181818; font-weight: 500; } ul.wt_tabs li span { margin-left: -7px; } ul.wt_tabs li a.current i {opacity: 1; filter: alpha(opacity=100);} ul.wt_tabs li i { font-size: 17px; margin: 0 auto; padding: 0 5px; } ul.wt_tabs li a:hover { background: #fff; } ul.wt_tabs li a.current { background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #428bca; color: #428bca; } ul.wt_tabs li a.current i {color: #428bca;} .pane { padding: 20px; display: none; } .pane h1, .pane h2, .pane h3, .pane h4, .pane h5, .pane h6 { margin-bottom: 10px; } .panes { border: 1px solid #ecf0f1; margin: -1px 0 20px; overflow: hidden; width: 100%; line-height: 22px; } #wt_footerWrapper ul.wt_tabs li a { color: #eeeeee; background-color: #323232; border: 1px solid #323232; } #wt_footerWrapper ul.wt_tabs li a.current { background: #222222; border-bottom: 1px solid #222222; color: #428bca; } #wt_footerWrapper .panes { border: 1px solid #323232; } ul.wt_postList { margin-left: 0; } /* ------------------------------------------------- */ /* = FLICKR SETTING /* ------------------------------------------------- */ .flickr { text-align: left; } .wt_flickrWrap { overflow: hidden; padding:0; } .wt_flickrWrap div { display: inline-block; margin: 0 10px 5px auto; position: relative; z-index:0; width:55px; height:55px; overflow: hidden; } .wt_flickrWrap div img { margin: 0 8px 8px 0; width: 55px; height: 55px; overflow: hidden; box-shadow: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_flickrWrap div a { display: block; overflow: hidden; position: absolute; width: 55px; height: 55px; filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1; /* khtml, old safari */ -moz-opacity: 1; /* mozilla, netscape */ opacity: 1; /* fx, safari, opera */ } .wt_flickrWrap div .hover { position: absolute; width: 55px; height: 55px; background: #428bca; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index:10; } .wt_flickrWrap div a:hover .hover { opacity: 0.7; filter: alpha(opacity=70); } .wt_flickrWrap div a i { display: block; position: absolute; width: 55px; height: 55px; font-size: 18px; color: white; line-height: 55px; opacity: 0; filter: alpha(opacity=0); z-index: 11; text-align: center; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wt_flickrWrap div a:hover i { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } /* ========================================================================== 21. Supersized & Core Owl Carousel CSS ========================================================================== */ /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ * { margin:0; padding:0; } body.wt_slideshow { height:100%!important; } img { border:none; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url() no-repeat center center;} #supersized { display:block; position:fixed; left:0; top:0; bottom:0; right:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin: 0; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url() no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } #progress-back{ z-index:-99; position:fixed; top:0px; left:0; height:5px; width:100%; background:rgba(0,0,0,0.2); } #progress-bar{ position:relative; height:5px; width:100%; background:url('../img/linw.png'); z-index: -998;} /* * Core Owl Carousel CSS File * v1.19 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; vertical-align: top; word-wrap:break-word; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-item { float: left; text-align:center; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls .owl-buttons { margin-top: 10px; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ul.owl-carousel, .wt_team_social { margin: 0; list-style-type: none; } ul.owl-carousel ul, .owl-carousel li.item { margin: 0; } /* mouse grab icon */ .grabbing { cursor: move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .owl-theme .owl-controls { text-align: center; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 30px; height: 10px; margin: 0 2px; background: #181818; } .blog-thumbnail-slide .owl-theme .owl-controls .owl-page span, .portEntry .owl-theme .owl-controls .owl-page span { background: #fff; } .img_blog.owl-theme .owl-controls .owl-page span { display: block; width: 25px; height: 10px; margin: 0 2px 10px; background: #fff; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .img_blog.owl-carousel.owl-theme .owl-controls .owl-page.active span, .img_blog.owl-carousel.owl-theme .owl-controls .owl-page span:hover { background-color: #2a6496; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* -------------------------------------------------------- */ /* Owl Carousel carousel-top-navigation */ /* -------------------------------------------------------- */ .owl-theme .owl-controls .owl-buttons div, .wt_custom_owl_btns div { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 0 2px; padding: 1px 10px; font-size: 20px; cursor: pointer; z-index: 100; font-family: 'FontAwesome'; font-style: normal; text-align: center; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .wt_custom_owl_btns div { margin: 0 0 0 4px; float: left; } .blog-thumbnail-slide .owl-controls, .portEntry .owl-controls { position: absolute; bottom: 7px; right: 15px; } .blog-thumbnail-slide .owl-carousel, .portEntry .owl-carousel { margin-bottom: 0 !important; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { text-decoration: none; } .owl-prev { right: 10%; } .owl-next { left: 0px; } .owl-prev:before { content: "\f104"; margin: 0px auto; } .owl-next:before { content: "\f105"; margin: 0px auto; } .owl-prev.disabled, .owl-next.disabled, .owl-prev.disabled:hover, .owl-next.disabled:hover { border-color: #c8cfd7 !important; color: #c8cfd7 !important; cursor: no-drop !important; } /* If Custom Pagination is built somewhere else :
<
>
*/ .wt_custom_owl_btns { position: absolute; top: 0; right: 15px; display: inline-block; } .wt_custom_owl_btns strong { display: inline-block; text-indent: -9999px; } .wt_owl_prev:before { content: "\f104"; margin: 0px auto; } .wt_owl_next:before { content: "\f105"; margin: 0px auto; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .nicescroll-rails div { background-color: #428bca !important; } /* ========================================================================== 22. Specific Theme Styles: Bivio ========================================================================== */ .wt_faq_row h2 { color: #428bca; margin-bottom: 20px; } .wt_faq_row h4 { color: #111; font-weight: 400; line-height: 24px; } .wt_faq_row p { color: #666; margin-bottom: 20px; } .wt_faq_row p:last-child { margin-bottom: 20px; } .pricing-table-holder { padding: 0 30px; } .wt_chimp_form { padding-left: 0; } .wt_home_style_3 .wt_chimp_form { padding-left: 15px; padding-right: 15px; } .wt_footer_home { text-align: center; font-size: 15px; } #wt_footerWrapper .widget .wt_social_networks_sc li i { color: #999999; } #wt_footerWrapper .widget .wt_social_networks_sc li:hover i { color: #ffffff; } /* ----- Custom Themes Button Styles ----- */ .cta-btn { background-color: #3071a9; color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; padding: 12px 24px; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .cta-btn:hover { background-color: #265b89; color: #fff; } /* ----- Theme Button Styles ----- */ .btn-theme { background-color: #428bca; color: #fff!important; font-size: 18px; padding: 8px 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .btn-theme:hover { background-color: #3071a9; color: #fff; } /* ----- Theme Button Styles ----- */ .btn-black, .wt_pricing_box_sc.wt_pricing_featured .btn-theme { background-color: #444; color: #fff; } .btn-black:hover, .wt_pricing_box_sc.wt_pricing_featured .btn-theme:hover { background-color: #333; color: #fff; } .navbar { border:none !important; }