/*   
Theme Name: Invention
Theme URI: http://themes.jozoor.com/?theme=Invention-WP
Description: Invention Theme corporate, portfolio and business websites, responsive and clean layout, more than color skins, Fully Customizable, Comprehensive Theme Options and more..
Author: Jozoor Team
Author URI: http://www.jozoor.com
Version: 1.1
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00  =
=     00   00    00        00    00    00   00    00   00     =
=     00   00    00      00      00    00   00    00   00     =  
=     00   00    00    00        00    00   00    00   00     =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00     =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = Thanks for watching our source code :)  = = = = = =
*/

/* Start Custom Styles Options */
.single-gallery .comments-title {
    margin-top: 35px;
}

.animate-element p:last-child {
    margin-bottom:0;
}

.page-section img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}

.page-section .button {
   line-height: 22px;
}

.container .column.shortcode-column.no-margin-bottom, .container .columns.shortcode-column.no-margin-bottom, .container .column.shortcode-column p:last-child, .container .columns.shortcode-column p:last-child {
    margin-bottom: 0;
}

.switcher {
    display:none;
}

.gmaps {
    color: #5A5C5D;
}

.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
    color: inherit;
}

.woocommerce .cart .quantity input.qty { background: inherit; }

.cart-tab span.contents { overflow: hidden; }

body.rtl .button.small.no-text {
    width: 40px;
    height: 22px;
}

body.rtl .post-content [class*=" icon-"], body.rtl .post-content [class*=" social_icon-"], body.rtl .post-content [class^=icon-], body.rtl .post-content [class^=social_icon-], body.rtl .slider-1 [class*=" icon-"], body.rtl .slider-1 [class*=" social_icon-"], body.rtl .slider-1 [class^=icon-], body.rtl .slider-1 [class^=social_icon-], body.rtl .slider-2 [class*=" icon-"], body.rtl .slider-2 [class*=" social_icon-"], body.rtl .slider-2 [class^=icon-], body.rtl .slider-2 [class^=social_icon-] {
    margin-left: 4px;
    margin-right:0;
}

body.rtl .button.no-text i {
    margin-left: 0;
    margin-right:0;
}

pre { direction: ltr; }

body.rtl .slider-shortcode {
    overflow: hidden;
}

body.rtl .top-bar {
    padding: 13px 0 7px;
}

body.rtl header .top-bar.none {
    min-height: 4px;
    padding: 0;
}

.type-post.sticky {
   padding: 20px;
}

/* logo img style */
.logo img {
   width: 256px;
   height: 86px;
}

.logo {
    margin: 5px 0 3px 0;
}



.navigation > ul > li > a {
    padding: 48px 15px 42px;
}

body.rtl .navigation > ul > li > a {
    padding: 47px 15px 42px;
}

.navigation ul li ul {
    top: 110px !important;
}

header.style-3 .navigation > ul > li > a {
    padding: 28px 20px 22px;
}

body.rtl header.style-3 .navigation > ul > li > a {
    padding: 27px 20px 22px;
}

header.style-3 .navigation ul li ul {
    top: 67px !important;
}

header.style-3 .header-custom-content {
    margin: 25px 0;
}

.top-header-custom-content, .bottom-header-custom-content {
    padding:10px 0;
}

.tagcloud a {
    font-size:14px !important;
}

.widget .submit-search, .woocommerce.widget_product_search input[type="submit"] {
	background:url(../images/icons/search-icon.png) no-repeat;
} 

header.bg-border-none .navigation ul li a:hover, header.bg-border-none .navigation ul li a.selected, header.bg-border-none .navigation ul li.active a, header.bg-border-none .navigation ul li.current-menu-item a, header.bg-border-none .navigation ul li.current-menu-parent a, header.bg-border-none .navigation ul li.current-menu-ancestor a {
    border-top: 4px solid transparent;
    background:transparent;
}

