/* Theme Name: Mega One Theme URI: http://wopethemes.com Description: Creative One Page Wordpress Theme Text Domain: mega-one Domain Path: /languages Author: WopeThemes Author URI: http://wopethemes.com Version: 1.0 Tags: black, blue, white, two-columns, fluid-layout , custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style License: License URI: */ ::selection{ background-color:#f9bf3b; } .content a, .content a:link , .content a:visited{ color:#f9bf3b; } .content a:hover{ color:#808080; } #page{ background-color:white; } .header-text-black #header, .header-floating.header-text-black #header.scrolled{ background-color:white; } .header-floating.header-text-black #header{ background-color:rgba(78, 20, 20, 0.32); } .header-text-white #header, .header-floating.header-text-white #header.scrolled{ background-color:#2e2e2e; } .header-floating.header-text-white #header{ background-color:rgba(78, 20, 20, 0.32); } .home-blog{ } /* header */ .site-logo{ color:#2e2e2e; } .site-logo a{ color:#2e2e2e; } .site-logo a:hover{ color:#808080; } .header-text-white .site-logo{ color:white; } .header-text-white .site-logo a{ color:white; } .header-text-white .site-logo a:hover{ color:rgba(255,255,255,0.5); } /* Toggle Menu button */ #toggle-menu-button{ border:1px solid #808080; } #toggle-menu-button i{ color:#2e2e2e; } #toggle-menu-button:hover{ background-color:#f9bf3b; border:1px solid #f9bf3b; } #toggle-menu-button:hover i{ color:white; } .header-text-white #toggle-menu-button{ border:1px solid rgba(255,255,255,0.5); } .header-text-white #toggle-menu-button i{ color:white; } .header-text-white #toggle-menu-button:hover{ background-color:white; border:1px solid white; } .header-text-white #toggle-menu-button:hover i{ color:#2e2e2e; } /* Toggle Menu */ #main-menu-toggle{ background-color:rgba(255,255,255,0.9); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } #main-menu-toggle a{ color:#808080; } #main-menu-toggle a:hover{ color:#f9bf3b; } .toggle-menu ul{ background-color: #2e2e2e; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } .toggle-menu ul li a{ color: #fff; } .toggle-menu ul li a:hover{ color: #f9bf3b; } .header-text-white #main-menu-toggle{ background-color:rgba(20,20,20,0.95); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } .header-text-white .toggle-menu ul{ background-color:rgba(20,20,20,0.95); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } /* Main menu */ .main-menu ul li a{ color:#2e2e2e !important; border-bottom:1px solid transparent !important; background-color:transparent !important; } .main-menu ul li a.current-menu{ border-bottom:1px solid #2e2e2e !important; } .main-menu ul li a:hover{ color:#2e2e2e !important; border-bottom:1px solid #2e2e2e !important; } .header-text-white .main-menu ul li a{ color:white !important; } .header-text-white .main-menu ul li a.current-menu{ border-bottom:1px solid white !important; } .header-text-white .main-menu ul li a:hover{ color:white !important; border-bottom:1px solid white !important; } /* Sub menu */ .main-menu ul ul.sub-menu{ background-color: #2e2e2e !important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2) !important; } .header-text-white .main-menu ul ul.sub-menu{ background-color: rgba(24,24,24,0.95) !important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2) !important; } /* sub menu li */ .main-menu ul ul li a, .main-menu ul li.current-menu-item li a, .main-menu ul li.current-menu-ancestor li a{ color:#b2b2b2 !important; border-bottom:1px solid transparent !important; } .main-menu ul ul li a:hover, .main-menu ul li.current-menu-ancestor li a:hover, .main-menu ul li.current-menu-ancestor li.current-menu-item a, .main-menu ul li.current-menu-ancestor li.current-menu-item li a:hover{ color:#b2b2b2 !important; border-bottom:1px solid #b2b2b2 !important; } .header-text-white .main-menu ul ul li a, .header-text-white .main-menu ul li.current-menu-item li a, .header-text-white .main-menu ul li.current-menu-ancestor li a{ color:white !important; border-bottom:1px solid transparent !important; } .header-text-white .main-menu ul ul li a:hover, .header-text-white .main-menu ul li.current-menu-ancestor li a:hover, .header-text-white .main-menu ul li.current-menu-ancestor li.current-menu-item a, .header-text-white .main-menu ul li.current-menu-ancestor li.current-menu-item li a:hover{ color:white !important; border-bottom:1px solid white !important; } /* body */ .text-404{ color:#2e2e2e; } .single-line{ background-color:#2e2e2e; } /* page builder */ .white-bg{ background-color:white; } .gray-bg{ background-color:#f5f5f5; } .dark-bg{ background-color:#2e2e2e; } .section-bg-white{ background-color: #fff; } .section-bg-black{ background-color: #000; } .section-bg-highlight{ background-color:#f9bf3b; } .border-bottom.wrap{ border-bottom:2px solid #e5e5e5; } .content-section-title{ color:#2e2e2e; } .content-section-subtitle{ color:#999999; } .white-text .content-section-title:before{ background-color:white; } .white-text .content-section-title:after{ background-color:white; } .white-text .content-section-text{ color:#fff; } .white-text .content-section-title{ color:#fff; } .white-text .content-section-subtitle{ color: rgba(255, 255, 255, 0.5); } .content-section-text{ color:#808080; } .content-section-line span{ background-color:rgba(0,0,0,0.025); border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); } .section-widget-title{ color:#2e2e2e; } .white-text .section-widget-title{ color:white; } .section-column-content-title{ color: #2e2e2e; } .section-column-content-subtitle{ color: #999; } /* content box */ /* callout */ .callout-gray{ background-color:#f5f5f5; } .callout-highlight{ background-color:#f9bf3b; } .callout-content,.callout-main-content{ color: #2e2e2e; } .callout-sub-content{ color: #808080; } .callout-highlight .callout-content, .callout-highlight .callout-main-content, .white-text .callout-content, .white-text .callout-main-content{ color: #fff; } .callout-highlight .callout-sub-content, .white-text .callout-sub-content{ color: rgba(255,255,255,0.5); } .callout-buttons.content .button{ background-color:#2e2e2e; color:white; border:2px solid #2e2e2e; } .callout-buttons.content .button:hover{ background-color:transparent; color:#2e2e2e; border:2px solid #2e2e2e; } .callout-buttons.content .callout-button2{ background-color:#f9bf3b; color:white; border:2px solid #f9bf3b; } .callout-buttons.content .callout-button2:hover{ background-color:transparent; color:#f9bf3b; border:2px solid #f9bf3b; } .callout-highlight .callout-buttons.content .button, .white-text .callout-buttons.content .button{ background-color:transparent; color:white; border:2px solid white; } .callout-highlight .callout-buttons.content .button:hover, .white-text .callout-buttons.content .button:hover{ background-color:white; color:#2e2e2e; border:2px solid white; } .callout-highlight .callout-buttons.content .callout-button2, .white-text .callout-buttons.content .callout-button2{ background-color:white; color:#2e2e2e; border:2px solid white; } .callout-highlight .callout-buttons.content .callout-button2:hover, .white-text .callout-buttons.content .callout-button2:hover{ background-color:transparent; color:white; border:2px solid white; } /* icon box .icon-box-name{ color:#2e2e2e; } .icon-box-content{ color:#808080; } .icon-box-link a{ background-color:#f9bf3b; color:white; border:1px solid #f9bf3b; box-shadow:0px 0px 0px rgba(0,0,0,0.1); } .icon-box-link a:hover{ background-color:white; color:#f9bf3b; border:1px solid #f9bf3b; box-shadow:0px 0px 10px rgba(0,0,0,0.1); } .icon-type-image{ border:0px !important; background:none !important; } .icon-box-center a.icon-type-font, .icon-box-center .icon-type-font{ border:8px solid rgba(0,0,0,0.025); } .icon-box-center .icon-type-font i{ color:#2e2e2e; background-color:white; border:1px solid rgba(0,0,0,0.15); } .icon-box-center a.icon-type-font:hover, .icon-box-center .icon-type-font:hover{ border:8px solid rgba(0,0,0,0.025); } .icon-box-center .icon-type-font i:hover{ color:white; background-color:#f9bf3b; border:1px solid rgba(0,0,0,0.15); } .icon-box-name a, .icon-box-name span{ border:4px solid rgba(0,0,0,0.025); } .icon-box-name i{ color:#2e2e2e; border:1px solid rgba(0,0,0,0.15); background-color:white; } .icon-box-name a:hover, .icon-box-name span:hover{ border:4px solid rgba(0,0,0,0.025); } .icon-box-name i:hover{ color:white; background-color:#f9bf3b; border:1px solid rgba(0,0,0,0.15); } .icon-box-left a.icon-type-font, .icon-box-left .icon-type-font{ border:4px solid rgba(0,0,0,0.025); } .icon-box-left .icon-type-font i{ color:#f9bf3b; background-color:white; border:1px solid rgba(0,0,0,0.15); } .icon-box-left a.icon-type-font:hover, .icon-box-left .icon-type-font:hover{ border:4px solid rgba(0,0,0,0.025); } .icon-box-horizontal .icon-box-name i{ color:#f9bf3b; background-color:white; border:1px solid rgba(0,0,0,0.15); } .icon-box-horizontal .icon-box-name:hover i{ color:white; background-color:#f9bf3b; border:1px solid rgba(0,0,0,0.15); } */ /* icon box */ .icon-box-title, .icon-box-inline{ color: #2e2e2e; } .white-text .icon-box-title{ color: #fff; } .icon-box-content{ color: #808080; } .white-text .icon-box-content{ color: rgba(255, 255, 255, 0.7); } .icon-box-button a{ color: #808080; background-color:#f2f2f2; } .gray-bg .icon-box-button a{ color: #fff; background-color:#f9bf3b; } .gray-bg .icon-box-button a:hover{ color: #fff; background-color: #2e2e2e; } .icon-box-button a:hover{ color: #fff; background-color:#f9bf3b; } .image-box-style{ background-color: #f5f5f5; } /* button block */ .button-block{ background-color:#eff1f4; } .button-block-content{ color:#808080; } .button-block-right a{ background-color:#f9bf3b; color:white; } .button-block-right a:hover{ background-color:#333333; color:white; } /* quote block */ .wrap-column .quote-block.bg-white .quote-block-inside{ border:1px solid rgba(0,0,0,0.15); } .wrap-column .quote-block.bg-white .quote-block-inside{ box-shadow:4px 4px 0px rgba(0,0,0,0.025); } .wrap-column .quote-block.bg-white{ background-color:white; } .wrap-column .quote-block.bg-gray .quote-block-inside{ border:1px solid rgba(0,0,0,0.15); } .wrap-column .quote-block.bg-gray .quote-block-inside{ box-shadow:4px 4px 0px rgba(0,0,0,0.025); } .wrap-column .quote-block.bg-gray{ background-color:#fafafa; } .quote-block-icon{ border:4px solid rgba(0,0,0,0.025); } .quote-block-icon i{ background-color:white; color:#f9bf3b; border:1px solid rgba(0,0,0,0.15); } .quote-block-content{ color:#2e2e2e; } .quote-block-author{ color:#808080; } .quote-block.bg-color .quote-block-inside{ border:1px solid rgba(0,0,0,0.15); } .quote-block.bg-color .quote-block-inside{ box-shadow:4px 4px 0px rgba(0,0,0,0.025); } .quote-block.bg-color{ background-color:#f9bf3b; } .quote-block.bg-color .quote-block-content{ color:white; } .quote-block.bg-color .quote-block-author{ color:rgba(255,255,255,0.8); } .quote-block.bg-color .quote-block-icon{ border:4px solid rgba(0,0,0,0.025); } .quote-block.bg-color .quote-block-icon i{ background-color:transparent; color:white; border:1px solid rgba(0,0,0,0.15); } /* people profile */ .team-style-1.team-item .team-detail{ border:1px solid #d9d9d9; border-top:0px; } .team-name{ color:#2e2e2e; } .team-sub-name{ color:#808080; } .team-content{ color:#808080; } .team-thumb-bg{ background:transparent; } .team-thumb:hover .team-thumb-bg{ background:rgba(255,255,255,0.5); } /* callout */ .callout-button a{ color: #fff; background-color: #2e2e2e; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); } .callout-button a:hover{ background-color: #f9bf3b; } .callout-button.callout-highlight a{ background-color: #f9bf3b; } .callout-button.callout-highlight a:hover{ background-color: #2e2e2e; } /* tabs */ .tab-top{ background-color:white; } .tab-title{ color:#808080; border:1px solid #d9d9d9; } .tab-title:hover{ color:#2e2e2e; border:1px solid #2e2e2e; } .tab-current,.tab-current:hover{ color:white; border:1px solid #2e2e2e; background-color:#2e2e2e; } .tab-bottom{ color:#808080; background-color:white; } .tab-title i{ color:#808080; } .tab-title:hover i{ color:#2e2e2e; } .tab-title.tab-current i{ color: #f9bf3b; } /* tab vertical */ .tab-vertical-title{ color:#808080; border:1px solid #d9d9d9; } .tab-vertical-title:hover{ color:#2e2e2e; border:1px solid #2e2e2e; } .tab-vertical-current, .tab-vertical-current:hover{ color:white; border:1px solid #2e2e2e; background-color:#2e2e2e; } .tab-vertical-bottom{ color:#808080; background-color:white; } .tab-vertical-title i{ color:#808080; } .tab-vertical-title:hover i{ color:#2e2e2e; } .tab-vertical-title.tab-vertical-current i{ color: #f9bf3b; } /* accordion */ .accor-title{ color:#999999; border:1px solid #d9d9d9; } .accor-title-icon{ border-left:1px solid #d9d9d9; } .accor-title-icon i{ color:#999999; } .accordion-type-stack .accor-title:hover, .accordion-type-stack .ui-state-active, .accordion-type-stack .ui-state-active:hover{ color:#2e2e2e; border:1px solid #2e2e2e; } .accordion-type-stack .accor-title:hover .accor-title-icon, .accordion-type-stack .ui-state-active .accor-title-icon, .accordion-type-stack .ui-state-active:hover .accor-title-icon{ border-left:1px solid #2e2e2e; } .accor-title:hover .accor-title-icon i, .ui-state-active .accor-title-icon i, .ui-state-active:hover .accor-title-icon i{ color:#2e2e2e; } .ui-accordion-content-active{ color:#808080; } .accordion-type-stack.accordion-style-highlight .ui-state-active, .accordion-type-stack.accordion-style-highlight .ui-state-active:hover{ color:white; border:1px solid #2e2e2e; background-color:#2e2e2e; } .accordion-style-highlight .ui-state-active .accor-title-icon, .accordion-style-highlight .ui-state-active:hover .accor-title-icon{ border-left:1px solid rgba(255,255,255,0.2); } .accordion-style-highlight .ui-state-active .accor-title-icon i, .accordion-style-highlight .ui-state-active:hover .accor-title-icon i{ color:#f9bf3b; } .accordion-type-group .accor-content{ border:1px solid #d9d9d9; border-top:0px; } .accordion-type-group .accor-title{ border-top:0px; } .accordion-type-group .accor-title:first-child{ border-top:1px solid #d9d9d9; } .accordion-type-group .accor-title:hover, .accordion-type-group .ui-state-active, .accordion-type-group .ui-state-active:hover{ color:#2e2e2e; } .accordion-type-group.accordion-style-highlight .ui-state-active, .accordion-type-group.accordion-style-highlight .ui-state-active:hover{ color:white; background-color:#2e2e2e; } /* testimonials */ .testimonials{ border:1px solid #d9d9d9; } .testimonials-slider-box .testimonials-container{ border:1px solid #d9d9d9; } .testimonials-author-name{ color:#4c4c4c; } .testimonials-image i{ background-color:#f9bf3b; color:white; } .testimonials-author-info.content{ color: #808080; } .testimonials-content{ color:#808080; } .testimonials-quote{ color: #e5e5e5; } .testimonials-button-item{ border: 1px solid #4c4c4c; } .testimonials-button-item.active, .testimonials-button-item.active:hover{ background-color: #4c4c4c; border: 1px solid #4c4c4c; } .testimonials-button-item:hover{ background-color: #f9bf3b; border: 1px solid #f9bf3b; } /* logo */ .logo-style-border .logo-client-item{ border:1px solid #d9d9d9; } .logo-style-border .logo-client-item:hover{ border:1px solid #2e2e2e; } .logo-style-table{ border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; } .logo-style-table .logo-client-item{ border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } /* gallery */ .gallery-image-bg{ background-color: rgba(51, 51, 51, 0.7); } .gallery-image-icon{ color: white; } .gallery-image-icon i{ color:white; background-color:#f9bf3b; } .gallery-image-icon:hover i{ color:white; background-color:rgba(0,0,0,0.5); } .gallery-thumb-bottom .gallery-thumb-border{ background:transparent; } .gallery-thumb-bottom .gallery-thumb-border:hover{ background-color:#2e2e2e; } .gallery-demo-name a{ color: #2e2e2e; } .gallery-demo-name a:hover{ color: #f9bf3b; } /* pricing table */ .pricing-table-item{ background-color: #f2f2f2; } .pricing-table-highlight{ background-color: #f5f5f5; } .pricing-table-title{ color: #2e2e2e; } .pricing-table-sub-title{ color: #999; } .pricing-table-unit, .pricing-table-price{ color:#f9bf3b; } .pricing-table-pricing{ border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .pricing-table-pricing{ color: #999999; } .pricing-table-featured-list{ color: #999999; } /* divider */ .divider{ border-top:1px solid #cccccc; } .divider.divider-dashed{ border-top:1px dashed #cccccc; } .divider.divider-dotted{ border-top:1px dotted #cccccc; } /* custom list */ ul.custom-list.border-solid li{ border-bottom:1px solid #e5e5e5; } ul.custom-list.border-dotted li{ border-bottom:1px dotted #cccccc; } ul.custom-list.border-dashed li{ border-bottom:1px dashed #cccccc; } ul.custom-list li:last-child{ border-bottom:0px; } /* black */ ul.custom-list, .content ul.custom-list a{ color:#808080; } ul.custom-list i{ color:#2e2e2e; } .content ul.custom-list a:hover{ color:#f9bf3b; } ul.custom-list.icon-circle i, ul.custom-list.icon-square i{ border:1px solid #999999; } ul.custom-list.icon-circle-bold i, ul.custom-list.icon-square-bold i{ border:1px solid #999999; background-color:#999999; color:white; } .content ul.custom-list.text-color-blue a:hover, .content ul.custom-list.text-color-red a:hover, .content ul.custom-list.text-color-green a:hover, .content ul.custom-list.text-color-yellow a:hover, .content ul.custom-list.text-color-orange a:hover, .content ul.custom-list.text-color-pink a:hover, .content ul.custom-list.text-color-purple a:hover, .content ul.custom-list.text-color-aqua a:hover{ color:#999999; } /* blue */ ul.custom-list.text-color-blue, .content ul.custom-list.text-color-blue a, ul.custom-list.icon-color-blue i{ color:#3498DB; } ul.custom-list.icon-circle.icon-color-blue i, ul.custom-list.icon-square.icon-color-blue i{ border:1px solid #3498DB; } ul.custom-list.icon-circle-bold.icon-color-blue i, ul.custom-list.icon-square-bold.icon-color-blue i{ border:1px solid #3498DB; background-color:#3498DB; color:white; } /* red */ ul.custom-list.text-color-red, .content ul.custom-list.text-color-red a, ul.custom-list.icon-color-red i{ color:#F64747; } ul.custom-list.icon-circle.icon-color-red i, ul.custom-list.icon-square.icon-color-red i{ border:1px solid #F64747; } ul.custom-list.icon-circle-bold.icon-color-red i, ul.custom-list.icon-square-bold.icon-color-red i{ border:1px solid #F64747; background-color:#F64747; color:white; } /* green */ ul.custom-list.text-color-green, .content ul.custom-list.text-color-green a, ul.custom-list.icon-color-green i{ color:#2ECC71; } ul.custom-list.icon-circle.icon-color-green i, ul.custom-list.icon-square.icon-color-green i{ border:1px solid #2ECC71; } ul.custom-list.icon-circle-bold.icon-color-green i, ul.custom-list.icon-square-bold.icon-color-green i{ border:1px solid #2ECC71; background-color:#2ECC71; color:white; } /* yellow */ ul.custom-list.text-color-yellow, .content ul.custom-list.text-color-yellow a, ul.custom-list.icon-color-yellow i{ color:#F9A825; } ul.custom-list.icon-circle.icon-color-yellow i, ul.custom-list.icon-square.icon-color-yellow i{ border:1px solid #F9A825; } ul.custom-list.icon-circle-bold.icon-color-yellow i, ul.custom-list.icon-square-bold.icon-color-yellow i{ border:1px solid #F9A825; background-color:#F9A825; color:white; } /* orange */ ul.custom-list.text-color-orange, .content ul.custom-list.text-color-orange a, ul.custom-list.icon-color-orange i{ color:#F89406; } ul.custom-list.icon-circle.icon-color-orange i, ul.custom-list.icon-square.icon-color-orange i{ border:1px solid #F89406; } ul.custom-list.icon-circle-bold.icon-color-orange i, ul.custom-list.icon-square-bold.icon-color-orange i{ border:1px solid #F89406; background-color:#F89406; color:white; } /* pink */ ul.custom-list.text-color-pink, .content ul.custom-list.text-color-pink a, ul.custom-list.icon-color-pink i{ color:#f14c96; } ul.custom-list.icon-circle.icon-color-pink i, ul.custom-list.icon-square.icon-color-pink i{ border:1px solid #f14c96; } ul.custom-list.icon-circle-bold.icon-color-pink i, ul.custom-list.icon-square-bold.icon-color-pink i{ border:1px solid #f14c96; background-color:#f14c96; color:white; } /* aqua */ ul.custom-list.text-color-aqua, .content ul.custom-list.text-color-aqua a, ul.custom-list.icon-color-aqua i{ color:#4ecdc4; } ul.custom-list.icon-circle.icon-color-aqua i, ul.custom-list.icon-square.icon-color-aqua i{ border:1px solid #4ecdc4; } ul.custom-list.icon-circle-bold.icon-color-aqua i, ul.custom-list.icon-square-bold.icon-color-aqua i{ border:1px solid #4ecdc4; background-color:#4ecdc4; color:white; } /* purple */ ul.custom-list.text-color-purple, .content ul.custom-list.text-color-purple a, ul.custom-list.icon-color-purple i{ color:#9B59B6; } ul.custom-list.icon-circle.icon-color-purple i, ul.custom-list.icon-square.icon-color-purple i{ border:1px solid #9B59B6; } ul.custom-list.icon-circle-bold.icon-color-purple i, ul.custom-list.icon-square-bold.icon-color-purple i{ border:1px solid #9B59B6; background-color:#9B59B6; color:white; } /* contact form */ .contact-name-field div,.contact-email-field div,.contact-subject-field div,.contact-textarea div{ color:#808080; } /* icon box */ .icon-box-icon i{ color:#f9bf3b; } .icon-box-style .icon-box-icon i{ color: #fff; background-color: #f9bf3b; } .single-icon-black-style .icon-box-icon i{ color: #2e2e2e; } .single-icon-white-style .icon-box-icon i{ color: #fff; } .single-icon-gray-style .icon-box-icon i{ color: #ccc; } .single-icon-highlight-style .icon-box-icon i{ color: #f9bf3b; } /* contact detail */ .contact-detail-widget{ color: #999999; } .contact-detail-widget i{ color:#2e2e2e; } .contact-detail-board{ background-color: #fafafa; } .contact-detail-box-item{ background-color: #fafafa; } /* milestones */ .milestone-number i{ color: #f9bf3b; } .milestone-number{ color: #2e2e2e; } .milestone-name{ color: #808080; } .white-text .milestone-number{ color:white; } .white-text .milestone-number:before{ background-color:rgba(255, 255, 255, 0.5); } .white-text .milestone-name{ color: rgba(255, 255, 255, 0.5); } /* typography */ .content h1,.content h2,.content h3,.content h4,.content h5,.content h6{ color:#2e2e2e; } .content{ color:#808080; } .white-text .content{ color:white; } pre{ border:3px solid #2e2e2e; background-color:#f2f2f2; color:#2e2e2e; margin-bottom:12px; } blockquote{ color:#808080; background-color:#f7f7f7; } blockquote span{ color:#b2b2b2; } .content li a{ color:#f9bf3b; } .content li a:hover{ color:#808080; } /* .content .social-bitbucket:hover{ background-color:#205081; } .content .social-dropbox:hover{ background-color:#007ee5; } .content .social-dribbble:hover{ background-color:#ea4c89; } .content .social-gittip:hover{ color:#339966; } .content .social-facebook:hover{ background-color:#3b5998; } .content .social-flickr:hover{ background-color:#ff0084; } .content .social-foursquare:hover{ background-color:#0cbadf; } .content .social-github:hover{ background-color:#171515; } .content .social-google-plus:hover{ background-color:#dd4b39; } .content .social-instagram:hover{ background-color:#3f729b; } .content .social-linkedin:hover{ background-color:#0e76a8; } .content .social-pinterest:hover{ background-color:#c8232c; } .content .social-skype:hover{ background-color:#00aff0; } .content .social-stack-exchange:hover{ background-color:#3a6da6; } .content .social-stack-overflow:hover{ background-color:#ef8236; } .content .social-trello:hover{ background-color:#256a92; } .content .social-tumblr:hover{ background-color:#34526f; } .content .social-twitter:hover{ background-color:#55acee; } .content .social-vimeo-square:hover{ background-color:#44bbff; } .content .social-vk:hover{ background-color:#45668e; } .content .social-weibo:hover{ background-color:#eb182c; } .content .social-xing:hover{ background-color:#126567; } .content .social-youtube:hover{ background-color:#c4302b; } */ /* table */ #wp-calendar caption{ color:white; border:3px solid #2e2e2e; border-bottom:0px; background-color:#2e2e2e; font-weight:bold; font-weight: 700; text-transform:uppercase; } .content #wp-calendar table{ color:#333333; border:3px solid #cccccc; } .content #wp-calendar thead td , .content #wp-calendar thead th, .content #wp-calendar tfoot td{ color:#808080; border:2px solid #cccccc; font-weight:bold; font-weight: 700; text-transform:uppercase; } .content #wp-calendar tbody td{ color:#999999; border:2px solid #cccccc; } /* default inputs */ .content input[type=text],.content input[type=tel],.content input[type=password],.contact-form input[type=text],.content input[type=email]{ color:#808080; background-color:transparent; border:1px solid #999999; } .content textarea,.contact-form textarea{ color:#808080; background-color:transparent; border:1px solid #999999; } .content select{ color:#808080; background-color:transparent; border:1px solid #999999; } .gray-bg .contact-form input[type=text], .gray-bg .contact-form textarea, .content .subscribes-box input[type=email] ,.content .subscribes-box input[type=text]{ background-color:#fff; } /* button */ .content input[type=submit], .content button, .content .button, .content a.button, .button, a.button{ background-color: #2e2e2e; color:white; border:2px solid #2e2e2e; } .content input[type=submit]:hover, .content button:hover, .content .button:hover, .content a.button:hover, .button:hover, a.button:hover{ background-color: transparent; color: #2e2e2e; border:2px solid #2e2e2e; } .content a.white-button, a.white-button{ color:#2e2e2e; border:2px solid #2e2e2e; background-color:transparent; } .content a.white-button:hover, a.white-button:hover{ color:white; border:2px solid #2e2e2e; background-color:#2e2e2e; } .content a.black-button, a.black-button{ color:white; border:2px solid #2e2e2e; background-color:#2e2e2e; } .content a.black-button:hover, a.black-button:hover{ color:#2e2e2e; border:2px solid #2e2e2e; background-color:transparent; } .content a.blue-button, a.blue-button{ color:white; border:2px solid #3498DB; background-color:#3498DB; } .content a.blue-button:hover, a.blue-button:hover{ color:#3498DB; border:2px solid #3498DB; background-color:white; } .content a.red-button, a.red-button{ color:white; border:2px solid #F64747; background-color:#F64747; } .content a.red-button:hover, a.red-button:hover{ color:#F64747; border:2px solid #F64747; background-color:white; } .content a.green-button, a.green-button{ color:white; border:2px solid #2ECC71; background-color:#2ECC71; } .content a.green-button:hover, a.green-button:hover{ color:#2ECC71; border:2px solid #2ECC71; background-color:white; } .content a.yellow-button, a.yellow-button{ color:white; border:2px solid #F9BF3B; background-color:#F9BF3B; } .content a.yellow-button:hover, a.yellow-button:hover{ color:#F9BF3B; border:2px solid #F9BF3B; background-color:white; } .content a.pink-button, a.pink-button{ color:white; border:2px solid #f14c96; background-color:#f14c96; } .content a.pink-button:hover, a.pink-button:hover{ color:#f14c96; border:2px solid #f14c96; background-color:white; } .content a.aqua-button, a.aqua-button{ color:white; border:2px solid #4ecdc4; background-color:#4ecdc4; } .content a.aqua-button:hover, a.aqua-button:hover{ color:#4ecdc4; border:2px solid #4ecdc4; background-color:white; } .content a.orange-button, a.orange-button{ color:white; border:2px solid #F89406; background-color:#F89406; } .content a.orange-button:hover, a.orange-button:hover{ color:#F89406; border:2px solid #F89406; background-color:white; } .content a.purple-button, a.purple-button{ color:white; border:2px solid #9B59B6; background-color:#9B59B6; } .content a.purple-button:hover, a.purple-button:hover{ color:#9B59B6; border:2px solid #9B59B6; background-color:white; } .sidebar-widget a.sidebar-button{ background-color:#f9bf3b; color:white; } .sidebar-widget a.sidebar-button:hover{ color:rgba(255,255,255,0.5); } /* inner page */ .index-page{ } .top-search-form{ border-bottom:1px solid #e5e5e5; } h1#page-title{ color:#2e2e2e; } #page-heading.heading-text-white h1#page-title{ color:white; } #breadcrumb, #breadcrumb a, #breadcrumb span{ color:#999999; } #breadcrumb a:hover{ color:#f9bf3b; } #page-heading.heading-text-white #breadcrumb, #page-heading.heading-text-white #breadcrumb a, #page-heading.heading-text-white #breadcrumb span{ color:rgba(255,255,255,0.5); } #page-heading.heading-text-white #breadcrumb a:hover{ color:white; } /* paginate */ .search .paginate{ border-top: 1px solid #e5e5e5; } .paginate .current{ color:white; background-color:#2e2e2e; border:2px solid #2e2e2e; } .paginate a{ background-color:transparent; color:#2e2e2e; border:2px solid #2e2e2e; } .paginate a:hover{ color:white; background-color:#f9bf3b; border:2px solid #f9bf3b; } .page-paginate{ border:1px solid #e5e5e5; background-color:#f5f5f5; } /* blog page */ .post-entry-body{ background-color:white; } .post-entry-top{ border-bottom:2px solid #ebebeb; } .post-entry-categories{ color:#b2b2b2; } .post-entry-categories a{ color:#f9bf3b; } .post-entry-categories a:hover{ color:#b2b2b2; } .post-entry-title a,.post-entry-title{ color:#2e2e2e; } .post-entry-title a:hover{ color:#f9bf3b; } .post-entry-meta,.post-entry-meta a{ color:#999999; } .post-entry-meta a:hover{ color:#2e2e2e; } .post-entry-share{ color:#2e2e2e; border:1px solid #d9d9d9; background-color:#f5f5f5; } .post-entry-share a{ color:#808080; } .post-entry-share a:hover{ color:#f9bf3b; } .post-entry-content{ color:#808080; } .post-entry-content.content a{ color:#808080; background-color: #f2f2f2; } .post-entry-content.content a:hover{ color:#fff; background-color:#f9bf3b; } .content.post-entry-button a{ background-color:#2e2e2e; color:white; border:2px solid #2e2e2e; } .content.post-entry-button a:hover{ background-color:transparent; color:#2e2e2e; border:2px solid #2e2e2e; } .post-entry-tags{ } .post-entry-tags a{ border:1px solid #d9d9d9; color:#666666; } .post-entry-tags a:hover{ color:#2e2e2e; background-color:#f9bf3b; border:1px solid #f9bf3b; } .single-icon-black-style .icon-box-inline i{ color: #000; } .single-icon-white-style .icon-box-inline i{ color: #fff; } .single-icon-gray-style .icon-box-inline i{ color: #ccc; } .single-icon-highlight-style .icon-box-inline i{ color: #f9bf3b; } .icon-box-horizontal .icon-box-image-box-style{ background-color: #f5f5f5; } .gray-bg .icon-box-horizontal .icon-box-image-box-style{ background-color: #fff; } /* blog template 2 */ .blog-template-center .post-entry-title a{ color: #2e2e2e; } .blog-template-center .post-entry-title:hover a{ color: #f9bf3b; } /* blog fullwidth template*/ .post-entry-shares a i{ color: #d9d9d9; } .post-entry-shares a i:hover{ color: #f9bf3b; } .blog-fullwidth .post-entry-title a, .blog-fullwidth .post-entry-title h2 a{ color: #2e2e2e; } .blog-fullwidth .post-entry-title a:hover, .blog-fullwidth .post-entry-title h2 a:hover{ color: #f9bf3b; } .blog-fullwidth .post-entry-meta{ color: #999999; } .blog-fullwidth .content.post-cell-button a{ background-color: #f2f2f2; } /* post cell */ .post-cell-title a{ color:#2e2e2e; } .post-cell-grid .post-cell-detail, .post-cell-masonry .post-cell-detail{ border:1px solid #d9d9d9; border-top:0px; } .post-cell-list .post-cell-thumb{ border:1px solid #d9d9d9; } .post-list-center-left .post-cell-thumb, .post-list-center-right .post-cell-thumb{ border:1px solid #d9d9d9; } .post-cell-title a:hover{ color:#f9bf3b; } .post-cell-meta,.post-cell-meta span a{ color:#808080; } .post-cell-meta span a:hover{ color:#4c4c4c; } .post-cell-content{ color:#808080; } .post-cell-medium .post-cell-thumb{ border:1px solid #d9d9d9; } /* author bio */ .author-bio{ color:#808080; } .author-bio-title{ color:#2e2e2e; } .author-bio-description{ color:#808080; } a.author-bio-url{ background-color:#f9bf3b; color:white; } a.author-bio-url:hover{ color:white; background-color:#808080; } /* post relative */ .post-relative-date{ color:#999999; } a.post-relative-title{ color:#2e2e2e; } a.post-relative-title:hover{ color:#f9bf3b; } .post-section-title,#reply-title{ color: #2e2e2e; background-color: #FFF; } .post-relative-entry a .post-relative-bg{ background-color: transparent; } .post-relative-entry:hover a .post-relative-bg{ background-color: #333333; } .post-relative-entry a .post-relative-title{ color: transparent; } .post-relative-entry:hover a .post-relative-title{ color: #fff; } /* post search */ .content .post-search-entry-title a{ color:#2e2e2e; } .content .post-search-entry-title a:hover{ color:#f9bf3b; } .content .search-form i{ color: #999999; } .search-form-title{ color:#2e2e2e; } .search-form-results{ color:#2e2e2e; } .post-search-entry-icon i{ color: #2e2e2e; } /* comment section */ .comment-entry{ background-color: #f7f7f7; } .comment-author,.comment-author a{ color:#2e2e2e; } .bypostauthor .comment-author a, .bypostauthor .comment-author{ color:#2e2e2e; } .comment-date,.comment-date a{ color:#b2b2b2; } .comment-date a:hover{ color:#f9bf3b; } .comment-reply a{ background-color:#fff; color:#808080; border:1px solid transparent; } .comment-reply a:hover{ background-color:#f9bf3b; color:white; border:1px solid #f9bf3b; } .comment-content{ color:#808080; } /* comment form */ .comment-notes{ color:#f9bf3b; } /* portfolio page */ #portfolio-section-des{ color:#333333; } /* portfolio single */ .portfolio-single-detail{ color:#2e2e2e; } .portfolio-single-detail-entry{ border-bottom:1px solid #e5e5e5; } .portfolio-single-detail-entry:last-child{ border-bottom:0px; } .portfolio-single-detail-name{ color:#999999; } .portfolio-single-detail-content, .portfolio-single-detail-content a{ color:#2e2e2e; } .portfolio-single-detail-content a:hover{ color:#f9bf3b; } .portfolio-single-author, .portfolio-single-category, .portfolio-single-project{ border-bottom:1px solid #f2f2f2; } .portfolio-single-navigation a{ color:white; background-color:#f9bf3b; } .portfolio-single-navigation a:hover{ color:white; background-color:#2e2e2e; } .portfolio-single-navigation{ border-bottom:1px solid #e5e5e5; } .pagination_full{ border-right:0px; } .portfolio-single-share .post-entry-share{ background-color: transparent; } .portfolio-single-content h3{ color: #2e2e2e; background-color: #FFF; } /* portfolio relative */ .portfolio-relative-title{ color:#333333; } /* portfolio cell */ .portfolio-cell-bg{ background-color:transparent; } .portfolio-cell:hover .portfolio-cell-bg{ background-color:rgba(51,51,51,0.7); } .portfolio-cell-title, .portfolio-cell-title a{ color:#2e2e2e; } .portfolio-cell-title a:hover{ color:#f9bf3b; } .portfolio-cell-categories,.portfolio-cell-categories a{ color:#808080; } .portfolio-cell-categories a:hover{ color:#b2b2b2; } /* portfolio quickview */ .portfolio_quickview_title{ color:#2e2e2e; } .portfolio_quickview_hide{ color:#2e2e2e; background-color:#f2f2f2; } .portfolio_quickview_hide:hover{ color:white; background-color:#2e2e2e; } /* portfolio filter */ .filters li{ color:#999999; } .filters span:hover{ color:#f9bf3b; } .filters span.active{ color:#2e2e2e; } .portfolio-cell-view{ color:white; background-color: #f9bf3b; } .portfolio-cell-view:hover{ color:white; background-color:rgba(0,0,0,0.5); } /* widget */ /* widget basic style */ .sidebar-widget{ } .sidebar-widget-title{ color:#2e2e2e; background-color:white; } .sidebar-widget{ color:#808080; } .sidebar-widget a{ color:#f9bf3b; } .sidebar-widget a:hover{ color:#808080; } .sidebar-widget ul li a, .sidebar-widget ul li a i{ color:#808080; } .sidebar-widget ul li a:hover{ color:#f9bf3b; } /* portfolio style 2 */ .portfolio-cell-data{ background-color: #f5f5f5; } .gray-bg .portfolio-cell-data{ background-color: #fff; } /* footer */ #footer{ background-color:#2e2e2e; } .footer-column .content{ color: #b2b2b2; } .footer-column .content ul li a{ color: #b2b2b2; } /* footer widget */ .footer-widget-title{ color:#ffffff; } .footer-column .content ul li a:hover{ color:#f9bf3b; } /* footer default inputs */ #footer .content input[type=text], #footer .content input[type=email], #footer .content input[type=password]{ border:1px solid #cccccc; color:#808080; background-color:transparent; } #footer .content textarea{ border:1px solid #cccccc; color:#808080; background-color:transparent; } #footer .content select{ border:1px solid #cccccc; color:#808080; background-color:transparent; color:#999999; } .footer-widget.widget_nav_menu ul li, .footer-widget.widget_recent_entries ul li, .footer-widget.widget_archive ul li, .footer-widget.widget_categories ul li, .footer-widget.widget_pages ul li { } /* common widget */ .widget_archive i, .widget_categories i, .widget_pages i, .widget_meta i, .widget_recent_entries i, .widget_nav_menu i{ color:#2e2e2e; } /*recent comment widget*/ .sidebar-widget.widget_recent_comments{ color:#2e2e2e; } .sidebar-widget.widget_recent_comments li a{ color:#f9bf3b; } .sidebar-widget.widget_recent_comments li a:hover{ color:#2e2e2e; } /* tagcloud */ .content .tagcloud a{ border:1px solid #d9d9d9; color:#666666; } .tagcloud a:hover{ color:#2e2e2e; background-color:#f9bf3b; border:1px solid #f9bf3b; } /* footer tagcloud */ .footer-widget .tagcloud a{ } .footer-widget .tagcloud a:hover{ } /* widget post */ .widget-post-title a{ color:#2e2e2e; } .content .widget-post-title a{ color:#2e2e2e; } .widget-post-title a:hover{ color:#f9bf3b; } .content .widget-post-title a:hover{ color:#f9bf3b; } .widget-post-meta a{ color:#808080; } .widget-post-meta a:hover{ color:#f9bf3b; } .content .widget-post-meta a{ color:#808080; } .content .widget-post-meta a:hover{ color:#f9bf3b; } /* flex slider style */ .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{ background-color:rgba(0,0,0,0.5); color:white; opacity:0; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev{ opacity:0.8; } .flex-direction-nav i{ color:#808080 !important; } .flex-direction-nav .flex-next:hover , .flex-direction-nav .flex-prev:hover{ background-color:#f9bf3b!important; } .flex-direction-nav .flex-next:hover i, .flex-direction-nav .flex-prev:hover i{ color:white !important; } /* subscribes widget */ .subscribe-style-box{ background-color:#f5f5f5; } .subscribe-style-box input[type='email']{ background-color:white; } .subscribe-style-border-box{ border:2px solid #2e2e2e; } .subscribe-style-border-box .subscribe-box-inner{ border:1px solid #D9D9D9; } /* sidebar widget */ .sidebar-widget.content li a{ color: #808080; } .sidebar-widget.content li a:hover i{ color: #f9bf3b; } .sidebar-widget.content li a:hover{ color: #f9bf3b; } /* timeline widget pb */ .timeline-detail{ background-color: #f5f5f5; } .timeline-title{ color: #2e2e2e; } .timeline-year{ color: #fff; background-color: #f9bf3b; } .timeline-content{ color: #808080; } /* progress widget pb */ .progress-name, .progress-value{ color: #2e2e2e; } .progress-background{ background-color: #f5f5f5; } .progress-current{ background-color: #f9bf3b; } /* process widget pb */ .process-item{ background-color: #f5f5f5; } .process-number{ color: #f9bf3b; } .process-name{ color: #2e2e2e; } .process-content{ color: #999999; } .process_even{ background-color: #ebebeb; } .process-arrow{ background-color: #f5f5f5; } .process_even .process-arrow{ background-color: #ebebeb; } .process_active{ background-color: #f9bf3b; } .process_active .process-arrow{ background-color: #f9bf3b; } .process_active .process-name, .process_active .process-number{ color: #fff; } .process_container_3{ background-color: transparent; } /* subcribe widget */ .subscribe-wrap{ background-color: #f5f5f5; } .background-style-no.subscribe-wrap{ background-color: transparent; } .subscribe-name{ color: #2e2e2e; } .subscribe-description{ color: #808080; } .subscribe-button input{ color: #fff; background-color: #f9bf3b; } .box-success{ color: #f9bf3b; } .subscribe-small.background-style-gray .subscribe-email input{ background-color: #ffffff; } .subscribe-small.background-style-border{ border: 2px solid #2e2e2e; background-color: transparent; } .subscribe-small.background-style-border .subscribe-post{ border: 1px solid #D9D9D9; } .subscribe-fullwidth .subscribe-name, .subscribe-fullwidth .subscribe-description{ color: #fff; } .subscribe-fullwidth .subscribe-email input{ background-color: #fff; } .subscribe-fullwidth .subscribe-button input{ color: #2e2e2e; background-color: #FFF; } .subscribe-fullwidth .subscribe-button input:hover{ color: #fff; background-color: #333; } .subcribe-overlay-black{ background-color: #000; } .subcribe-overlay-white{ background-color: #fff; } .subcribe-overlay-highlight{ background-color: #f9bf3b; } .subcribe-overlay-white ~ .subscribe-post .subscribe-name{ color: #2e2e2e; } .subcribe-overlay-white ~ .subscribe-post .subscribe-description{ color: #808080; } .subcribe-overlay-white ~ .subscribe-post .subscribe-email{ color: #808080; } .subcribe-overlay-white ~ .subscribe-post .subscribe-email input{ border: 1px solid rgba(0, 0, 0, 0.1); } /* promote box */ .promote-bg-white{ background-color:white; } .promote-bg-gray{ background-color:#cccccc; } .promote-bg-black{ background-color:#333333; } .promote-bg-highlight{ background-color:#f9bf3b; } .promote-title{ color:#2e2e2e; } .promote-content{ color:#808080; } .content.promote-buttons a{ background-color:#2e2e2e; border:2px solid #2e2e2e; color:white; } .content.promote-buttons a:hover{ background-color:transparent; border:2px solid #2e2e2e; color:#2e2e2e; } .content.promote-buttons .promote-button1{ background-color:#f9bf3b; border:2px solid #f9bf3b; color:white; } .content.promote-buttons .promote-button1:hover{ background-color:transparent; border:2px solid #f9bf3b; color:#2e2e2e; } .promote-text-white .promote-title{ color:white; } .promote-text-white .promote-content{ color:white; } .promote-text-white .content.promote-buttons a{ background-color:transparent; border:2px solid white; color:white; } .promote-text-white .content.promote-buttons a:hover{ background-color:white; border:2px solid white; color:#2e2e2e; } .promote-text-white .content.promote-buttons .promote-button1{ background-color:white; border:2px solid white; color:#2e2e2e; } .promote-text-white .content.promote-buttons .promote-button1:hover{ background-color:transparent; border:2px solid white; color:white; } /* blockquote */ .blockquote-bg-white{ background-color:white; } .blockquote-bg-gray{ background-color:#cccccc; } .blockquote-bg-black{ background-color:#333333; } .blockquote-bg-highlight{ background-color:#f9bf3b; } .blockquote-content{ color:#404040; } .blockquote-author{ color:#2e2e2e; } .blockquote-text-white .blockquote-content{ color:white; } .blockquote-text-white .blockquote-author{ color:white; } .blockquote-box i.fa-quote-right{ color:rgba(0,0,0,0.5); } .blockquote-text-white.blockquote-box i.fa-quote-right{ color:rgba(255,255,255,0.5); } /* social icons widget */ a.social-icons{ color:#2e2e2e; border:1px solid #d9d9d9; } a.social-icons i{ color:#2e2e2e; } a.social-icons:hover{ background-color:#2e2e2e; border:1px solid #2e2e2e; } a.social-icons:hover i{ color: #f9bf3b; } /* information box widget */ .info-box{ border: 1px solid #d9d9d9; } .info-box-icon i{ color: #b3b3b3; } .info-box-content{ color: #999; } .info-box-hide i{ color: #9b9b9b; } .info-box-hide i:hover{ color: #2e2e2e; } .info-box-color{ background-color: #f5f5f5; border: 1px solid #f5f5f5; } .info-box-color .info-box-hide i{ color: #fff; background-color: rgba(0, 0, 0, 0.2); } .info-box-color .info-box-hide:hover i{ color: #fff; background-color: rgba(0, 0, 0, 0.5); } .info-box-step .info-box-icon i{ color: #549fd3; } .info-box-note .info-box-icon i{ color: #49d2e6; } .info-box-alert .info-box-icon i{ color: #f6cd0e; } .info-box-success .info-box-icon i{ color: #43ca8f; } .info-box-error .info-box-icon i{ color: #ff6353; } .info-box-color .info-box-icon i, .info-box-color .info-box-content{ color: #fff; } .info-box-color.info-box-general{ background-color: #2e2e2e; } .info-box-color.info-box-step{ background-color: #549fd3; } .info-box-color.info-box-note{ background-color: #49d2e6; } .info-box-color.info-box-alert{ background-color: #f6cd0e; } .info-box-color.info-box-success{ background-color: #43ca8f; } .info-box-color.info-box-error{ background-color: #ff6353; } /* dropcap */ .dropcap-style1 { color: #2e2e2e; background-color: #F2F2F2; border:2px solid #F2F2F2; } .dropcap-style2 { color: #2e2e2e; border:2px solid #2e2e2e; } .dropcap-style3 { background-color: #2e2e2e; color: white; border:2px solid #2e2e2e; } .dropcap-style4 { background-color:#f9bf3b; color: #2e2e2e; border:2px solid #f9bf3b; } /* WOOCOMMERCE */ /* shop/archive page */ .woocommerce span.onsale{ background-color:#f9bf3b; color:#2e2e2e; } .woocommerce ul.products li.product h3 a{ color:#2e2e2e; } .woocommerce ul.products li.product h3 a:hover{ color:#f9bf3b; } .woocommerce ul.products li.product .price{ color:#f9bf3b; } .woocommerce ul.products li.product .price del{ color:#cccccc; opacity:1; } .woocommerce ul.products li.product .price ins{ color:#f9bf3b; } .woocommerce ul.products li.product .product-brand{ color:#999999; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .yith-wcqv-button{ background-color:#f9bf3b; border:2px solid #f9bf3b; color:#2e2e2e; } .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce ul.products li.product .yith-wcqv-button:hover{ background-color:#2e2e2e; border:2px solid #2e2e2e; color:white; } /* woocommerce single product */ .woocommerce div.product .price{ color:#f9bf3b !important; } .woocommerce div.product form.cart div.quantity input, .woocommerce .quantity .qty{ background-color:#f2f2f2; border:0px; } .woocommerce div.product .single_add_to_cart_button{ color: #2e2e2e; border: 2px solid #f9bf3b; background-color: #f9bf3b; } .woocommerce div.product .single_add_to_cart_button:hover{ color: #2e2e2e; border: 2px solid #2e2e2e; background-color: transparent; } .woocommerce div.product .add_to_wishlist{ color: white; border: 2px solid #2e2e2e; background-color: #2e2e2e; } .woocommerce div.product .add_to_wishlist:hover{ color: #2e2e2e; border: 2px solid #2e2e2e; background-color: transparent; } /* form */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ color: #2e2e2e; border: 2px solid #f9bf3b; background-color: #f9bf3b; border-radius:0px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ color: #2e2e2e; border: 2px solid #2e2e2e; background-color: transparent; } #yith-quick-view-modal .yith-wcqv-main{ box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2); } /* pagination */ .paginate .current{ color:white; background-color:#2e2e2e; border:2px solid #2e2e2e; } .paginate a{ background-color:transparent; color:#2e2e2e; border:2px solid #2e2e2e; } .paginate a:hover{ color:white; background-color:#f9bf3b; border:2px solid #f9bf3b; } .woocommerce nav.woocommerce-pagination ul{ border:2px solid #2e2e2e; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li{ border-right:2px solid #2e2e2e; } .woocommerce .woocommerce-pagination ul.page-numbers li:last-child, .woocommerce-page .woocommerce-pagination ul.page-numbers li:last-child{ border-right:0px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover{ color:#2e2e2e; background-color:#f9bf3b; } .woocommerce nav.woocommerce-pagination ul li span.current{ color:white; background-color:#2e2e2e; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ background-color:transparent; color:#2e2e2e; } /* multi footer */ #footer-bottom{ color:#999999; } #footer-bottom a{ color:#999999; } #footer-bottom a:hover{ color:#f9bf3b; } .footer-social a i:hover{ color:#f9bf3b; } .footer-social a i{ color: #999999; } #footer-bottom{ background-color: #262626; } .footer-style-5 .footer-bottom-top{ border-bottom: 1px solid #2e2e2e; } .footer-style-7 .footer-bottom-top{ border-bottom: 1px solid #2e2e2e; } #footer-bottom.footer-white{ background-color: transparent; } .footer-white.footer-style-5 .footer-bottom-top, .footer-white.footer-style-7 .footer-bottom-top{ border-bottom: 1px solid #ccc; } /* header */ .logo-text{ font-size:36px; line-height:75px; font-weight:400; font-family:'Montserrat',Arial !important; letter-spacing:2px; text-transform:uppercase; } #main-menu-toggle a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-style: normal; font-weight: 700; text-transform:uppercase; } /* main menu */ .main-menu ul li a, h4.mega-block-title{ font-family:'Montserrat',Arial !important; font-size:14px !important; line-height:18px !important; font-style: normal !important; font-weight: 400 !important; text-transform:uppercase !important; letter-spacing:2px !important; } .main-menu ul ul li a{ font-family:'Montserrat',Arial !important; font-size:12px !important; line-height:18px !important; font-style: normal !important; font-weight: 400 !important; text-transform:uppercase !important; letter-spacing:2px !important; } /* Toggle menu */ .toggle-menu ul li{ font-family:'Montserrat',Arial !important; font-size:12px !important; line-height:18px !important; font-style: normal !important; font-weight: 400 !important; text-transform:uppercase !important; letter-spacing:2px !important; } /* body */ .text-404{ font-family:'Montserrat',Arial !important; font-size:150px; line-height:204px; font-weight:400; text-transform:uppercase; } /* page builder */ .content-section-title{ font-family:'Montserrat',Arial !important; font-size:30px; line-height:36px; font-weight: 400; letter-spacing:2px; text-transform:uppercase; } .content-section-subtitle{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:20px; font-weight:400; letter-spacing:2px; text-transform: uppercase; } .content-section-text{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:28px; font-weight:400; } .section-widget-title{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:36px; font-weight: 400; text-transform:uppercase; letter-spacing:1px; } .content.content-box-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .align-center .section-column-content-heading{ text-align: center; } .align-right .section-column-content-heading{ text-align: right; } .section-column-content-title{ font-family:'Montserrat',Arial !important; font-size:30px; line-height:36px; font-weight:400; letter-spacing: 3px; text-transform:uppercase; } .section-column-content-subtitle{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } /* quote block */ .quote-block-author{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:28px; font-weight:400; font-style:italic; } .quote-block-content{ font-family:'Montserrat',Arial !important; font-size:30px; line-height:42px; font-weight:700; text-transform:uppercase; letter-spacing:1px; } /* people profile */ .team-item-left{ text-align: left; } .team-item-center{ text-align: center; } .team-name{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:28px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .team-sub-name{ font-family:'Montserrat',Arial !important; font-size:10px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .team-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .team-socials p a i{ font-size:18px; } .team-style-2.team-item{ text-align: center; } /* callout */ .callout-content{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:36px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } .callout-main-content{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:30px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } .callout-sub-content{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:24px; font-weight:400; } .callout-buttons.content i{ font-size: 16px; line-height: 20px; } /* tabs */ .tab-title,.tab-vertical-title{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:28px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .tab-title i,.tab-vertical-title i{ font-size:24px; line-height:28px; } .content.tab-vertical-content, .content.tab-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:28px; font-weight:400; } .content.tab-vertical-content h1, .content.tab-content h1,.content.tab-vertical-content h2, .content.tab-content h2,.content.tab-vertical-content h3, .content.tab-content h3{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:32px; font-weight:400; } /* accordion */ .accor-title{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:28px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .accor-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; } /* testimonials */ .testimonials-author-name{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:30px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .content.testimonials-author-info{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:20px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .testimonials-content{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:30px; font-weight:400; } /* dropcap */ .dropcap{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 36px; font-weight: 400; text-transform: uppercase; } /* gallery */ .gallery{ line-height: 0px; } div.pp_default .pp_description { font-family:'Montserrat',Arial !important; } .gallery-demo-image{ font-size: 0px; line-height: 0px; } .gallery-demo-name{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight:400; letter-spacing:2px; text-transform: uppercase; } /* icon box */ .icon-box-icon i{ font-size: 72px; line-height: 72px; font-weight: 400; } .icon-box-style .icon-box-icon i{ font-size: 36px; line-height: 100px; font-weight: 400; } .icon-box-vertical .icon-box-style .icon-box-icon i{ font-size: 25.44px; line-height: 65.44px; font-weight: 400; width: 65.44px; height: 65.44px; } .icon-box-vertical .icon-box-icon i{ font-size: 54px; line-height: 54px; font-weight: 400; } .icon-box-center{ text-align: center; } .icon-box-center img, .icon-box-center img{ text-align: center; height: 120px; } .icon-box-title, .icon-box-inline{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:26px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } .icon-box-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .icon-box-vertical .icon-box-content{ line-height:28px; } .icon-box-button a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; letter-spacing: 2.5px; text-transform:uppercase; } .icon-box-image-box-container{ font-size: 0px; line-height: 0px; } .icon-box-vertical .icon-box-right .icon-box-detail{ text-align: right; } .icon-box-vertical .icon-box-image-container{ font-size: 0px; line-height: 0px; } /* milestone */ .milestone-item{ text-align: center; } .milestone-number i{ font-size: 36px; line-height: 42px; } .milestone-number{ font-family:'Montserrat',Arial !important; font-size:36px; line-height:42px; font-weight:400; } .milestone-name{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:20px; font-weight:400; text-transform: uppercase; letter-spacing:2px; } /* pricing table */ .pricing-table-title{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:30px; font-weight:400; text-transform: uppercase; letter-spacing:2.5px; } .pricing-table-sub-title{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; text-transform: uppercase; letter-spacing:1.5px; } .pricing-table-pricing{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; text-transform: uppercase; letter-spacing:1.4px; } .pricing-table-unit{ font-size:24px; line-height:30px; } .pricing-table-price{ font-size:60px; line-height:66px; letter-spacing: 5px; } .pricing-table-featured-list{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:36px; font-weight:400; } .pricing-table-button a{ font-family:'Montserrat',Arial !important; font-size:16px; line-height:22px; font-weight:400; text-transform: uppercase; letter-spacing:2px; } /*icon list */ .content .custom-list, .content .custom-list a{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:28px; font-weight:400; } .custom-list li i{ font-size: 16px; line-height: 18px; } .custom-list.icon-normal li i{ font-size: 24px; line-height: 22px; vertical-align:-3px; } /* contact widget */ .contact-name-field div,.contact-email-field div,.contact-subject-field div,.contact-textarea div{ font-size: 14px; line-height: 18px; font-family: 'Montserrat',Arial !important; font-weight: 400; text-transform: uppercase; letter-spacing:1px; } /* contact detail */ .contact-detail-widget{ font-family:'Open Sans',Arial !important; font-size: 16px; line-height:36px; font-weight:400; } .contact-detail-widget i{ font-size: 18px; line-height:36px; } .contact-detail-box-item i{ font-size: 48px; line-height:48px; } .contact-detail-box-item{ font-family:'Open Sans',Arial !important; font-size: 16px; line-height:24px; font-weight:400; } /* typography */ .content{ font-family:'Open Sans',Arial !important; font-size: 16px; line-height:24px; font-weight:400; } blockquote{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:30px; font-weight:400; font-style:italic; } blockquote span{ font-family:'Montserrat',Arial !important; font-size:150px; line-height:48px; font-weight:400; font-style: normal; } h1{ font-family:'Montserrat',Arial !important; font-size: 36px; line-height:48px; font-weight:400; } h2{ font-family:'Montserrat',Arial !important; font-size: 30px; line-height:44px; font-weight:400; } h3{ font-family:'Montserrat',Arial !important; font-size: 24px; line-height:36px; font-weight:400; } h4{ font-family:'Montserrat',Arial !important; font-size: 18px; line-height:30px; font-weight:400; } h5{ font-family:'Montserrat',Arial !important; font-size: 16px; line-height:24px; font-weight:400; } h6{ font-family:'Montserrat',Arial !important; font-size: 14px; line-height:20px; font-weight:400; } pre{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:24px; font-weight:400; } /* button */ .content .small-button, .content a.small-button{ font-family:'Montserrat',Arial !important; font-size:10px; line-height:18px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } a.small-button i{ font-size:10px; line-height:18px; } .content input[type=submit], .content button, .content .normal-button, .content a.normal-button, .normal-button, a.normal-button{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:20px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } a.normal-button i{ font-size:14px; line-height:20px; } .content .large-button, .content a.large-button{ font-family:'Montserrat',Arial !important; font-size: 14px; line-height: 24px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } a.large-button i{ font-size: 14px; line-height: 24px; } .button-center{ text-align: center; } .button-right{ text-align: right; } /* default input */ .content input[type=text], .content input[type=tel],.content input[type=email],.content input[type=password],.contact-form input[type=text]{ font-size:16px; line-height:20px; font-family:'Open Sans',Arial !important; font-weight:400; } .content textarea,.contact-form textarea{ font-size:16px; line-height:20px; font-family:'Open Sans',Arial !important; font-weight:400; } .content select,.content select option{ font-size:16px; !important; line-height:20px !important; font-family:'Open Sans',Arial !important; font-weight:400 !important; } /* inner page */ h1#page-title{ font-family:'Montserrat',Arial !important; font-size:30px; line-height:48px; font-weight:400; text-transform:uppercase; letter-spacing: 2px; } #breadcrumb{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:24px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .paginate{ font-size: 0; } .paginate .current{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } .paginate a{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } .paginate i{ font-size:18px; line-height:26px; } .page-paginate{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } /* blog page */ .post-entry-categories{` font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight:400; font-style:italic; } .post-entry-meta{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:24px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .post-entry-share a{ font-family:'Montserrat',Arial !important; font-size:16px; line-height:24px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .post-entry-share{ font-family:'Montserrat',Arial !important; font-size:12px; line-height:14px; font-weight:400; text-transform:uppercase; letter-spacing:1px; } .post-entry-title h2, .post-entry-title a,.post-entry-title h2 a{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:30px; font-weight:400; text-transform:uppercase; letter-spacing: 2px; } .post-entry-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .post-entry-button a{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:24px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .post-entry-tags a,.post-entry-tags{ font-family:'Montserrat',Arial !important; font-size:12px; line-height:14px; font-weight:400; text-transform:uppercase; letter-spacing:1px; } .icon-box-inline i{ font-size: 24px; } .blog-template-center .post-entry-meta{ letter-spacing:2.4px; } /* blog fullwidth template*/ .blog-fullwidth .post-entry-categories{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:20px; font-weight:400; font-style: normal; text-transform:uppercase; letter-spacing:3px; } .blog-fullwidth .post-entry-meta{ letter-spacing:2.5px; } .blog-fullwidth .post-entry-heading{ text-align: center; } .post-entry-shares a i{ font-size: 16px; line-height: 16px; } .blog-fullwidth .paginate{ text-align: center; } /* blog medium template*/ .blog-medium .post-entry-meta{ letter-spacing:2.5px; } /* blog list center template*/ .blog-list-center .paginate{ text-align: center; } .blog-list-center .post-entry.left .post-entry-detail{ text-align: right; } .blog-list-center .post-entry-meta{ letter-spacing:2.5px; } /* post small */ .post-small-meta-text{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:31px; } /* post cell */ .post-cell-title{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:30px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .post-cell-meta{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:18px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .post-cell-content{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:24px; font-weight:400; } a.square-button{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } /* view all */ .view-all-link a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:24px; font-weight:900; text-transform:uppercase; letter-spacing:1px; } /* post list */ .post-list-title{ font-family:'Montserrat',Arial !important; font-size:20px; line-height:30px; font-weight:900; text-transform:uppercase; } .post-list-meta{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:24px; font-weight:700; text-transform:uppercase; letter-spacing:1px; } .post-list-meta i{ font-size:18px; line-height:24px; } /* author bio */ .author-bio{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .author-bio-title{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight:400; text-transform:uppercase; letter-spacing: 2px; } a.author-bio-url{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-weight:400; text-transform:uppercase; } /* relative post */ .post-relative-title{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .post-relative-date{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-weight:400; text-transform:uppercase; letter-spacing:1px; } /* seach form */ .content .search-form i{ font-size:18px; line-height:18px; } .search-form-title{ font-family:'Open Sans',Arial !important; font-size:30px; line-height:38px; font-weight:400; letter-spacing: 0px; } /* subscribes widget */ .subscribe-box-title{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:36px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } /* post search */ .post-search-entry-title{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:30px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .post-search-entry-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } .search-form-results{ font-family:'Open Sans',Arial !important; font-size:30px; line-height:38px; font-weight:400; } .post-search-entry-icon i{ font-size: 18px; line-height: 18px; } /* comment section */ .post-section-title ,h3#reply-title{ font-family:'Montserrat',Arial !important; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .comment-info{ font-size:0px; line-height:0px; } .comment-author{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:30px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .comment-date{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:20px; font-weight:400; letter-spacing:1px; text-transform:uppercase; } .comment-reply a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-weight:400; letter-spacing: 3px; text-transform: uppercase; } .comment-content{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; font-weight:400; } /* comment form */ #comment-form{ font-size:14px; line-height:18px; font-family:'Montserrat',Arial !important; font-weight:400; text-transform:uppercase; } .comment-notes{ font-size:14px; line-height:24px; font-family:'Montserrat',Arial !important; } /* portfolio page */ #portfolio-section-des{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:22px; } /* portfolio relative */ .portfolio-relative-title{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:30px; font-weight:900; text-transform:uppercase; } /* portfolio single */ .portfolio-single-meta{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:24px; font-weight:400; text-transform:uppercase; letter-spacing:1px; } .portfolio-single-categories a{ font-family:'Montserrat',Arial !important; font-size:10px; line-height:14px; font-style:italic; } .portfolio-single-navigation a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-style:italic; } .portfolio-cell-view{ font-size:0px; } .portfolio-single-content h3{ font-family:'Montserrat',Arial !important; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .portfolio-single-meta-name{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:22px; font-weight:400; text-transform: uppercase; letter-spacing:2px; } .portfolio-single-meta-content{ font-family:'Montserrat',Arial !important; font-size:16px; line-height:22px; font-weight:400; text-transform: capitalize; } .portfolio-single-meta-content ul a i{ font-size: 16px; line-height: 24px; font-weight:400; } .portfolio-single-meta-content ul a span{ font-family:'Montserrat',Arial !important; font-size: 16px; line-height: 24px; font-weight:400; } .portfolio-single-center .portfolio-single-media{ text-align: center; } /* portfolio quickview */ .portfolio_quickview_title{ font-family:'Montserrat',Arial !important; font-size:24px; line-height:30px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } /* portfolio cell */ .portfolio-cell-title, .portfolio-cell-title a{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight:400; text-transform:uppercase; letter-spacing:2px; height:35px; } .portfolio-cell-categories a,.portfolio-cell-categories{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:18px; font-weight:400; letter-spacing:2px; text-transform: uppercase; } .portfolio-cell-banner i{ font-size:15px; line-height:18px; } /* portfolio board */ .portfolio-board-title a{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:30px; } /* portfolio filter */ .filters li{ text-transform: uppercase; font-family:'Montserrat',Arial !important; font-size:14px; line-height:18px; font-weight:400; letter-spacing: 2px; } .filters li::after{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:14px; font-weight:400; } .portfolio-cell-view i{ font-size:24px; line-height: 50px; } .portfolio-cell-view{ letter-spacing: 0px; text-align: center; } /* widget */ /* widget basic style */ .sidebar-widget{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:24px; } .sidebar-widget-title{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight: 400; text-transform:uppercase; letter-spacing:2px; } .sidebar-widget ul li a{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:28px; font-weight:400; } .sidebar-widget ul li a i, .recentcomments ,.recentcomments i{ font-size:16px; line-height:28px; font-weight:400; } .footer-widget{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:28px; font-weight:400; } .footer-widget-title{ font-family:'Montserrat',Arial !important; font-size:18px; line-height:24px; font-weight: 400; text-transform:uppercase; letter-spacing:2px; } .footer-widget ul li a{ font-family:'Open Sans',Arial !important; font-size:16px; line-height:32px; font-weight:400; } .footer-widget ul li a i{ font-size:16px; line-height:28px; } .footer-social a i{ font-size:18px; line-height:18px; } /* footer bottom*/ #footer-bottom{ font-size:14px; line-height:24px; font-family:'Open Sans',Arial !important; font-weight:400; text-transform:uppercase; letter-spacing:1px; } /* tagcloud widget */ .tagcloud a{ font-family:'Montserrat',Arial !important; font-size:12px !important; line-height:14px !important; font-weight:400; text-transform:uppercase; letter-spacing:1px; } /* widget post */ .widget-post-title a{ font-family:'Montserrat',Arial !important; font-size:14px; line-height:20px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } .widget-post-meta a{ font-family:'Open Sans',Arial !important; font-size:14px; line-height:20px; font-weight:400; text-transform:uppercase; letter-spacing:2px; } /* timeline widget pb */ .timeline-image{ font-size: 0px; line-height: 0px; } .timeline-title{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 28px; font-weight:400; letter-spacing: 1.8px; } .timeline-year{ font-family: 'Montserrat',Arial !important; font-size: 16px; line-height: 16px; font-weight:400; letter-spacing: 2px; } .timeline-content{ font-family: 'Open Sans',Arial !important; font-size: 16px; line-height: 24px; font-weight:400; } /* progress widget pb */ .progress-name{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 26px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } .progress-value{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 26px; font-weight:400; letter-spacing: 2px; } .progress-pie-chart-item .progress-value{ font-size: 24px; line-height: 24px; } /* process widget pb */ .process-number{ font-family: 'Montserrat',Arial !important; font-size: 60px; line-height: 60px; font-weight: 700; letter-spacing: 2px; } .process-name{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 26px; font-weight:400; letter-spacing: 1.8px; } .process-content{ font-family: 'Open Sans',Arial !important; font-size: 16px; line-height: 28px; font-weight:400; } .process_container_3{ text-align: center; } .process_container_3 .process-number{ font-size: 48px; line-height: 48px; } .process_container_3 .process-content h1, .process_container_3 .process-content h2, .process_container_3 .process-content h3, .process_container_3 .process-content h4{ font-family: 'Montserrat',Arial !important; font-size: 24px; line-height: 30px; font-weight: 400; letter-spacing: 2.2px; } /* promote box */ h2.promote-title{ font-family: 'Montserrat',Arial !important; font-size: 24px; line-height: 28px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .promote-section h2.promote-title{ font-family: 'Montserrat',Arial !important; font-size: 36px; line-height: 48px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .promote-content{ font-family: 'Open Sans',Arial !important; font-size: 16px; line-height: 24px; font-weight:400; } .promote-content-uppercase.promote-content{ font-family: 'Montserrat',Arial !important; font-size: 16px; line-height: 24px; font-weight:400; letter-spacing: 2px; text-transform: uppercase; } /* blockquote */ .blockquote-content{ font-family: 'Montserrat',Arial !important; font-size: 24px; line-height: 36px; font-weight:400; letter-spacing: 2px; text-transform:uppercase; } .blockquote-author{ font-family: 'Open Sans',Arial !important; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 2px; text-transform:uppercase; } .blockquote-container i{ font-size: 60px; line-height: 60px; } .blockquote-section .blockquote-container{ text-align: center; } .blockquote-section .blockquote-content{ font-family: 'Montserrat',Arial !important; font-size: 30px; line-height: 54px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .blockquote-section .blockquote-author{ font-family: 'Open Sans',Arial !important; font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: 2px; } /* information box widget */ .info-box-icon i{ font-size: 48px; line-height: 48px; } .info-box-content{ font-family: 'Open Sans',Arial !important; font-size: 16px; line-height: 28px; font-weight:400; } .info-box-hide i{ font-size: 32px; line-height: 32px; } /* woocommerce pages */ .woocommerce-result-count, .woocommerce-ordering{ font-family: 'Open Sans',Arial !important; font-size: 16px; line-height: 28px; font-weight:400; } .woocommerce span.onsale{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 70px; font-weight: 400; letter-spacing:1px; } .woocommerce ul.products li.product h3{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 30px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 1px; } .woocommerce ul.products li.product .price{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 24px; } .woocommerce ul.products li.product .product-brand{ font-family: 'Montserrat',Arial !important; font-size: 14px; line-height: 18px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } /* woocommerce single product */ .woocommerce div.product h1.product_title{ font-family: 'Montserrat',Arial !important; font-size: 30px; line-height: 36px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .woocommerce div.product .product-brand{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 24px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .woocommerce div.product .summary .price{ font-family: 'Montserrat',Arial !important; font-size: 24px !important; line-height: 30px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .woocommerce .quantity .qty, .woocommerce div.product .single_add_to_cart_button, .woocommerce div.product .add_to_wishlist, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ font-family: 'Montserrat',Arial !important; font-size: 14px; line-height: 18px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .woocommerce-page div.product .woocommerce-tabs ul.tabs li a{ font-family: 'Open Sans',Arial !important; font-size: 14px; line-height: 18px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } .woocommerce-page .product h2{ font-family: 'Montserrat',Arial !important; font-size: 18px; line-height: 24px; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 2px; } /* pagination */ .paginate{ font-size: 0; } .paginate .current{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } .paginate a{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } .paginate .next,.paginate .prev{ } .paginate i{ font-size:18px; line-height:26px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ font-family:'Open Sans',Arial !important; font-size:18px; line-height:26px; font-weight:400; } /* multi footer */ .footer-social a i{ font-size: 18px; line-height: 18px; } .footer-menu-container{ font-family: 'Montserrat',Arial !important; font-size: 14px; line-height: 20px; font-weight:400; letter-spacing: 2px; text-transform: uppercase; } /*------------------------------------------------------------------------------------------------------------------------------------ [Table of contents] * Common Sections - Reset Css - Common CSS - Wordpress CSS - Parent Structure * Header Sections - Header / #header - Logo / .site-logo - Menu / .main-menu * Body Sections - Page / .Page - Page Builder / .content-section - Contents / .content - Blog / .post-entry - Portfolio / .portfolio - Widgets / .sidebar-widget * Footer Sections - Footer Widget / #footer -------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------ COMMON SECTIONS -------------------------------------------------------------------------------------------------------------------------------------*/ /* Reset CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* ignore ios input style */ input,textarea{ -webkit-border-radius:0; border-radius:0; } /* Common CSS */ body { -webkit-text-size-adjust: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body{ } b,strong{ font-weight:bold; } em{ font-style:italic; } a{ text-decoration:none; } img{ max-width:100%; } *:focus { outline: none; } .cleared{ clear:both; } .center{ text-align:center; } .hidden{ display:none; } /* Wordpress CSS */ .alignleft, img.alignleft {float:left;padding:5px 20px 10px 0px} .alignright, img.alignright {float:right;padding:5px 0px 10px 20px} .aligncenter {text-align:center} img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} .alignnone, img.alignnone { } .wp-caption {} .wp-caption img { } .wp-caption p.wp-caption-text { } .wp-smiley { } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption { font-size: 16px; line-height: 24px; padding-top: 10px; } .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .sticky{} .bypostauthor{} .screen-reader-text:focus {} /* Parent Structure */ #background{ position:relative; z-index:1; line-height:20px; font-size:14px; min-width:1240px; overflow:hidden; width:100%; } #page{ width:100%; position:relative; margin:0 auto; padding-top:75px; } #page.header-floating{ padding-top:0px; } #page.layout-boxed{ padding:0px 0px 0px 0px; margin-top:30px; margin-bottom:30px; width:1280px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); } .wrap{ width:1200px; margin:0 auto; position:relative; } /*------------------------------------------------------------------------------------------------------------------------------------ HEADER SECTIONS -------------------------------------------------------------------------------------------------------------------------------------*/ /* Header */ #header{ width:100%; position:fixed; top:0px; z-index:1000; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .admin-bar #header{ top:32px; } #header .wrap{ position:relative; } #header.header-transparent{ background-position:center center; background-size:cover; } /* Header Options */ .left-header{ float: left; } .right-header{ float: right; } .left-header .main-menu{ float: left; margin-left: 40px; } .right-header .main-menu{ float: right; margin-right: 40px; } .left-header div:first-child{ margin-left: 0px; } .right-header div:first-child{ margin-right: 0px; } /* Site Logo */ .site-logo{ float:left; font-size:0px; line-height:0px; } .site-logo h1{ padding:0px; margin:0px; line-height:0px; font-size:0px; } .site-logo > a, .site-logo > h1 > a { height:75px; display:inline-block; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; } .site-logo img{ max-height:75px; line-height:0px; font-size:0px; display:inline-block; } .site-logo .logo-retina, .logo-retina{ display:none; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .site-logo .logo-normal, .logo-normal{ display:none; } .site-logo .logo-retina, .logo-retina{ display:block; } } /* Main Menu */ .main-menu ul li{ display:inline-block; position: relative; padding: 29px 0px 23px 0px !important; margin-left: 30px !important; } .main-menu ul li:first-child{ margin-left: 0px; } .main-menu ul li a{ position: relative; display:inline-block; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ padding: 0px 0px 4px 0px !important; height:auto !important; } .main-menu ul li a:after{ display:none !important; } /* Sub menu */ .main-menu ul ul.sub-menu, .main-menu ul ul.mega-sub-menu{ text-align:left; position: absolute; top: 75px !important; left:-30px !important; padding:0px 0px !important; width:250px !important; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ display:none; padding: 30px 0px 30px 0px !important; } .main-menu ul li:hover ul.sub-menu{ z-index:100; display:block; } .main-menu ul li li{ float:none; transition: opacity 200ms ease-out; /*safari and chrome */ -webkit-transition: opacity 200ms ease-out; /*safari and chrome */ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding: 0px 30px 15px 30px !important; margin: 0px !important; } .main-menu ul li li:last-child{ padding-bottom: 0px !important; } .main-menu ul li li a, .main-menu ul li.current-menu-item li a, .main-menu ul li.current-menu-ancestor li a{ display: inline-block !important; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ margin: 0px; letter-spacing: 0px; position:relative; -webkit-transition: all 200ms ease-out; /*safari and chrome */ transition:all 200ms ease-out; } /* Toggle Menu */ #toggle-menu-button{ position: absolute; right: 0px; top: 20px; float:left; cursor:pointer; text-align:center; width:33px; height: 33px; display:none; z-index: 3; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } #toggle-menu-button i{ font-size:18px; line-height:35px; } .toggle-menu{ display: none; position: absolute; width: 100%; top: 75px; left: 0px; z-index: 3; } .toggle-menu ul{ padding: 32px 23px 31px 23px; } .toggle-menu ul li{ margin-bottom: 20px; } .toggle-menu ul li:last-child{ margin-bottom: 0px; } .toggle-menu ul li .sub-menu{ background-color:transparent; box-shadow: 0px 0px 0px; padding-bottom:0px; } /*------------------------------------------------------------------------------------------------------------------------------------ BODY SECTIONS -------------------------------------------------------------------------------------------------------------------------------------*/ /* Index page */ .home #page-heading.heading-white{ padding-top: 50px; padding-bottom: 50px; } /* Page */ .page-entry-content{ padding: 60px 0px 60px; } .page-entry-content > :first-child{ padding-top: 0px; } .page-entry-thumb{ line-height: 0px; } .text-404{ text-align:center; } .homepage-blog{ padding-top:40px; padding-bottom:40px; } .section-line{ font-size:0px; line-height:5px; text-align:center; } .section-line.section-line-left{ text-align:left; } .section-line1{ display:inline-block; width:50px; height:1px; background-color:#4c4c4c; } .section-line2{ display:inline-block; width:25px; height:1px; background-color:#4c4c4c; } /* Page Builder */ .content-section{ position:relative; box-sizing: border-box; } .content-section .wrap,.content-section .wrap-column, .content-section .no-wrap{ position:relative; } .image-bg{ background-size: cover; background-position: center; background-repeat: no-repeat; } .section-bg-overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .align-left .content-section-heading{ text-align:left; } .align-center .content-section-heading{ text-align:center; } .align-right .content-section-heading{ text-align:right; } .top-spacing-big{ padding-top:100px; } .top-spacing-medium{ padding-top:75px; } .top-spacing-small{ padding-top:50px; } .top-spacing-no{ padding-top:0px; } .bottom-spacing-big{ padding-bottom:90px; } .bottom-spacing-medium{ padding-bottom:70px; } .bottom-spacing-small{ padding-bottom:45px; } .bottom-spacing-no{ padding-bottom:0px; } .title-spacing-big .content-section-heading{ margin-bottom:100px; } .title-spacing-medium .content-section-heading{ margin-bottom:75px; } .title-spacing-small .content-section-heading{ margin-bottom:50px; } .title-spacing-no .content-section-heading{ margin-bottom:0px; } h1.content-section-title, h2.content-section-title, h3.content-section-title, h4.content-section-title, h5.content-section-title, h6.content-section-title{ margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; position:relative; } .content-section-title:before{ position:absolute; content:''; bottom:0px; left:50%; margin-left:-25px; width:50px; height:1px; background-color:#4c4c4c; } .content-section-title:after{ position:absolute; content:''; bottom:-5px; left:50%; margin-left:-12px; width:24px; height:1px; background-color:#4c4c4c; } .align-left .content-section-title:before, .align-left .content-section-title:after{ margin-left:0px; left:0px; } .align-right .content-section-title:before, .align-right .content-section-title:after{ margin-left:0px; right:0px; left:auto; } h1.content-section-subtitle, h2.content-section-subtitle, h3.content-section-subtitle, h4.content-section-subtitle, h5.content-section-subtitle, h6.content-section-subtitle{ padding:0px 0px 5px 0px; } .content-section-text{ padding:40px 0px 0px 0px; } .content-section-text p{ padding: 0px; } .section-widget-heading{ margin-bottom:0px; } .content-section-line{ text-align:center; } .content-section-line span{ display:inline-block; width:200px; height:4px; } .widget-entry{ margin-bottom:40px; } .content-section .widget-entry:last-child{ margin-bottom:0px; } h1.section-widget-title, h2.section-widget-title, h3.section-widget-title, h4.section-widget-title, h5.section-widget-title, h6.section-widget-title{ margin:0px; padding:0px 0px 35px 0px; } .big-column-pagebuilder .wrap-column{ width:auto; padding:0px 0px; } .section-half-column{ display:table; width:100%; } .section-column-content, .section-column-bg{ width: 50%; display:table-cell; box-sizing: border-box; } .section-column-bg{ background-position: center center; background-repeat: no-repeat; background-size: cover; } .section-column-content{ padding: 7% 5%; box-sizing: border-box; } .section-column-content-heading{ margin-bottom: 40px; } .section-column-content-title{ margin-bottom: 13px; } .section-column-content-heading div:last-child{ margin-bottom: 0px; } .widget-element-bottom{ margin-bottom: 0px !; } /* Icon box */ .icon-box-horizontal,.icon-box-vertical{ margin-bottom: 30px; } .icon-box-vertical:last-child{ margin-bottom: 0px; } .widget-element-bottom .icon-box-horizontal{ margin-bottom: 0px; } .icon-box-button a{ padding: 6px 13px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .icon-box-image-container{ margin-bottom: 21px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .icon-box-image-box-container{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .icon-box-vertical .icon-box-image-box-container{ margin-bottom: 0px; } .icon-box-vertical .icon-box-detail.icon-box-image-box-detail{ margin-left: 106px; } .icon-box-icon, .icon-box-inline{ margin-bottom: 13px; } .icon-box-style .icon-box-icon{ margin-bottom: 17px; } .icon-box-style .icon-box-title{ margin-bottom: 12px; } .icon-box-icon{ margin-bottom: 12px; } .icon-box-title{ margin-bottom: 13px; } .icon-box-title-image{ margin-bottom: 9px; } .icon-box-vertical .icon-box-title{ margin-bottom: 8px; } .icon-box-content{ margin-bottom: 24px; } .icon-box-content p:last-child{ padding-bottom: 0px; } .icon-box-item div:last-child{ margin-bottom: 0px; } .icon-box-image-hover{ display: none; } .icon-box-image-container:hover .icon-box-image{ display: none; } .icon-box-image-container:hover .icon-box-image-hover{ display: inline-block; } .icon-box-image-box-hover{ display: none; } .icon-box-image-box-container:hover .icon-box-image-box{ display: none; } .icon-box-image-box-container:hover .icon-box-image-box-hover{ display: inline-block; } .icon-box-inline i{ vertical-align: -2px; margin-right: 5px; } .icon-box-vertical .icon-box-icon{ float: left; width: 80px; height: 80px; text-align: center; } .icon-box-vertical .icon-box-detail { position:relative; top:-6px; } .icon-box-vertical .icon-box-image-box-container{ float: left; width: 80px; height: 80px; margin-top: 4px; margin-bottom: 0px; } .icon-box-vertical .icon-box-icon{ margin-bottom: 0px; } .icon-box-style .icon-box-icon i{ width: 100px; height: 100px; border-radius: 50%; } .image-box-style{ padding: 47px 26px 43px; margin: 0px 18px; } .image-box-style .icon-box-image-box-container{ margin-bottom: 17px; } .image-box-style .icon-box-image-box-title { margin-bottom: 12px; } .icon-box-vertical .icon-box-detail{ margin-left: 110px; } .icon-box-vertical .icon-box-right .icon-box-detail{ margin-left: 0px; margin-right: 110px; } .icon-box-vertical .icon-box-right .icon-box-icon, .icon-box-vertical .icon-box-right .icon-box-image-box-container{ float: right; } .icon-box-vertical .icon-box-right .icon-box-detail.icon-box-image-box-detail{ margin-left: 0px; margin-right: 106px; } .icon-box-vertical .icon-box-image-container{ width:80px; margin-bottom: 0px; float: left; } .icon-box-vertical .icon-box-image-detail{ margin-left:110px; } .icon-box-vertical .icon-box-image-detail .icon-box-title{ margin-bottom:8px; } .icon-box-horizontal .icon-box-image-box-style{ padding: 45px 35px; } .icon-box-horizontal .icon-box-image-container{ margin-bottom: 15px; } .icon-box-horizontal .icon-box-title-image{ margin-bottom: 12px; } /* Callout */ .no-wrap .callout-wrap{ max-width: 1200px; margin: 0 auto; } .callout-align-left.callout-2-line .callout-buttons{ padding-top:10px; } .callout-align-left.callout-2-line .callout-inside{ padding-top:50px; padding-bottom:50px; } .callout-inside { padding: 40px 45px 35px 45px; } .no-wrap .callout-inside { padding-left:0px; padding-right:0px; } .callout-content{ float: left; } .callout-content p{ padding-bottom: 0px; } .callout-main-content{ margin-bottom: 10px; } .callout-buttons{ float: right; } .callout-buttons.content .button{ margin-bottom:0px; margin-right:0px; } .callout-buttons.content .callout-button2{ margin-left:20px !important; } .callout-align-center .callout-inside{ text-align:center; padding-top:50px; padding-bottom:55px; } .callout-align-center .callout-content{ float:none; margin-bottom:20px; } .callout-align-center .callout-buttons{ float:none; } /* Tabs */ .tab-title{ display:inline-block; cursor:pointer; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ padding:12px 20px; margin-right:12px; } .tab-title i{ margin-right:5px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ vertical-align:-5px; } .tab-id{ display:none; } .tab-bottom{ padding:30px 0px 0px; } .tab-content{ display:none; } .tab-content p:last-child{ padding-bottom:0px; } .tab-content-current{ display:block; } /* Tab vertical */ .tab-vertical-id{ display:none; } .tab-vertical-top{ float:left; width:31%; position:relative; z-index:2; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .tab-vertical-bottom{ float:left; width:69%; position:relative; z-index:1; padding-left:33px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .tab-vertical-title{ width:100%; margin-bottom: 15px; cursor:pointer; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ padding:12px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .tab-vertical-title i{ margin-right:5px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ vertical-align:-5px; } .tab-vertical-title:last-child{ margin-bottom:0px; } .tab-vertical-icon{ padding-bottom:0px; } .tab-vertical-content{ display:none; margin-top: -4px; } .tab-vertical-content-current{ display:block; } .tab-vertical-content p:last-child{ padding-bottom:0px; } .content.tab-vertical-content h1, .content.tab-content h1, .content.tab-vertical-content h2, .content.tab-content h2, .content.tab-vertical-content h3, .content.tab-content h3{ padding-top: 0px; padding-bottom: 22px; } /* Accordion */ .accor-title{ padding:10px 80px 10px 30px; cursor:pointer; position:relative; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ margin-bottom:10px; } .accor-title-icon{ position:absolute; right:0px; top:0px; width:50px; height:48px; text-align:center; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .accor-title-icon i{ font-size:18px; line-height:50px; margin-right:0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .ui-state-focus{ outline:0px; } .accor-content{ padding:18px 0px 25px 0px; } .accor-content p:last-child{ padding-bottom:0px; } .accordion-type-group .accor-title{ margin-bottom:0px; } .accordion-type-group .accor-content{ padding:30px 30px; } /* Testimonials */ .testimonials{ position:relative; margin-bottom:40px; padding: 35px 40px 30px 40px; } .widget-element-bottom .testimonials{ margin-bottom: 0px; } .testimonials-slider-box .testimonials-container{ padding: 35px 40px 30px 40px; margin-bottom:30px; } .testimonials-slider-section{ padding: 0 0px 0px 0px; } .testimonials-slider-section{ text-align: center; } .testimonials-slider-section .testimonials-each{ margin-bottom:30px; } .no-wrap .testimonials-slider-section{ width: 1200px; margin: 0 auto; padding: 0px; } .testimonials-content{ padding-bottom: 20px; position:relative; } .testimonials-content p{ padding-bottom:0px; } .testimonials-image{ display:inline-block; margin-right:20px; width:50px; height:50px; } .testimonials-image .testimonials-image-box{ border-radius: 50%; width:50px; height:50px; display:inline-block; line-height:50px; vertical-align:-5px; overflow:hidden; } .testimonials-image i{ width:50px; height:50px; text-align:center; border-radius:50%; font-size:24px; line-height:50px; vertical-align:10px; } .testimonials-author-detail{ display:inline-block; min-height:50px; } .testimonials-author-name{ text-align:left; } .testimonials-each{ display:none; } .testimonials-current{ display:block; } .testimonials-id, .testimonials-current-id, .testimonials-total{ display:none; } .testimonials-button-item{ display: inline-block; margin-right: 15px; width: 16px; height: 16px; border-radius: 50%; cursor: pointer; } .testimonials-button-item:last-child{ margin-right: 0px; } /* logo client */ .logo_column1{ width:100%; float:left; margin-bottom:16px; } .logo_column2{ width:49.3%; margin-right:1.4%; float:left; margin-bottom:16px; } .logo_column3{ width:32.4%; margin-right:1.4%; float:left; margin-bottom:16px; } .logo_column4{ width:23.95%; margin-right:1.4%; float:left; margin-bottom:16px; } .logo_column5{ width:18.88%; margin-right:1.4%; float:left; margin-bottom:16px; } .logo_column6{ width:15.5%; margin-right:1.4%; float:left; margin-bottom:16px; } .logo_column1.column-last, .logo_column2.column-last, .logo_column3.column-last, .logo_column4.column-last, .logo_column5.column-last, .logo_column6.column-last{ margin-right:0px; } .logo-client-item ,.logo-client-item a{ line-height:0px; font-size:0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .logo-client-item img{ opacity:0.7; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .logo-client-item img:hover{ opacity:1; } /* subscribes widget */ h1.subscribe-box-title, h2.subscribe-box-title, h3.subscribe-box-title, h4.subscribe-box-title, h5.subscribe-box-title, h6.subscribe-box-title{ margin:0px; padding:0px 0px 35px 0px; position:relative; } .subscribe-box-title:before{ position:absolute; content:''; width:25px; height:1px; top:50px; left:0px; background-color:#4c4c4c; } .subscribe-align-center .subscribe-box-title:before{ left:50%; margin-left:-12px; } .subscribe-box input[type=email]{ vertical-align:-2px; } .subscribe-style-box{ padding:40px 35px; } .subscribe-style-border-box{ padding:25px; } .subscribe-style-border-box .subscribe-box-inner{ padding:50px 60px 40px 60px; } .subscribe-align-center{ text-align:center; } .subscribe-align-justify .subscribe-box-text{ float:left; } .subscribe-align-justify .subscribe-box-form{ float:right; padding-top:42px; } .subscribe-box-text{ margin-bottom:30px; } .subscribe-box-form input[type="email"]{ margin-right:20px; width:auto !important; display:inline-block !important; min-width:250px; } /* contact form */ .contact-form input[type=text],.contact-form textarea{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ width:100%; } .contact-form textarea, .contact-form input[type="text"]{ margin-bottom: 0px; } .contact-subject-field, .contact-name-field, .contact-email-field, .contact-website-field{ margin-bottom: 36px; } .contact-textarea{ margin-bottom: 28px; } .content.contact-button input[type=submit]{ margin:0px; } .contact-button-full input[type=submit]{ width:100%; } .contact-form-col2{ float: left; width: 48%; margin-right: 4%; } .contact-form-col3{ float: left; width: 30.66%; margin-right: 4%; } .contact-form-col2.column-last, .contact-form-col3.column-last { margin-right: 0%; } /* contact detail */ .contact-detail-board{ padding: 30px 40px 20px 40px; } .contact-detail-board-item i{ margin-right:20px; } .contact-detail-board-description{ padding-top:15px; } .contact-detail-box-item{ padding:20px 20px; } .contact-detail-box-icon{ float:left; text-align:center; width:50px; } .contact-detail-box-text{ margin-left:60px; } /* gallery */ .gallery-demo-container.gallery{ padding: 0px; } .gallery-image-lightbox{ position:relative; line-height:0px; font-size:0px; } .gallery-image-lightbox a{ line-height:0px; font-size:0px; } .gallery-image-bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; content:''; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ } .gallery-image-icon{ display:inline-block; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; content:''; text-align:center; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -webkit-transform: scale(0); /* Safari and Chrome */ } .gallery-image-icon i{ font-size: 24px; line-height: 50px; width: 50px; height: 50px; border-radius: 50%; transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ } .gallery-image-lightbox:hover .gallery-image-bg{ opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } .gallery-image-lightbox:hover .gallery-image-icon{ opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari and Chrome */ } .gallery-image-lightbox .gallery-image-icon:hover{ opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ } .gallery-left img{ float:left; } .gallery-right img{ float:right; } .gallery-center{ text-align:center; } div.pp_default .pp_description { color:#808080; padding:0px 0px 0px 12px; } .gallery-grid{ line-height:0px; font-size:0px; } .gallery-thumb-main{ line-height:0px; font-size:0px; overflow:hidden; } .gallery-image-lightbox{ width:100%; height:100%; } .gallery-thumb-bottom .gallery-thumb-column{ position:relative; line-height:0px; font-size:0px; cursor:pointer; } .gallery-thumb-bottom .gallery-thumb-border{ position:absolute; top:0px; left:0px; width:100%; height:100%; content:''; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ } .gallery-thumb-main .gallery-thumb-each{ height:0px; overflow:hidden; font-size:0px; line-height:0px; } .gallery-thumb-main .gallery-current{ height:auto; } .gallery-demo-image{ margin-bottom: 30px; } .gallery-left img{ float: none; text-align: left; } .gallery-center img{ float: none; text-align: center; } .gallery-right img{ float: none; text-align: right; } .gallery-demo-name, .gallery-demo-image{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } /* pricing table */ .pricing-table-item{ margin-right: 1px; padding: 23px 31px 32px; } .pricing-table-highlight{ margin-top: -25px; padding: 36px 30px 32px; } .pricing-table-heading{ padding: 0px 0px 20px 0px; } .pricing-table-sub-title{ padding: 5px 0px 14px 2px; } .pricing-table-pricing{ position: relative; padding: 24px 0px 29px 0px; } .pricing-table-unit{ position: absolute; top: 33px; left: -1px; } .pricing-table-price{ padding-left: 18px; } .pricing-table-duration{ vertical-align: 1px; } .pricing-table-featured-list{ padding: 21px 0px 4px 0px; } .pricing-table-button{ display: inline-block; } .pricing-table-column1{ padding-top:0px; } .pricing-table-column5 { float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .pricing-table-column4 { float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .pricing-table-column3{ float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .pricing-table-column2{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .pricing-col{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .pricing-button{ padding:20px 20px 10px 20px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } /* spacing */ .spacing-wrap{ margin-top: -20px; } /* custom list */ .content ul.custom-list { list-style-type:none; margin:0px; padding:0px; } ul.custom-list li{ padding:10px 0px 10px 0px; } ul.custom-list i{ margin-right: 7px; text-align:center; } ul.custom-list a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } ul.custom-list.icon-circle i, ul.custom-list.icon-circle-bold i, ul.custom-list.icon-square i, ul.custom-list.icon-square-bold i{ width:18px; padding:3px; } ul.custom-list.icon-circle i, ul.custom-list.icon-circle-bold i{ border-radius:50%; } ul.custom-list.icon-square i, ul.custom-list.icon-square-bold i{ border-radius:5px; } /* milestones */ .milestone-number{ position:relative; margin-bottom:40px; } .milestone-number i{ vertical-align:-3px; } .milestone-number:before{ position:absolute; width:25px; height:1px; content:''; left:50%; margin-left:-12px; top:60px; background-color:#4c4c4c; } /* embed code */ /* youtube */ .youtube-container { position: relative; /* keeps the aspect ratio */ padding-bottom:56.25%; height:0; overflow: hidden; } .youtube-container iframe,.youtube-container object,.youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* vimeo */ .vimeo-container { position: relative; /* keeps the aspect ratio */ padding-bottom:56.25%; /* fine tunes the video positioning */ height:0; overflow: hidden; } .vimeo-container iframe,.vimeo-container object,.vimeo-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* google map */ .google-map-container iframe{ width: 100%; height:100%; } .google-map-container small{ display:none; } /* timeline widget */ .timeline-item{ padding-bottom: 32px; } .timeline-item:last-child{ padding-bottom: 0px; } .timeline-image{ width: 30%; margin-right: 4%; float: left; } .timeline-detail{ width: 66%; float: left; padding: 17px 26px 22px; box-sizing: border-box; border-radius: 4px; } .timeline-detail-full{ width: 100%; float: none; } .timeline-year{ display: inline-block; margin-right: 14px; padding: 3px 9px 4px 9px; } .timeline-title{ margin-bottom: 13px; } .timeline-content{ margin-left: -1px; } .timeline-content p:last-child{ padding-bottom: 0px; } /* progress widget */ .progress-item { margin-bottom: 29px; } .progress-name{ margin-bottom: 13px; } .progress-name{ float: left; } .progress-value{ float: right; margin-right: -5px; } .progress-background{ width: 100%; height: 10px; } .progress-current{ height: 100%; } .progress-pie-chart-item{ text-align: center; margin-bottom:40px; } .progress-pie-chart-item .progress-value{ float: none; margin: 0px; padding: 0px 0px 0px 3px; vertical-align: -2px; } .progress-pie-chart-item .progress-name{ float: none; margin-bottom: 0px; } .progress-pie-chart{ width: 100px; height: 100px; line-height: 100px; text-align: center; position: relative; margin: 0px auto; margin-bottom: 16px; } .progress-canvas{ position: absolute; top: 0; left: 0; } /* process widget */ .process_row{ width:100%; display:table; } .process-item{ padding: 21px 31px; margin-bottom: 34px; border-radius: 3px; } .process-item.widget-element-bottom{ margin-bottom: 0px; } .process_container_2, .process_container_3{ padding: 0px 20px; } .process_container_2 .process_cell, .process_container_3 .process_cell{ display: table-cell; float: none; } .process_cell{ background-color: #f5f5f5; } .process-left{ float: left; } .process-right{ margin-left: 61px; } .process-name{ margin-bottom: 12px; } .process-number{ padding-top: 12px; } .process_style_2.process-item{ padding: 20px 36px; border-radius: 0px; position: relative; margin: 0px; } .process_style_2 .process-number{ float: left; padding: 0px; margin-left: -3px; margin-top: -3px; } .process_style_2 .process-name{ margin-bottom: 7px; } .process_style_2 .process-content{ margin-left: 56px; } .process-arrow{ position: absolute; top: 45px; right: -14px; width: 42px; height: 42px; z-index: 2; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .process_last .process-arrow{ display: none; } .process_container_3 .process-item{ position: relative; border-radius: 0px; padding: 25px 33px 25px 39px; margin: 0px; cursor: pointer; } .process_container_3 .process-number{ padding: 0px 0px 7px 0px; } .process_container_3 .process-name{ margin: 0px; } .process_container_3 .process-content{ display: none; text-align: left; padding: 44px 0px 0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .process_container_3 .process_content_active{ display: block; } .process_container_3 .process-tab-id{ display: none; } .process_container_3 .process-content h1, .process_container_3 .process-content h2, .process_container_3 .process-content h3, .process_container_3 .process-content h4{ padding: 0px 0px 25px 0px; } .process_container_3 .process-content p{ padding-bottom: 28px; } /* subcribe widget */ .subscribe-wrap{ padding: 45px 34px 47px; } .subscribe-wrap.align-center{ text-align: center; } .subscribe-wrap.align-right{ text-align: right; } .background-style-no.subscribe-wrap{ padding: 45px 0px 47px; } .subscribe-name{ margin-bottom: 19px; } .subscribe-description{ margin-bottom: 26px; } .subscribe-email{ margin-bottom: 29px; } .content .subscribe-email input{ padding-left: 20px; margin: 0px; } .content .subscribe-button input{ padding: 12.5px 18.5px 12.5px 25.5px; } .box-success{ display: inline-block; padding-top: 20px; } .subscribe-small.background-style-border{ padding: 23px 23px 23px 26px; } .subscribe-small.background-style-border .subscribe-post{ padding: 52px 62px 62px; } .subcribe-layout-3 .subscribe-email, .subcribe-layout-3 .subscribe-button{ display: inline-block; } .subcribe-layout-3 .subscribe-name{ margin: 0px 0px 30px 0px; } .subcribe-layout-3 .subscribe-description{ margin: 0px 0px 43px 0px; } .subcribe-layout-3 .subscribe-email{ margin: 0px 32px 0px 0px; } .subcribe-layout-2 .subscribe-description, .subcribe-layout-2 .subscribe-email, .subcribe-layout-2 .subscribe-button{ display: inline-block; } .subcribe-layout-2.subscribe-small.background-style-border .subscribe-post{ padding: 54px 62px 62px 55px; } .subcribe-layout-2 .subscribe-name{ margin: 0px 0px 11px 0px; } .subcribe-layout-2 .subscribe-description{ margin: 0px 48px 0px 0px; } .subcribe-layout-2 .subscribe-email{ margin: 0px 35px 0px 0px; vertical-align: -1px; } .subscribe-fullwidth.subcribe-layout-2 .subscribe-post{ padding: 68px 0px 79px; } .subscribe-fullwidth.subcribe-layout-3 .subscribe-post{ padding: 95px 0px 99px; } .subscribe-fullwidth.subscribe-wrap{ padding: 0px; } .subscribe-fullwidth.subcribe-layout-2 .subscribe-name{ margin-bottom: 9px; } .subscribe-fullwidth.subcribe-layout-2 .subscribe-description{ margin: 0px 130px 0px 0px; } .subscribe-fullwidth.subcribe-layout-2 .subscribe-email{ margin: 0px 13px 0px 0px; vertical-align: -1px; } .subscribe-fullwidth.subcribe-layout-3 .subscribe-name{ margin: 0px 0px 23px; } .subscribe-fullwidth.subcribe-layout-3 .subscribe-description{ margin: 0px 0px 44px; } /* transparent for promote and blockquote */ .transparent-10{ opacity:0.1; } .transparent-20{ opacity:0.2; } .transparent-30{ opacity:0.3; } .transparent-40{ opacity:0.4; } .transparent-50{ opacity:0.5; } .transparent-60{ opacity:0.6; } .transparent-70{ opacity:0.7; } .transparent-80{ opacity:0.8; } .transparent-90{ opacity:0.9; } /* promote box */ .promote-left{ text-align:left; } .promote-center{ text-align:center; } .promote-right{ text-align:right; } .promote-box{ position:relative; font-size:0px; line-height:0px; } .promote-image{ position:relative; z-index:1; } .promote-box-bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } .promote-box .promote-info{ position:absolute; width:100%; padding:0px 40px; box-sizing: border-box; top: 50%; transform: translateY(-50%); z-index:3; } .promote-section{ padding:120px 0px; position:relative; } .promote-section-bg{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; } .promote-section-image{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-repeat:none; background-position:center center; background-size:cover; } .promote-wrap{ position:relative; z-index:2; width:1200px; margin:0 auto; } .promote-section .promote-content{ margin-bottom:20px; } /* blockquote */ .blockquote-box{ position:relative; } .blockquote-bg{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; } .blockquote-image{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-repeat:none; background-position:center center; background-size:cover; } .blockquote-wrap{ position:relative; z-index:3; padding:45px 50px; box-sizing: border-box; } .blockquote-section .blockquote-wrap{ width:1200px; margin:0 auto; padding:130px 0px 80px 0px; text-align:center; } .wrap-column .blockquote-section .blockquote-wrap{ padding-left:50px; padding-right:50px; } .blockquote-box i.fa-quote-right{ position:absolute; bottom:20px; right:50px; font-size:50px; } .blockquote-section i.fa-quote-right{ position:relative; bottom:auto; right:auto; font-size:50px; padding-top:30px; } /* team */ .team-detail{ padding: 15px 0px 15px 15px; } .team-heading { padding-bottom:45px; position:relative; } .team-style-1 .team-heading:before { position:absolute; left:0px; bottom:25px; width:25px; height:1px; background-color:#2e2e2e; content:''; } .team-content { margin-bottom:30px; } .team-content p,.team-socials p { padding-bottom: 0px; } .team-style-2 .team-name{ position:relative; } .team-style-2 .team-name:before { position:absolute; left:50%; margin-left:-12px; bottom:-40px; width:25px; height:1px; background-color:#2e2e2e; content:''; } .image-circle { display: inline-block; width: 215px; height: 215px; border-radius: 50%; background-size: cover; background-position: center center; } .team-thumb { font-size: 0px; line-height: 0px; position: relative; overflow: hidden; margin-bottom: 20px; } .team-item{ margin-bottom: 35px; } .team-item.widget-element-bottom{ margin-bottom: 0px; max-height:250px; } /* information box widget */ .info-box{ position: relative; padding: 24px 26px 16px; } .info-box-icon{ float: left; width: 40px; height: 40px; } .info-box-content{ margin-left: 70px; margin-top: -5px; } .info-box-content p:last-child{ padding-bottom: 0px; } .info-box-hide i{ position: absolute; top: 0px; right: 0px; padding: 1px; cursor: pointer; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } /* social icons shortcode */ .social-icons{ display:inline-block; width:40px; height:40px; text-align:center; margin-right:10px; margin-bottom:13px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .social-icons i{ font-size:18px; line-height:40px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } /* dropcap shortcode */ .dropcap { float: left; font-weight: 700; text-transform: uppercase; width: 36px; height: 36px; padding: 0px; text-align: center; margin: 6px 10px 0px 0px; border-radius: 50%; } /*----------------------------------------------------------------- CONTENTS -------------------------------------------------------------------*/ /* table */ #wp-calendar caption{ padding:10px 0px 5px 0px; } #wp-calendar td,#wp-calendar th{ text-align:center; } .content table{ margin-bottom:20px; width:100%; } .content thead td , .content thead th, .content tfoot td{ padding:3px 6px; } .content tbody td{ padding:3px 6px; } .content tbody tr:hover{ } /* typography */ pre{ padding:10px 20px; white-space: pre-wrap; /* CSS 3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } p{ padding:0px 0px 20px 0px; } h1{ padding:20px 0px 20px 0px; } h2{ padding:20px 0px 20px 0px; } h3{ padding:20px 0px 20px 0px; } h4{ padding:20px 0px 20px 0px; } h5{ padding:20px 0px 20px 0px; } h6{ padding:20px 0px 20px 0px; } blockquote{ margin:10px 0px 25px 0px; padding:33px; position:relative; } blockquote span{ position:absolute; left:37px; top:50%; margin-top:13px; width:48px; height:48px; border-radius:50%; text-align:center; } blockquote p:last-child{ padding-bottom:0px; } .content p:last-child{ padding-bottom:0px !important; } .content p:empty{ display:none; } .content ul{ list-style-type:square; padding:2px 0px 6px 30px; } .content .portfolio-flexslider ul{ list-style-type:none; padding:0px; } .content .portfolio-flexslider ol li{ list-style-type:none; padding:0px; } .content ol{ list-style-type:decimal; padding:2px 0px 6px 30px; } .content li{ padding:0px 0px 12px 4px; } .content a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .content.content-box-content a.small-button-sc, .content.content-box-content a.normal-button-sc, .content.content-box-content a.large-button-sc{ text-decoration:none; } .content a:hover{ text-decoration:none; } .post-entry-content img, .post-entry-content .wp-caption, .post-entry-content .wp-caption img, .page-entry-content img, .page-entry-content .wp-caption, .page-entry-content .wp-caption img{ max-width:100% !important; height:auto !important; } .sidebar-widget .wp-caption img, .footer-widget .wp-caption img{ max-width:100% !important; height:auto; } .wp-caption img{ max-width:100% !important; height:auto !important; } /* layout */ .wrap-no-fullwidth{ } .widget-column1-1 .wrap-no-fullwidth{ padding: 0px; } .no-wrap .wrap-no-fullwidth{ width:1200px; margin:0 auto; } .wrap-column{ width:1240px; margin:0 auto; } .small-column{ width:36%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .big-column{ float:left; width:64%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .big-column-pagebuilder{ width:75%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:40px 0px; } .left{ float:left; box-sizing: border-box; } .big-column-pagebuilder.left{ padding-right:30px; } .right{ float:right; padding-left: 60px; } .rights{ float:right; } .single-portfolio .right{ padding-left: 0px; } .portfolio-quickview-entry .right{ padding-left: 0px; } .portfolio-quickview-entry{ display:none; } .column_half_left{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding-right:20px; } .column_half_right{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding-left:20px; } .column1_3{ float:left; width:30.6666%; margin-right:4%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .column-last{ margin-right:0%; } .content-column-padding{ padding: 45px 35px 70px; } .content-column1_1{ float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column2_1{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column3_1{ float:left; width:33.33%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column3_2{ float:left; width:66.67%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column4_1{ float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column4_2{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .content-column4_3{ float:left; width:75%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .widget-column1-1{ float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column1-2{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column1-3{ float:left; width:33.33%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column2-3{ float:left; width:66.67%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column1-4{ float:left; width:25%; max-height:250px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column2-4{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .widget-column3-4{ float:left; width:75%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column1,.column1-1{ width:100%; padding:0px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .no-wrap .column1{ /* fullwidth */ float:none; padding:0px; } .no-wrap .wrap-column .column1{ /* fullwidth with boxed , .wrap-column .column1 */ padding:0px 20px; } .column2_1,.milestone_column2_1{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column3_1,.milestone_column3_1{ float:left; width:33.33%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column3_2{ float:left; width:66.67%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column4_1,.milestone_column4_1{ float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column4_2{ float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .column4_3{ float:left; width:75%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .percent_column2,.gallery_percent_column2{ float:left; width:50%; } .percent_column3,.gallery_percent_column3{ float:left; width:33.3%; } .percent_column4,.gallery_percent_column4{ float:left; width:25%; } .percent_column5,.gallery_percent_column5{ float:left; width:20%; } .percent_column6,.gallery_percent_column6{ float:left; width:16.6%; } .percent_column7,.gallery_percent_column7{ float:left; width:14.28%; } .percent_column8,.gallery_percent_column8{ float:left; width:12.5%; } .footer-column{ float:left; width:33.2%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:0px 20px; } .footer-column.column-last{ width:25%; } .column-last,.column2_1 .column-last,.column3_1 .column-last,.column3_2 .column-last ,.column4_1 .column-last,.column4_2 .column-last,.column4_3 .column-last{ margin-right:0%; } .footer-widget-last , .footer-widget-4{ margin-right:0%; } .no_margin{ margin-bottom:0px; } /* default inputs */ .content input[type=text], .content input[type=tel],.content input[type=email],.content input[type=password],.contact-form input[type=text]{ padding: 12px 0px 10px 12px; margin-bottom:10px; margin-top:0px; } .content textarea,.contact-form textarea{ padding: 12px 0px 10px 12px; margin-bottom:10px; } .content select{ padding: 12px 0px 10px 12px; max-width:100%; margin-bottom:10px; } .content .widget_search .search-form{ letter-spacing:-3px; } .content .widget_search input[type=text]{ max-width:126px; margin:0px; border-right:0px; } .content .widget_search input[type=submit]{ margin:0px; border-radius:2px; } /* button */ .content .small-button, .content a.small-button{ padding: 7px 20px; margin-bottom:10px; margin-right:10px; display:inline-block; cursor:pointer; text-decoration:none; border: 0px; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; border-radius:0px !important; } .small-button i{ margin-left:5px; text-decoration:none; } .content input[type=submit], .content button, .content .normal-button, .content a.normal-button, .normal-button, a.normal-button{ padding: 10px 24px; margin-bottom:10px; margin-right:10px; display:inline-block; border-radius:0px !important; cursor:pointer; text-decoration:none; border: 0px; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; } .normal-button i{ margin-left:8px; text-decoration:none; } a.large-button { padding: 10px 30px; margin-bottom:10px; margin-right:10px; display:inline-block; cursor:pointer; text-decoration:none; border: 0px; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; border-radius:0px !important; } a.large-button i{ margin-left:10px; text-decoration:none !important; } /* Search page */ .top-search-form{ padding:46px 0px 60px 0px; } .search-form-title{ margin-bottom: 25px; } .search-form-subtitle{ margin-bottom: 15px; } .search-form-results{ padding: 44px 0px 38px 0px; } .post-search-entry-icon{ float: left; } .post-search-entry-icon i{ vertical-align: sub; } .post-search-entry-container{ margin-left: 37px; } /* error page */ .error404 .full-column{ padding: 20px 0px 160px 0px; } .error404 .full-column p.center{ padding-bottom: 29px; } /* page heading */ #page-heading{ position:relative; z-index:2; text-align: center; } #page-heading.heading-image{ background-size:cover; background-position:center center; } .page-heading-bg{ position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%; } /* page heading text */ #page-heading .wrap{ position:relative; z-index:2; } #page-heading.heading-hidden{ display:none; } #page-heading.heading-white{ padding-top:90px; padding-bottom:50px; } .header-floating #page-heading.heading-white{ padding-top:165px; padding-bottom:50px; } #page-heading.heading-image{ padding-top:150px; padding-bottom:150px; } .header-floating #page-heading.heading-image{ padding-top:180px; padding-bottom:150px; } #breadcrumb { display: inline-block; padding: 0px 14px; } h1#page-title{ padding:0px 0px; margin-bottom:0px; display: inline-block; } h2#page-subtitle{ margin:0px 0px 0px 0px; padding:0px; } #breadcrumb{ padding:6px 0px 0px 0px; } #breadcrumb a{ display:inline-block; padding:0px 3px 0px 0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } #breadcrumb span{ padding:0px 0px 0px 3px; } #breadcrumb i{ display:inline-block; margin-right:5px; } .paginate{ text-align:left; padding: 0px 0px 60px 0px; } .search-paginate{ padding-top:60px; } .paginate .current{ display:inline-block; text-align:center; padding:7px 15px; min-width:10px; margin-right:18px; } .paginate .page-numbers:last-child{ margin-right: 0px; } .paginate a{ display:inline-block; text-align:center; padding:7px 15px; min-width:10px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ margin-right:18px; } /* page pagination */ .page-paginate{ padding:20px 30px; margin-top:50px; } .page-paginate span{ margin-left:10px; } .search-field{ padding:6px 12px; } .no-border{ border-bottom:0px; } .single-line{ height:1px; width:25px; } /*------------------------------------------------------------------- BLOG ---------------------------------------------------------------------*/ .post-entry{ margin-bottom:60px; } .sticky{ padding:45px 30px 30px 30px; border:1px dashed #808080; } .post-entry:first-child{ padding-top:60px; } .post-entry{ margin-bottom:60px; } .post-entry-single{ padding: 60px 0px 0px 0px; } .post-entry-heading{ padding:0px 0px 50px 0px; } .single .post-entry-body{ margin-bottom: 60px; } .post-entry-title h2{ padding:0px; margin-bottom:13px; } .post-entry-meta{ margin-bottom:3px; } .post-entry-title a, .post-entry-meta a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-entry-title{ } .post-entry-media{ line-height:0px; margin-bottom: 46px; } .post-entry-content.content a{ border-radius: 3px; padding: 0px 6px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-entry-content-single{ padding:10px 0px 0px 0px; } .post-entry-tags{ padding:50px 0px 0px 0px; } .post-entry-tags a{ padding: 4px 8px; margin-right: 5px; margin-bottom: 3px; display: inline-block; } .post-entry-bottom a.post-entry-button{ padding: 8px 14px; } .post-entry-bottom{ margin-top: 50px; } .blog-single-social-share .social-share-icon{ margin-left:0px; margin-right:5px; } .post-entry-more-shares{ /* post entry buttons */ padding-top:40px; } .post-entry-button a{ padding:8px 24px; display:inline-block; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-entry-share{ margin-top:60px; padding:20px 30px; } .post-entry-share a{ margin-right:10px; padding-left:10px; } /* blog center */ .blog-template-center .post-entry-heading{ text-align: center; } .blog-template-center .post-entry-meta{ text-align: center; } /* blog fullwidth */ .fullwidth-column{ width:768px; margin: 0 auto; } .blog-fullwidth .post-entry-heading{ padding: 0px 0px 45px 0px; } .blog-fullwidth .post-entry-categories{ margin-bottom: 10px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } /* blog medium */ .blog-medium .post-entry-media{ width: 40%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .blog-medium .post-entry-detail{ width: 60%; float: right; padding-left:60px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .blog-medium .post-entry-heading{ padding:0px 0px 30px 0px; } .blog-medium .post-entry-media{ margin-bottom:0px; } .blog-medium .post-entry-content{ margin-bottom:40px; } /* post grid */ .post-grid-container{ margin-bottom:50px; } /* post cell */ .post-cell{ margin-bottom:50px; } .post-cell.widget-element-bottom{ margin-bottom: 0px; } .post-cell a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-cell-thumb,.post-cell-thumb a{ font-size:0px; line-height:0px; } .post-cell-grid .post-cell-detail{ padding:20px 30px; } h1.post-cell-title, h2.post-cell-title, h3.post-cell-title, h4.post-cell-title, h5.post-cell-title, h6.post-cell-title{ padding: 0px; margin-bottom:10px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-cell-meta{ margin-bottom:20px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-cell-content{ margin-bottom:5px; } .post-cell-button.content .small-button{ margin:0px; } /* post widget list */ .post-cell-list .post-cell-thumb{ float: left; width: 115px; height: 115px; padding:20px; } .post-cell-list .post-cell-detail{ margin-left: 190px; padding: 0px; } /* blog widget list center */ .post-list-center-left .post-cell-thumb{ float: right; width: 115px; height: 115px; padding:20px; } .post-list-center-left .post-cell-detail{ float: none; margin-right: 190px; padding: 0px; background-color: transparent; text-align: right; } .post-list-center-right .post-cell-thumb{ float: left; width: 115px; height: 115px; padding:20px; } .post-list-center-right .post-cell-detail{ float: none; margin-left: 190px; padding: 0px; background-color: transparent; text-align: left; } .post-list-center-left .post-cell, .post-list-center-right .post-cell { margin-bottom: 28px; } .post-list-center-left .post-cell.widget-element-bottom, .post-list-center-right .post-cell.widget-element-bottom { margin-bottom: 0px; } /* post widget medium*/ .post-cell-medium .post-cell-thumb{ width: 45%; float: left; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding:20px; } .post-cell-medium .post-cell-detail{ width: 55%; float: right; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding-left:30px; } /* post cell masonry */ .post-cell-masonry .post-cell-detail{ padding:20px 30px; } /* author bio */ .author-bio-single{ padding-top: 60px; border-bottom: 1px solid #E8E8E8; } .author-bio{ padding-bottom:48px; } .author-bio a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .author-bio-avatar{ float:left; width:100px; padding-top:3px; } .author-bio-avatar img{ border-radius: 3px; height: 100%; } .author-bio-details{ margin-left:130px; } .author-bio-title{ padding-bottom:10px; position:relative; } .author-bio-description{ margin-bottom:15px; } a.author-bio-url{ padding:4px 10px 6px 10px; border-radius:3px; } /* post relative */ .post-relative{ margin-bottom:60px; } .post-relative-entry a{ position: relative; display: block; line-height: 0px; font-size: 0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-relative-entry a img{ line-height: 0px; font-size: 0px; border-radius: 3px; } .post-relative-entry a .post-relative-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 101%; opacity: 0.7; border-radius: 3px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .post-relative-entry a .post-relative-title{ position: absolute; top: 0; left: 20px; max-width: 180px; padding: 20px 0px 0px 0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } h3#reply-title{ margin:0px; padding:0px; } .post-section-title,h3#reply-title{ position:relative; padding-bottom:50px; } .post-section-title:before,h3#reply-title:before{ position:absolute; height:1px; width:25px; background-color:#4c4c4c; top:45px; content:''; } /* post search */ .post-search-entry{ padding-bottom:40px; } .post-entry-section .post-search-entry:last-child{ padding-bottom:60px; } /* comment section */ #comment-container{ padding-bottom:32px; } #comment-container a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } #comment-container ul{ padding:0px; list-style-type:none; } #comment-container li{ padding-bottom:25px; } .comment-entry{ position:relative; padding:26px 25px; } .comment-author, .comment-date{ margin-left: 71px; } .bypostauthor .comment-author a{ padding-bottom:1px; display:inline-block; } .comment-avatar{ float:left; width:50px; height:50px; } .comment-avatar img{ border-radius:3px; max-width: 100%; max-height: 100%; } .comment-reply{ position:absolute; right:24px; top:27px; } .comment-reply a{ padding:6px 14px; display:inline-block; } .comment-content{ padding-top:20px; margin-left: -1px; } .comment-content p:last-child{ padding-bottom:0px; } .depth-2{ margin-left:72px; } .depth-3{ margin-left:144px; } .depth-4{ margin-left:216px; } .depth-5{ margin-left:288px; } /* comment form */ #comment-form{ padding-bottom: 50px; } .comment-form-left{ padding-bottom: 8px; } .comment-form-left .comment-form-author, .comment-form-left .comment-form-email, .comment-form-left .comment-form-url{ float: left; width: 30.6666%; margin-right: 4%; box-sizing: border-box; } .comment-form-left .comment-form-url{ margin-right: 0%; } .logged-in-as{ float:left; width:48%; margin-right:4%; } .content .comment-form-author input[type=text] ,.content .comment-form-email input[type=text] ,.content .comment-form-url input[type=text] ,.content .form-submit input[type=submit]{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ width:100%; padding: 12px 0px 12px 23px; } .content .comment-form-comment textarea{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ width:100%; outline: none; margin-bottom:0px; padding: 12px 0px 12px 23px; } .comment-form-comment{ padding-bottom: 22px; } .form-allowed-tags{ display:none; } /*---------------------------------------------------------------------- PORTFOLIO -----------------------------------------------------------------------*/ .portfolio{ } #portfolio-section-des{ padding-bottom:48px; } /* portfolio single */ .portfolio-single-container{ padding: 60px 0px; } .portfolio-single-container .left{ padding: 0px; } .portfolio-content.right{ padding-left: 60px !important; } .portfolio-content.left{ padding-right: 60px; } .portfolio-relatives .post-section-title span{ padding-bottom: 4px; } .portfolio-single-media{ line-height:0px; } .portfolio-single-navigation{ padding:15px 30px 15px 30px; } .portfolio-single-navigation{ padding:15px 30px 15px 30px; } .portfolio-single-navigation a{ display:inline-block; border-radius:15px; padding:5px 15px; } .portfolio-single-navigation-left{ float:left; } .portfolio-single-navigation-right{ float:right; } .portfolio-big-column{ width:65%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-big-columns{ width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-small-column{ width:35%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-small-columns{ width:50%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-single-center .portfolio-big-column{ width: 100%; box-sizing: border-box; padding-bottom: 60px; } .portfolio-single-center .portfolio-small-column{ width: 100%; box-sizing: border-box; } .portfolio-single-center .portfolio-single-content{ width: 64%; float: left; box-sizing: border-box; margin-bottom: 0px; } .portfolio-single-center .portfolio-single-content h3{ margin-top: -3px; } .portfolio-single-center .portfolio-single-content p{ padding-bottom: 24px; } .portfolio-relatives.portfolio-relatives-center{ margin-top: -8px; } .portfolio-single-center .portfolio-single-meta{ width: 31%; float: left; box-sizing: border-box; margin-left: 5%; } .portfolio-single-right .portfolio-small-column{ padding-right:0px !important; border: 0px; } .portfolio-data-left{ float:left; width:75%; padding-right:50px !important; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding-bottom:0px; } .portfolio-data-right{ float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-single-content p:last-child{ padding-bottom:0px; } .portfolio-single-author, .portfolio-single-category, .portfolio-single-project{ padding: 11px 0px; } .portfolio-single-author{ padding-top: 0px; } .portfolio-single-share{ padding-top: 14px; padding-bottom: 14px; } .portfolio-single-share a{ margin-left:20px; font-size:16px; line-height:24px; } .portfolio-single-content{ margin-bottom: 60px; } .portfolio-single-content h3{ margin-top: -6px; padding-top: 0px; padding-bottom: 18px; } .portfolio-single-detail{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-single-detail-entry{ padding:14px 0px 14px 0px; } .portfolio-single-detail p:empty{ display:none; } .portfolio-single-detail-entry:first-child{ padding-top:0px; } .portfolio-single-detail p:last-child{ padding-bottom:0px; } .portfolio-single-detail a.button, .portfolio-single-detail a.small-button, .portfolio-single-detail a.big-button{ margin-bottom:0px; margin-top:5px; } .portfolio-single-pagination{ margin-bottom:30px; } .pagination_full{ width:100%; } .portfolio-relatives{ margin-top: -12px; padding:0px 0px 60px 0px; } .portfolio-grid{ padding: 0px 0px 20px; } .portfolio-relatives .portfolio-cell{ margin-bottom:0px; } .portfolio-relative-title{ text-align:center; } .portfolio-relative-title .title_label{ padding-bottom:15px; } .portfolio_relative_column{ float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio_relative_column .portfolio-cell{ margin-bottom:0px; } .image-list-each{ margin-bottom:20px; line-height:0px; font-size:0px; } .image-list-each:last-child{ margin-bottom:0px; } .single-portfolio .portfolio-big-column{ border: 0px; } /* portfolio cell */ .widget-entry .paginate-portfolio{ padding-top: 60px; padding-bottom: 60px; } .portfolio-cell-container{ padding: 60px 0px; } .paginate-portfolio{ padding-top:0px; padding-bottom: 60px; } .post-type-archive-portfolio .paginate-portfolio{ padding-bottom: 60px; } .portfolio-container-style-2 .paginate-portfolio{ padding-left: 0px; } .portfolio-cell{ line-height:0px; margin-bottom:40px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ position:relative; overflow:hidden; } .portfolio-cell.widget-element-bottom{ margin-bottom: 0px; } .portfolio-board-column .portfolio-cell,.portfolio_filter_item_board .portfolio-cell{ margin-bottom:0px; } .portfolio-container-style-1{ height: 0px; padding: 0px !important; } .portfolio-container-style-1 .grid .grid-item .portfolio-cell{ margin-left: 40px; } .grid .grid-item.portfolio-style-2 .portfolio-cell{ margin-right: 0px; } .portfolio-cell-thumb{ position:relative; top:0px; line-height:0px; font-size:0px; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .portfolio-cell-bg{ position:absolute; line-height:0px; font-size:0px; left:0px; top:0px; width:100%; height:100%; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-cell-view{ position:absolute; z-index:3; left:50%; top:50%; width:50px; height:50px; text-align:center; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ cursor:pointer; } .portfolio-container-style-2{ padding: 0px 20px; } .portfolio-container-style-3{ padding: 0px 20px; } .column1.portfolio-container-style-2, .column1.portfolio-container-style-3{ padding: 0px 20px; } .no-wrap .portfolio-container-style-2, .no-wrap .portfolio-container-style-3{ padding: 0px; } .portfolio-style-2{ padding: 0px !important; } .wrap.portfolio-style-2{ width: 1240px; } .portfolio-style-2 .portfolio-cell, .portfolio-style-2.portfolio-cell{ outline: 0px; box-shadow: none; margin: 0px; } .portfolio-cell-data{ padding:23px 20px 27px; text-align: center; } .portfolio-style-2 .portfolio-cell-data{ position: absolute; bottom: -95px; left: 0px; width: 100%; padding:23px 0px 27px; z-index: 1; transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ } .portfolio-style-2:hover .portfolio-cell-data{ bottom: 0px; } .portfolio-style-2:hover .portfolio-cell-view{ top: 46%; } .portfolio-style-2:hover .portfolio-cell-thumb{ top: -40px; } .portfolio-style-3{ padding: 0px !important; } .portfolio-style-3 .portfolio-cell{ outline: 0px; box-shadow: none; margin-bottom: 0px; } .grid-item.portfolio-style-3 .portfolio-cell{ margin-right: 0px; } .portfolio-cell-title{ margin-bottom: 5px; transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ } .portfolio-cell-categories{ transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ } /* portfolio quickview */ .portfolio-quickview-entry{ margin-bottom:75px; } .portfolio_quickview_title{ margin-bottom:50px; } .portfolio_quickview_hide{ position:absolute; left:50%; top:-60px; margin-left:-25px; font-size:50px; line-height:50px; width:50px; height:50px; transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ cursor:pointer;px text-align:center; } /* portfolio filter */ .portfolio_filter_item{ float:left; width:33.33%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-board-column{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio-board-container{ padding:0px 10px; } .portfolio_board2{ float:left; width:50%; padding:0px 10px 20px 10px; } .portfolio_board3{ float:left; width:33.33%; padding:0px 10px 20px 10px; } .portfolio_board4{ float:left; width:25%; padding:0px 10px 20px 10px; } .portfolio_filter_board2{ float:left; width:50%; padding:0px 10px 20px 10px; } .portfolio_filter_board3{ float:left; width:33.33%; padding:0px 10px 20px 10px; } .portfolio_filter_board4{ float:left; width:24.5%; padding:0px 10px 20px 10px; } .portfolio_filter1{ float:left; width:100%; padding:0px 20px 0px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio_filter2{ float:left; width:50%; padding:0px 20px 0px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio_filter3{ float:left; width:33.30%; padding:0px 20px 0px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .portfolio_filter4{ float:left; width:25%; padding:0px 20px 0px 20px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ } .filters{ padding:48px 0px 44px 20px; } .widget-entry .filters{ padding:0px 0px 44px 0px; } .portfolio-container-style-2 .wrap{ width: 1240px; } .portfolio-container-style-2 .filters{ padding:0px 0px 44px 0px; } .filters li{ display:inline-block; letter-spacing:0px; } .filters span{ display:inline-block; cursor:pointer; transition: all 300ms ease-out; /*safari and chrome */ -webkit-transition: all 300ms ease-out; /*safari and chrome */ padding:0px 15px; } .filters li:first-child span{ padding-left: 0px; } .filters li::after{ content: "|"; vertical-align: 2px; } .filters li:last-child::after{ content: ""; } .filters li:last-child span{ margin-right:0px; } .portfolio-custom-layout .portfolio-cell-thumb img{ width: 100%; } .portfolio-cell-view{ margin-top: -19px; margin-left: -19px; padding: 0px; opacity: 0; border-radius: 50%; transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .portfolio-cell-view i{ width: 38px; height: 38px; } .portfolio-cell:hover .portfolio-cell-view{ opacity: 1; } /*---------------------------------------------------------------- WIDGETS ------------------------------------------------------------------*/ /* sidebar widget */ .sidebar-widget.content li{ position: relative; border-bottom: 1px solid #d9d9d9; padding: 10px 0px; } .sidebar-widget.content li:last-child{ border-bottom:0px; padding-bottom:0px; } .sidebar-widget.content .children li{ border-bottom: 1px dotted #d9d9d9; } .sidebar-widget.content .children li:last-child{ border-bottom:0px; padding-bottom:0px; } .sidebar-widget i.icon-angle-right,.footer-widget i.icon-angle-right{ margin-right:6px; } .sidebar-widget{ padding-bottom:52px; } .small-column .sidebar-widget:first-child{ padding-top:60px; } .small-column .sidebar-widget:last-child{ margin-bottom:0px; padding-bottom: 60px; } .sidebar-widget-title{ padding:0px 0px 35px 0px; position:relative; } .sidebar-widget-title:before{ position:absolute; height:1px; width:25px; background-color:#4c4c4c; top:45px; content:''; } .sidebar-widget a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .sidebar-widget ul{ list-style-type:none; padding: 0px; } .sidebar-widget ul.sub-menu, .footer-widget ul.sub-menu{ padding:0px 0px 0px 36px; } .sidebar-widget ul.children, .footer-widget ul.children{ padding:0px 0px 0px 36px; } .mc4wp-form{ margin: 0px !important; } /* widget rss */ .widget_rss li a{ text-transform:uppercase; font-weight:700 !important; margin-bottom:5px; display:inline-block; } .widget_rss .rss-date{ text-transform:uppercase; font-size:12px !important; line-height:14px !important; letter-spacing:2px !important; margin-bottom:10px; display:inline-block; } .widget_rss cite{ font-weight:700 !important; display:inline-block; padding-top:10px; } /* widget arrow */ .widget_archive i, .widget_categories i, .widget_pages i, .widget_meta i, .widget_recent_entries i, .widget_nav_menu i, .widget_recent_comments i{ font-size:18px; line-height:28px; margin-right: 5px; display: none; } /* search form */ .search-form{ position:relative; display: inline-block; } .sidebar-widget .search-form{ display: block; } .content.search-form .search-input{ width: 320px; margin-bottom: 0px; padding: 11px 0px 11px 54px; } .content .search-form i { position: absolute; top: 15px; left: 21px; margin-right: 0px; } /* search widget */ .sidebar-widget.widget_search .search-form, .footer-widget.widget_search .search-form{ position:relative; } .sidebar-widget.widget_search input[type=text], .footer-widget.widget_search input[type=text]{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ padding: 11px 0px 11px 54px; margin-bottom: 0px; } .sidebar-widget.widget_search i, .footer-widget.widget_search i{ position:absolute; top: 15px; left: 21px; margin-right:0px; } /* tagcloud widget */ .tagcloud a{ padding:4px 8px; margin-right:5px; margin-bottom:3px; display:inline-block; } /* widget post */ .widget-post{ margin-bottom:5px; padding-top:15px; min-height:90px; } .widget-post-thumb{ width:90px; height:90px; float:left; } .widget-post-thumb img{ border-radius:5px; } .widget-post-title{ margin-left:110px; } .widget-post-meta{ margin-left:110px; text-align:left; } /* video widget */ .video-widget-textarea{ width:100%; } /* contact map widget */ .widget-map-container{ position:relative; } .widget-map-image{ position:absolute; z-index:1; width:100%; height:100%; opacity:0.1; filter:alpha(opacity=10); /* For IE8 and earlier */ } .footer-widget .widget-map-image{ position:absolute; z-index:1; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); /* For IE8 and earlier */ } .widget-map-content{ position:relative; z-index:2; } /*------------------------------------------------------------------------------------------------------------------------------------ FOOTER SECTIONS -------------------------------------------------------------------------------------------------------------------------------------*/ #footer{ position:relative; } .footer-column{ padding-top:80px; padding-bottom:80px; } .footer-column .widget_nav_menu i{ margin-right: 0px; } /* footer widget */ .footer-widget{ padding-bottom:60px; } .footer-widget:last-child{ padding-bottom:0px; } .footer-widget-title{ padding:0px 0px 45px 0px; position:relative; } .footer-widget-title:before{ position:absolute; height:1px; width:25px; background-color:rgba(255,255,255,0.5); top:45px; content:''; } .footer-widget a{ transition: all 200ms ease-out; /*safari and chrome */ -webkit-transition: all 200ms ease-out; /*safari and chrome */ } .footer-widget ul{ margin:0px; padding:0px; } .footer-widget ul li:first-child{ padding-top:0px; } .footer-widget ul ul li:first-child{ padding-top:6px; } .footer-widget ul li:last-child{ border-bottom:0px; padding-bottom:0px; } .footer-widget ul li{ list-style-type:none; padding:0px 0px 2px 0px; } /* footer bottom */ #footer-bottom{ text-align:center; padding:43px 0px 48px 0px; } /* footer social */ .footer-social{ margin-top: 10px; } .footer-social a{ display: inline-block; padding: 20px 20px 0px 0px; border-radius: 50%; text-align: center; } .footer-social a:last-child{ padding-right: 0px; } /* footer multi menu line */ .multi_line_menu_container_1 > div:not(.cleared){ width: 100%; } .multi_line_menu_container_2 > div:not(.cleared){ width: 44%; float: left; margin-right: 4%; } .multi_line_menu_container_3 > div:not(.cleared){ width: 30.6%; float: left; margin-right: 4%; } .multi_line_menu_container_2 > div:not(.cleared):nth-last-child(2), .multi_line_menu_container_3 > div:not(.cleared):nth-last-child(2){ margin-right: 0%; } /* header wpml */ .left-top-bar #flags_language_selector img{ margin-right:10px; } #flags_language_selector a{ display:inline-block; } .right-top-bar #flags_language_selector img{ margin-left:10px; } /* footer wpml */ #footer_language_list{ padding-top: 10px; text-align: center; } #footer_language_list ul{ list-style: none; margin:0; padding:0; } #footer_language_list ul li img{ margin-right:5px; } #footer_language_list ul li{ display:inline; margin:0 5px 0 5px; padding:0; } #footer_language_list ul li a:hover, #footer_language_list ul li a:active{ color: #fff; } /* isotope & masonry */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Mansory ****/ .grid-item { width: 33.33%; }