/*   
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.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   
=     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: 200px;
   height: 89px;
}

.logo {
    margin: 8px 0 3px 0;
}



.navigation > ul > li > a {
    padding: 0px 15px 42px;
}

body.rtl .navigation > ul > li > a {
    padding: -1px 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;
}







/* 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;
}



/* 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:'Actor', Arial, sans-serif;
}












/* Start Custom CSS Codes */
.navigation > ul > li > a {padding: 48px 11px 42px;}
#comments {display:none}

.image-post { 
    left: -40px;
    margin: 5px 0 15px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 1000px;}
.entry-content{position: relative;
    top: -25px;}

.page-title {padding: 12px 0 12px;}

.slidi {position:relative;  left:600px;}
.page-title {border-top: 5px solid #e7402f; background: #ffffff none repeat scroll 0 0;}
.page-title h1 {color:#5a5c5d; font-size: 25px;}

#menu-item-29 ul {
-moz-column-count: 3;
-moz-column-gap: 0px;
-webkit-column-count:3;
-webkit-column-gap: 0px;
column-count: 3;
column-gap: 0px;
}
#menu-item-28 .sub-menu li{
width:250px;
}
#menu-item-28 .sub-menu li a{
width:230px;
}
#menu-item-29 .sub-menu li{
width:210px;
}
#menu-item-29 .sub-menu li a{
width:190px;
}
{position:relative; left:-100px;}
.breite{width:275px}
.one-third .button{width:214px}
.seite {padding-left:15px; border-left: 1px solid #eee; background:#f1f1f1; border-top:#ff0000 5px solid; border-bottom:#ff0000 5px solid; padding-top:10px;}

.post-content ol li, .post-content ul li {
    margin: 0 0 8px 16px;
}
.phone-mail a:hover, .social_icon-facebook:hover{color:#e7402f}
.member-social {display:none}
.team .item p {
    color: #5c5d5e;
    position: relative;
    top: -25px;
}
.team .item {
    margin-bottom: 30px !important;
    min-height: 300px;
}
 
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1024px) {

.image-post { 
    left: -40px;
    margin: 5px 0 15px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 1000px;}

#menu-item-29 ul {
display:none;
}

.main-header{position:static !important;}



}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.image-post { 
    left: -40px;
    margin: 5px 0 15px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 768px; display:none;}

#menu-item-29 ul{
display:none;
}

.main-header{position:static !important;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.image-post { 
    left: -40px;
    margin: 5px 0 15px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 480px; display:none;}

.slidi {position:relative;  left:10px;}
.main-header{position:static !important;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.image-post { 
    left: -40px;
    margin: 5px 0 15px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 320px;display:none;}


.slidi {position:relative;  left:10px;}

.main-header{position:static !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%;
}
    
}
    