header.style-3.bg-border-none .navigation ul li a:hover, header.style-3.bg-border-none .navigation ul li a.selected, header.style-3.bg-border-none .navigation ul li.active a, header.style-3.bg-border-none .navigation ul li.current-menu-item a, header.style-3.bg-border-none .navigation ul li.current-menu-parent a, header.style-3.bg-border-none .navigation ul li.current-menu-ancestor a {
    border-top:1px solid transparent;
    background:transparent;
}










/* Footer Links ( hover ) Color */
footer a:hover {
	 color:#333333 !important;
}


/* Heading Title Color in ( footer ) */
footer h3.title  {
	 color:#383838;
}



/* Custom Color Scheme */
/* Backgrounds
================================================== */
::-moz-selection {
    background:#00aab7;
}

::selection {
    background:#00aab7;
}

.services.style-1 .item.active .circle, .services.style-1 .item:hover .circle, .more:hover, .subscribe input.submit, #menu > a, .page-title, .accordion h4.ui-state-active, .accordion.style2 h4.ui-state-active .icon-plus, .accordion.style2 h4.ui-state-active .icon-minus, .meter > span:after, .animate > span > span, .button.color, .button.black:hover, #horizontal-tabs.style2 ul.tabs li.current, #vertical-tabs.style2 ul.tabs li.current, #horizontal-tabs.style2 ul.tabs li:hover, #vertical-tabs.style2 ul.tabs li:hover, #toggle-view li h4.color, .highlight-color, .dropcaps.color:first-letter, .pagination a.next:hover, .pagination a.prev:hover, .pagination a:hover, .pagination span.current, table.style.color th, .meter .meter-content, .team .item .member-social a:hover, .services.style-2 .item .circle, .services.style-2 .item.active:hover .circle, .services.style-3 .item.active .circle, .services.style-3 .item:hover .circle, .tables-column .footer h4 a:hover, .tables-column.color .header h3 , .tables-column.color .footer h4 a, .tables-column .header h3 span.pop, .share-social a:hover, .popular-tags a:hover, .widget .followers li a:hover, body.under-construction #wrap.boxed, body.under-construction .content input.subscribe-button, .flex-control-nav li a.flex-active, .flex-control-nav li a:hover, header.style-4 .top-bar, html.ie.ie8 .img-caption, html.ie.ie8 .fancybox-title-float-wrap .child, .slide-bg-color,
/* wp classes */
.tagcloud a:hover, .bg-color, .member-social.author-links a:hover, .page-section.theme-skin-color, .wpcf7-submit, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .woocommerce-page a.button, .woocommerce a.button:hover, .woocommerce-page a.button:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a, .woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a, .cart-tab a.cart-parent span.contents, .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce #review_form #respond .form-submit input, .woocommerce-page #review_form #respond .form-submit input, .woocommerce .cart .checkout-button.button, .woocommerce .cart input.checkout-button.button, .woocommerce-page .cart .checkout-button.button, .woocommerce-page .cart input.checkout-button.button,
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce-page .cart .button:hover, .woocommerce-page .cart input.button:hover, .woocommerce .cart-collaterals .shipping_calculator .button, .woocommerce-page .cart-collaterals .shipping_calculator .button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover
{
	 background:#00aab7;
}

.img-caption, .fancybox-title-float-wrap .child {
	background:rgba(0,170,183,.88);
}

/* video & audio player */
.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    background:#00aab7 !important;
}

