/*
Theme Name: wonex
Author: Themebuzz
Author URI: #
Description: Themebuzz team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
License: GNU General Public License version 3.0
License URI: #
Version: 1.0.0
Requires at least: 4.0
Tested up to: 5.6.2
Requires PHP: 7.3
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: wonex
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Transition
# Color
# Buttons
# Header 
# Hamburger icon
# X icon
# Blog Section
# Footer
# Copyright 
# Top To Buttom
# 404 Page
# Preloader 
--------------------------------------------------------------*/
.header2-right.ml-auto ul li a i {
    font-size: 17px;
    background: #cd0001;
    padding: 10px;
    border-radius: 50%;
    border: none;
}
.header2-right.ml-auto ul li a i:hover {
    background: white;
    padding: 10px;
    border-radius: 50%;
    border: none;
	color:#cd0001;
}
.menu-quick-links-container ul li a {
    font-size: 18px;
    color: white;
    line-height: 35px;
    letter-spacing: 1px;
}
.header2-left ul li i {
    font-size: 18px;
    padding-right: 5px;
}
.header2-right.ml-auto ul li a {
    padding: 10px 0;
}
.header2-right.ml-auto ul li a i {
    font-size:16px;
}
.team-two .team-social {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 26px 0;
    background: #ff0000b0;
    transition: 1s;
    opacity: 0;
    left: 0;
}
.boxs .col-lg-3.d-flex.flex-wrap.align-content-center {
    margin: 0 auto;
    padding: 200px 0;
}
.mc4wp-form-fields input[type="email"] {
    background-color: #e7e7e7!important;
    border: none;
}
.team-box .no-slide .team-single {
    margin-bottom: 30px;
    background: red;
    padding: 15px;
}
.footer-widget-section {
    padding: 70px 0 0;
}
.team-two .team-social ul {
    float: right!important;
    margin-right: 10px!important;

}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
   
    font-size: 16px;
    font-weight: 500;
}
.header-two .cta-butons a {
    color: #cd0001;
    background: #002155;
}

.header-two .cta-butons a:hover {
    color: #cd0001;
    background: #fff;
}

.team-image img {
    width: 100%;
    height: 250px!important;
}


textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 150px;
}


.blog-box .post-single {
    padding: 20px 20px;
    box-shadow: 3px 3px 43px 3px rgb(0 0 0 / 3%);
	background: #dbdbdb40;
}

.blog-top ul li.postby a:hover {
    color: Black;
}

.blog-top ul li.postby a {
    color: #fd5d14;
}

.blog-body p {
    color: black;
}
.service-dec p {
    font-size: 16px;
    color: black;
}

.header-four .cta-butons a:hover {
    color: white;
    background: Black;
	transition:.5s;
}

.header-four .cta-butons a {
    color: white;
    background: red;
	transition:.5s;
}
.treacas input[type=submit] {
    border: none;
    background: #ffffff;
    cursor: pointer;
    font-size: 16px;
    color: black;
    width: 100%;
}
.treacas p {
    margin-top: 0;
    margin-bottom: 5px !important;
}



.treacas select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 13px 40px;
    margin-bottom: 1px !important; 
    border-radius: 0;
    color: #001157;
    width: 100%;
    transition: 0.3s;
}

.hobe_mar input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 10px 20px;
    border: none;
}

.mc4wp-form-fields button {
    background: #cd0001!important;
}

.wp-block-social-links li a {
    background-color: #fd5d14!important;
    color: #fff;
    font-size: 23px;
}
pre {
    background-color: #fd5d14!important;
	color:white;
}
.wp-block-social-links li a:hover {
    background-color: #fff!important;
    color: #000!important;
}


.testimonial-boxs.style-one .testi-content p {
    padding-left: 2px!important;
}

.elementor-widget-wp-widget-nav_menu ul.menu li.current-menu-item a {
    background-color: #ff0000;
    color: #cd0001;
}
.wonex-social-widgets.widget ul li a {
    width: 35px;
    height: 35px;
    background: #cd0001!important;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    padding: 4px;
}

.active:after {
    content: ""!important;
}

.loader_bg {
    width: 100%;
    height: 100%;
    background: #000;
}

.loader img{
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	position:absolute;
}
.service-title-con {
    margin-bottom: 27px;
}

.ft-subscribe-dec p {
    color: #ffffff!important;
}
.footer-widget-area ul li {
    color: #ffffff!important;
}

.widget.wonex-nav-widgets {
    border: none;
    padding: inherit;
}

ul#menu-quick-link li a:before {
    font-size: 16px;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #fd5d14;
    padding-right: 6px;
}
ul#menu-quick-link li a {
    font-size: 16px;
	font-weight:400;
   
}

ul#menu-quick-link li a:hover {
    color: #0EB582;
}
ul#menu-quick-link li a:hover {
    padding-left: 6px;
}

ul#menu-quick-link li a:hover:before {
    color: #000!important;
}


.wonex-footer-widgets .widget ul li a:before {
   display:none;
}


.widget.widget_meta ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #ff6600;
}

.widget ul li a:hover {
    color: #000033 !important;
}
.widget.widget_meta ul li a:hover {
    padding-left: 6px;
}

.widget.widget_meta ul li a:hover:before {
    color: #000!important;
}

.elementor-3807 .elementor-element.elementor-element-4dce11c .blog-footer .left a {
    background-color: #fd5d14!important;
}

.elementor-3807 .elementor-element.elementor-element-4dce11c .blog-footer .left a:hover {
    background-color: #000033!important;
}


.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #16203b !important;
}
.widget_block ul li a {
    color: #000000;
    font-weight: 500;
	color:#000033;
}
.wp-block-table.is-style-stripes {
    border-bottom: #16203b !important;
}
.wp-block-social-links .wp-social-link svg {
     width: 20px !important; 
    height: 20px !important; 
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: inherit;
    color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: inherit;
    color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: inherit;
    color: #fff;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    background-color: inherit;
    color: #fff;
}
.protfolio-box:hover .pt-portfolio-info {
    opacity: 1;
	transition:.5s;
}
.pt-portfolio-info {
    opacity: 0;
	transition:.5s;
}

iframe {
    height: 200px;
}
.pr-menu {
    text-align: center;
    display: none;
}
.elementor-3646 .elementor-element.elementor-element-5a165ff {
    color: #ffffff!important;

}


.header2-bottom {
    background: #cd000100;
}
.blog-image {
    position: relative;
    height: 100%;
    width: 100%;
}
.blog-image:after {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom,rgb(0 31 80 / 36%),rgb(0 30 78 / 68%));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.blog-box .item:hover .blog-image:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.elementor-3647 .elementor-element.elementor-element-52e4e65 .portfolio-img:hover img {
    filter: blur(0px);
	 -webkit-transform: scale(1.2);
    transform: scale(1.2);
    overflow: hidden;
    transition: .5s;
}
.copyright {
    text-align: center;
}
.project-video a i {
    background: #cd0001;
    font-size: 13px!important;
    padding: 18px;
}
.project-signle img {
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
	height:320px!important;
}