/*   
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: 171px;
   height: 33px;
}

.logo {
    margin: 35px 0 18px 0;
}


header .main-header {
    background:url(http://awalcentre.com/Archivo/wp-content/uploads/2018/03/header.jpg) repeat;
}



body {
    background:url() repeat !important;
}



.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;
}





/* Top Bar Header Text Color */
.top-bar, .top-bar a, header .social a {
	 color:#ffffff;
}










/* Custom Color Scheme */
/* Backgrounds
================================================== */
::-moz-selection {
    background:#ad95a3;
}

::selection {
    background:#ad95a3;
}

.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:#ad95a3;
}

.img-caption, .fancybox-title-float-wrap .child {
	background:rgba(173,149,163,.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:#ad95a3 !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:#ad95a3;
}

.page-section .button.normal:hover, .page-section .button.normal:hover i {
   color:#ad95a3 !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 #ad95a3;
}

#horizontal-tabs ul.tabs li.current {
	border-top:2px solid #ad95a3;
}

#vertical-tabs ul.tabs li.current {
	border-left:2px solid #ad95a3;
}

body.rtl #vertical-tabs ul.tabs li.current {
	border-right:2px solid #ad95a3;
}

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 #ad95a3;
}

blockquote {
	border-left:4px solid #ad95a3;
}

body.rtl blockquote {
	border-right:4px solid #ad95a3;
}



/* Header Main content Background Color */
header .main-header, header .down-header {
    background:#ffffff !important;
}

/* Header Top Bar Background Color */
.top-bar {
    background:#a86a85 !important;
}


/* Separate Line Color in Body */
hr.line {
    border: solid #a83a6a;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}






/* Sublevels Menu links Background Color */
.navigation ul li ul li a, .responsive ul li a, .responsive > ul {
    background:#a86a85 !important;
}

/* Sublevels Menu links ( active & hover ) Background Color */
.navigation ul li ul li a:hover, .navigation ul > li > ul > li.active > a, .navigation ul > li > ul > li.current-menu-item > a, .navigation ul > li > ul > li.current-menu-parent > a, .navigation ul > li > ul > li.current-menu-ancestor > a, .responsive > ul > li.active > a, .responsive > ul > li > a:hover, 
.responsive > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > a:hover, 
.responsive > ul > li.active > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > ul > li > a:hover,
.responsive > ul > li.active > ul > li.active > ul > li.active > ul > li.active > a, .responsive > ul > li > ul > li > ul > li > ul > li > a:hover, .responsive > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active a, .responsive > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover,
/* wp classes */
.responsive > ul > li.current-menu-item > a, .responsive > ul > li.current-menu-parent > a, .responsive > ul > li.current-menu-ancestor > a,
.responsive ul > li > ul > li.current-menu-item > a, .responsive ul > li > ul > li.current-menu-parent > a, .responsive ul > li > ul > li.current-menu-ancestor > a ,
.responsive ul > li > ul > li > ul > li.current-menu-item > a, .responsive ul > li > ul > li > ul > li.current-menu-parent > a, .responsive ul > li > ul > li > ul > li.current-menu-ancestor > a ,
.responsive ul > li > ul > li > ul > li > ul > li.current-menu-item > a, .responsive ul > li > ul > li > ul > li > ul > li.current-menu-parent > a, .responsive ul > li > ul > li > ul > li > ul > li.current-menu-ancestor > a,
.responsive ul > li > ul > li > ul > li > ul > li > ul > li.current-menu-item > a, .responsive ul > li > ul > li > ul > li > ul > li > ul > li.current-menu-parent > a, .responsive ul > li > ul > li > ul > li > ul > li > ul > li.current-menu-ancestor > a {
    background:#a81454 !important;
}

/* Sublevels Menu links Background Color */
.navigation ul li ul li a, .responsive ul li a, .navigation ul li ul li a:hover, .navigation ul li ul li.active a,
.navigation ul li ul li.current-menu-item a, .navigation ul li ul li.current-menu-parent a, .navigation ul li ul li.current-menu-ancestor a
{
	border-bottom:1px solid #ffffff;
}











/* 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:'DroidKufi', Arial, sans-serif !important;
}












/* H1 Heading Font */
h1 { font-size: 20px !important; font-weight: bold; }
/* H2 Heading Font */
h2 { font-size: 20px !important; font-weight: bold; }
/* H3 Heading Font */
h3 { font-size: 10px !important; font-weight: normal; }
/* H4 Heading Font */
h4 { font-size: 15px !important; font-weight: normal; }
/* H5 Heading Font */
h5 { font-size: 13px !important; font-weight: bold; }
/* 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: 13px !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: 13px !important;
    font-weight: bold;
}

/* 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: 25px !important;
    font-weight: bold;
}

/* 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: 20px !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: 15px !important;
    font-weight: normal;
}







/* 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%;
}
    
}
    