/* Colors 
================================================== */
p a, a:hover, .latest-blog .item h3 a:hover, .tweet_list li i.icon-twitter, .tweet.footer .tweet_list li a:hover, footer a:hover, .button.normal:hover, .breadcrumbs a, span.color, .team .item span, .check-list.why li:before, .widget.most-posts ul.posts li a:hover, .blog-3 .item .post-meta a:hover, .post-tags a, .form-box label small, i.color, header.style-4 .navigation > ul > li > a:hover, header.style-4 .navigation > ul > li > a.selected, header.style-4 .navigation > ul > li.active > a, 
/* wp classes */
header.style-4 .navigation > ul > li.current-menu-item > a, header.style-4 .navigation > ul > li.current-menu-parent > a, header.style-4 .navigation > ul > li.current-menu-ancestor > a, .format-aside .post-meta .meta a:hover, .comment-reply-link, .comment-edit-link, .comment-awaiting-moderation, #cancel-comment-reply-link, .no-comments, .project-details li.cats a,
.check-list.list-color li:before, .plus-list.list-color li:before, .arrow-list.list-color li:before, .cross-list.list-color li:before, .star-list.list-color li:before, .minus-list.list-color li:before, .heart-list.list-color li:before, .circle-list.list-color li:before, .asterisk-list.list-color li:before, .square-list.list-color li:before, .post-content .latest-blog .item p a,
.sticky-wrapper.is-sticky .navigation > ul > li.current-menu-item > a, .sticky-wrapper.is-sticky .navigation > ul > li.current-menu-parent > a, .sticky-wrapper.is-sticky .navigation > ul > li.current-menu-ancestor > a, .sticky-wrapper.is-sticky .navigation > ul > li > a:hover,
header.bg-border-none .navigation > ul > li > a:hover, header.bg-border-none .navigation > ul > li > a.selected, header.bg-border-none .navigation > ul > li.active > a, header.bg-border-none .navigation > ul > li.current-menu-item > a, header.bg-border-none .navigation > ul > li.current-menu-parent > a, header.bg-border-none .navigation > ul > li.current-menu-ancestor > a, header.style-3.bg-border-none .navigation > ul > li > a:hover, header.style-3.bg-border-none .navigation > ul > li > a.selected, header.style-3.bg-border-none .navigation > ul > li.active > a, header.style-3.bg-border-none .navigation > ul > li.current-menu-item > a, header.style-3.bg-border-none .navigation > ul > li.current-menu-parent > a, header.style-3.bg-border-none .navigation > ul > li.current-menu-ancestor > a, table#wp-calendar td a, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product a h3:hover, .woocommerce-page ul.products li.product a h3:hover, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .product_meta a, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button, .woocommerce .woocommerce-message a.button:hover, .woocommerce-page .woocommerce-message a.button:hover, .woocommerce .cart-collaterals .cart_totals table .order-total td .amount, .woocommerce-page .cart-collaterals .cart_totals table .order-total td .amount
{
	 color:#00aab7;
}

.page-section .button.normal:hover, .page-section .button.normal:hover i {
   color:#00aab7 !important; 
}

/* borders
================================================== */
.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a, 
/* wp classes */
.navigation ul li.current-menu-item a, .navigation ul li.current-menu-parent a, .navigation ul li.current-menu-ancestor a
{
	border-top:4px solid #00aab7;
}

#horizontal-tabs ul.tabs li.current {
	border-top:2px solid #00aab7;
}

#vertical-tabs ul.tabs li.current {
	border-left:2px solid #00aab7;
}

body.rtl #vertical-tabs ul.tabs li.current {
	border-right:2px solid #00aab7;
}

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected, header.style-3 .navigation ul li.active a, 
/* wp classes */
header.style-3 .navigation ul li.current-menu-item a, header.style-3 .navigation ul li.current-menu-parent a, header.style-3 .navigation ul li.current-menu-ancestor a
{
	border-top:1px solid #00aab7;
}

blockquote {
	border-left:4px solid #00aab7;
}

body.rtl blockquote {
	border-right:4px solid #00aab7;
}







/* Footer Background Color */
.footer-top {
    background:#00aab7;
}


















/* Body Font [Type] */
body, .form-elements input, .form-elements textarea, .form-elements select, .qoute p, .tables-column .header h3 span.pop, .widget .followers li span, .one-page.welcome .welcome-text, .post-content .latest-blog .item h3, .team-shortcode .item span, 
.latest-blog .item p, footer, p, .services.style-1 .item h3, .progress-bar h5, .button, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .alert p, .pagination, .qoute, .welcome, .progress-bar .meter, .testimonial-item .author span, .testimonial-item .author a, .team .item h4, .services.style-2 .item h4, .services.style-3 .item h4, .page-404 .oops, .tables-column .header h3, .tables-column .header .price, .tables-column .footer h4, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .heart-list li, .circle-list li, .asterisk-list li, .widget .followers h4, .sidebar .widget, .blog-3 .item a.title, .form-box label, .address-info li, .phone-info li, .email-info li, body.under-construction .content h2.title, body.under-construction .content .block .label, .post-content, .project-details li, 
.subscribe input.submit, body.under-construction .content .block .flip-top, body.under-construction .content input.subscribe-button, 
.img-caption .desc span, .more,
.subscribe input.mail, blockquote, blockquote p, .about-author h3, .related-posts h3, .comments-box h3, .comment-form h3, .form-box input.text, .form-box textarea, body.under-construction .content p.text, body.under-construction .content input.subscribe-text, .notification_error, .notification_ok, .fancybox-title-inside-wrap, .fancybox-title-outside-wrap, .single-gallery .item.gallery-item .img-caption-gallery .desc, 
.page-title h1, .one-page p.description, /* wp classes */ .post-content .wp-caption p, .page-section .post-content > p, .page-section .post-content .shortcode-column > p,
.pricing-tables .tables-column, .single-gallery-meta, .wpcf7-submit, .woocommerce-ordering select {
	 font-family:'Open Sans', Arial, sans-serif !important;
}

/* Menu Font [Type] */
.navigation ul li, .responsive ul li {
	 font-family:'Open Sans', Arial, sans-serif !important;
}

/* Top Bar header Font [Type] */
.top-bar {
	 font-family:'PT Sans', Arial, sans-serif !important;
}

/* Heading Font [Type] */
h3.title, .about-author .content .data h5, .comments .comment-box h5, .one-page h2.title, .one-page h1.title, .page-section h1, .page-section h2, .page-section h3 {
	 font-family:'Gafata', Arial, sans-serif !important;
}

/* Heading Footer Font [Type] */
footer h3.title {
	 font-family:'Roboto', Arial, sans-serif !important;
}

/* Down Bar Font [Type] */
footer .footer-down {
	 font-family:'Raleway', Arial, sans-serif !important;
}

/* Sliders Title Font [Type] */
.slider-1 .slides li h2, .slider-2 .slides li h2 {
	 font-family:'Titillium Web', Arial, sans-serif !important;
}

/* Sliders Description Font [Type] */
.slider-1 .slides li .slide-desc, .slider-2 .slides li .slide-desc {
	 font-family:'Roboto Condensed', Arial, sans-serif !important;
}





/* H1 Heading Font */
h1 { font-size: 47px !important; font-weight: normal; }
/* H2 Heading Font */
h2 { font-size: 35px !important; font-weight: normal; }
/* H3 Heading Font */
h3 { font-size: 28px !important; font-weight: normal; }
/* H4 Heading Font */
h4 { font-size: 21px !important; font-weight: normal; }
/* H5 Heading Font */
h5 { font-size: 17px !important; font-weight: normal; }
/* H6 Heading Font */
h6 { font-size: 14px !important; font-weight: normal; }

/* Body Font */
body, .team .item span, p {
	font-size: 14px !important;
    font-weight: normal;
}

/* Header Menu Font */
.navigation ul li, .responsive ul li {
	font-size: 16px !important;
    font-weight: normal;
}

/* Sublevels Menu Font */
.navigation ul li ul li, .responsive ul li ul li {
	font-size: 14px !important;
    font-weight: normal;
}

/* Top Bar Header Font */
.top-bar {
	font-size: 12px !important;
    font-weight: normal;
}

/* Slider [1] Font */
.slider-1 .slides li h2 {
	font-size: 27px !important;
    font-weight: normal;
}

/* Slider [2] Font */
.slider-2 .slides li h2 span {
	font-size: 42px !important;
    font-weight: normal;
}

/* Sliders Description Font */
.slider-1 .slides li .slide-desc, .slider-2 .slides li .slide-desc {
	font-size: 18px !important;
    font-weight: normal;
}

/* Page Title Font */
.page-title h1 {
	font-size: 20px !important;
    font-weight: normal;
}

/* Heading Body Font */
h3.title, .one-page h2.title, .one-page h1.title, .page-section h1, .page-section h2, .page-section h3 {
	font-size: 26px !important;
    font-weight: normal;
}

/* Footer Font */
footer, .tweet.footer, footer p {
	font-size: 15px !important;
    font-weight: normal;
}

/* Heading Footer Font */
footer h3.title {
	font-size: 23px !important;
    font-weight: normal;
}

/* Down Bar footer Font */
footer .footer-down, span.copyright, footer .footer-down p {
	font-size: 12px !important;
    font-weight: normal;
}





/* Body Font [ Line Height ] */
p, blockquote, .post-content {
	line-height: 23px !important;
}

/* H1 - Heading Font [ Line Height ] */
h1 { line-height: 15px !important; }
/* H2 - Heading Font [ Line Height ] */
h2 { line-height: 40px !important; }
/* H3 - Heading Font [ Line Height ] */
h3 { line-height: 34px !important; }
/* H4 - Heading Font [ Line Height ] */
h4 { line-height: 30px !important; }
/* H5 - Heading Font [ Line Height ] */
h5 { line-height: 24px !important; }
/* H6 - Heading Font [ Line Height ] */
h6 { line-height: 21px !important; }





/* new codes */
@media only screen and (min-width: 959px) {
    
header.style-3 .main-header .container .eleven.columns , header.style-3 .main-header .container .five.columns,
header .main-header .container .one-third.column, header .main-header .container .two-thirds.column,
header .top-bar .container .eight.columns, footer .footer-down .container .eight.columns {
    width:auto;
}

header.style-3 .main-header .container .eleven.columns, header .main-header .container .one-third.column,
header .top-bar .container .eight.columns.left, footer .footer-down .container .eight.columns.left {
    float:left;
}

header.style-3 .main-header .container .five.columns, header .main-header .container .two-thirds.column,
header .top-bar .container .eight.columns.right, footer .footer-down .container .eight.columns.right {
    float:right;
}

/* RTL */
body.rtl header.style-3 .main-header .container .eleven.columns, body.rtl header .main-header .container .one-third.column,
body.rtl header .top-bar .container .eight.columns.left, body.rtl footer .footer-down .container .eight.columns.left {
    float:right;
}

body.rtl header.style-3 .main-header .container .five.columns, body.rtl header .main-header .container .two-thirds.column,
body.rtl header .top-bar .container .eight.columns.right, body.rtl footer .footer-down .container .eight.columns.right {
    float:left;
}

header .search form {
    min-width: 280px;
}

header .widget .text-search {
    width: 83%;
}
    
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
header.style-3 .main-header .container .eleven.columns , header.style-3 .main-header .container .five.columns,
header .top-bar .container .eight.columns, footer .footer-down .container .eight.columns {
    width:auto;
}

header.style-3 .main-header .container .eleven.columns,
header .top-bar .container .eight.columns.left, footer .footer-down .container .eight.columns.left {
    float:left;
}

header.style-3 .main-header .container .five.columns,
header .top-bar .container .eight.columns.right, footer .footer-down .container .eight.columns.right {
    float:right;
}

/* RTL */
body.rtl header.style-3 .main-header .container .eleven.columns,
body.rtl header .top-bar .container .eight.columns.left, body.rtl footer .footer-down .container .eight.columns.left {
    float:right;
}

body.rtl header.style-3 .main-header .container .five.columns,
body.rtl header .top-bar .container .eight.columns.right, body.rtl footer .footer-down .container .eight.columns.right {
    float:left;
}

header .search form {
    min-width: 220px;
}

header .widget .text-search {
    width: 81%;
}
    
}