/*!
Theme Name: Edwom Tech Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: edwom-tech-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Edwom Tech Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
  /*  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans Condensed', sans-serif;*/
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #000;
  background: #fff;
  }
ul {
    padding: 0;
    margin: 0;
}
ul, ul li {
    list-style-type: none;
}
li {
    list-style: none;
}
a {
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover {
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.header-top {
    background: #803f8f;
}
.social-media {
    padding: 14px 0px 8px;
    display: inline-block;
}
.social-media > li {
    float: left;
    margin: 0;
}
.social-media a i{
        display: block;
        font-size: 20px;
        padding-top: 0px;
        color: #fff;
        margin: 0px 15px 0px 0px;
        -webkit-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        border-radius: 50%;
        padding: 15px;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        text-decoration: none;
}
.social-media a i:hover {
    color: #000;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    background: #000;
    text-decoration: none;
}
.social-media a i.fa-facebook{ background: #1e77f0;}
.social-media a i.fa-twitter{ background: #607cfd;}
.social-media a i.fa-pinterest { background: #E60023;}
.social-media a i.fa-instagram{ background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%);}
.social-media a i.fa-youtube{ background: red}


.social-media li:nth-child(2) {
}
.top_social.social-media { padding:0px;
}
.top_social.social-media a i{
    background: #fff;
    color: #000;
}

nav.navbar {
    border: 0 solid;
    border-radius: 0;
    margin-bottom: 0;
    z-index: 6;
}
.top-header {
    position: relative;
    z-index: 5;
}
.navbar-header {
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.navbar-collapse {
    padding: 0;
}
.navbar-nav {
    padding: 10px 0px;
}
.full-width {
    width: 100%;
}
.navbar-nav > li {
    /* border-right: 1px solid white; */
}
.navbar-nav > li > a {
    font-size: 16px;
    text-transform: uppercase;
    color: black;
    font-weight: 700;
    padding: 5px 24px;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.navbar-nav > li:last-child {
    border-right: 1px solid transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #f00;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.logo img { margin:20px 0; width:100%; }

/* FOOTER */

.main-footer {
    margin-top: 50px;
    padding: 50px 0px;
    color: #FFF;
    background: radial-gradient(circle at top left,#2c055c  0%,#0a0489 100%);
    background-color: #040107;
}
.main-footer img {
    max-width:100%;
    height:auto;
}
.main-footer a {
}
.main-footer p {
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    color: white;
    margin-top: 20px;
    margin-bottom: 0;
}
.main-footer h5 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 1px solid #272727;
    padding-bottom: 10px;
}
.main-footer .menu-list li, .widget_nav_menu li {
    padding-bottom: 13px;
}
.main-footer .menu-list li a, .widget_nav_menu li a {
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    color: white;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
ul.footer_menu {}
.footer_menu li {display: inline-block;margin-right: 30px;}
.footer_menu li a {
    color: #fff;
    text-decoration: none;
}
.footer_menu li a:hover {color: #f00;}


.foot-subscribe {
    margin-bottom: 20px;
}
.foot-subscribe input.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
}
.foot-subscribe .btn {
    height: 34px;
}
.btn.btn-pclr {
    background: #803f8f;
    border: 1px solid #803f8f;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.copyright {
    padding: 15px 0px;
    background: black;
    color: #fff;
    font-size: 14px;
}
.text-center {
    text-align: center !important;
}
.copyright a {
    color: #fff;
    text-decoration: none;
}

.page-template-home .swp_social_panel,
.page-template-services .swp_social_panel,
.page-template-story-page .swp_social_panel,
.page-template-founder-page .swp_social_panel,
.page-template-career-page .swp_social_panel,
.page-template-contact-page .swp_social_panel,
.page-template-blog-category-page .swp_social_panel,
.page-template-default .swp_social_panel
{ display:none;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid #f7e700;
}
div.wpcf7-response-output { margin: 0;}
div.wpcf7-mail-sent-ok {
    border: 1px solid #398f14;
}
#contact div.wpcf7-mail-sent-ok {
    width: 50%;
    margin: 0 auto;
}
/* BLOG RELATED CSS */

.blog .app-container { background:#f6f6f6;}
.blog_post article {margin-bottom: 40px; padding:18px; /*! display: inline-block; */ background:#fff; box-shadow: 0px 0px 8px 2px #0000000f;}
.blog_post .thubmail_portion img { height: auto;border: 1px solid #aeaeae; max-width: 100%;}
.blog_post .content_area {/*! padding-right:110px; */}
.blog_post h2 { margin:0; padding: 0;}
.blog_post h2 a { color: #000; font-size: 22px;  text-decoration: none;font-weight: 700;margin-top: 12px;display: block;}
.blog_post h2 a:hover {opacity: .7; }
.blog_post .entry-meta { color: #ea2323; font-size: 12px; text-transform: uppercase; margin:8px auto 10px auto; font-weight: 700;}
.blog_post .entry-meta a {color: #ea2323; font-size: 12px;}
.blog_post .entry-content {color: #0a0a0c; font-size: 14px;/*! line-height: 1.6; */ text-align:justify;font-weight: lighter;}
.posts-navigation h2 {font-size: 20px;
    margin-bottom: 10px;
}

/* blog sidebar */
#sidebar label.screen-reader-text {display:none;}
#sidebar section { margin-bottom: 20px;}
#sidebar h2.widget-title {
    /*    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 6px 15px;
    background-color: #fff;
*/
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    width:100%;
    color: #000;
    /* background: #000; */
    padding: 13px 0;
    border-bottom: 2px solid #000;
    }
#sidebar h2.widget-title:before,#sidebar h2.widget-title:after {/*    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #333333;
*/display: inline-block;/* content: ""; */border: 1px solid #803f8f;width: 4rem;margin: 0 1rem;transform: translateY(-1rem);}
#sidebar select {
width: 100%;
    border: 1px solid #e8e8e8;
    background-color: #fbfbfb;
    padding: 19px 10px;
    color: #8b8b8b;
    font-size: 16px;
    font-weight: 300;

}
#sidebar .widget_media_image img { width:100%;}

#sidebar .widget ul {/* border: 1px solid #e7e7e7; */}
#sidebar .widget li{
border-bottom: 1px solid #e7e7e7;
}
#sidebar .widget li a {
    color: #000;
    font-size: 16px;
    display: block;
    padding: 7px 10px;
    text-decoration: none;
}
#sidebar .widget li a:hover {
    background: #1971f4;
    color: #fff;
}

#sidebar .widget li a:before{
    /* content: " > "; */
    /* margin: 0 1rem; */
    transform: translateY(-1rem);
}


/* single blog post page */

.single_post article {}
.single_post .left-portion {margin-bottom:40px;}
.single_post h1.entry-title { color: #000; font-size: 28px; line-height: 1.2; text-decoration: none; /*! margin:12px; */ text-align: left; font-weight: 700;margin: 0;}
.single_post .entry-meta { color: #1f9cd9; text-transform: uppercase; margin:0px;  text-align: left;font-weight: 700;}
.single_post .entry-meta a {color: #f4196e;}
.single_post .post-thumbnail {margin:15px auto 15px auto; text-align:center;}
.single_post .post-thumbnail img {max-width: 100%;height: auto;background: #fff;padding: 5px;border: 1px solid #ececec;}
.single_post .entry-content p, .single_post .entry-content ul li {
color: #0a0a0c;
font-size: 18px;
font-weight: 300;}
.single_post .entry-content p {margin-bottom: 20px;}
.single_post .entry-content ul li {margin-bottom: 15px;}

nav.post-navigation {position:inherit;padding-bottom: 30px;}
.nav-previous {float: left;}
.nav-next {float: right;}
.nav-previous a, .nav-next a {padding: 7px 15px;background: #f4196e;color: #fff;font-size: 14px;}
.post-navigation h2 {font-size: 14px;text-transform: uppercase;font-weight: bold;}

.comments-area label {
    text-transform: uppercase;
    font-size: 20px;
}
.comments-area input {
    width: 100%;
    height: 65px;
    max-width: 100%;
    border: solid 1px #e8e8e8;
    font-size: 24px;
    box-shadow: none;
    border-radius: 0;
    color: #2a2a2a;
    background: #fbfbfb;
}
.comments-area textarea {
    width: 100%;
    max-width: 100%;
    border: solid 1px #e8e8e8;
    font-size: 24px;
    box-shadow: none;
    border-radius: 0;
    color: #2a2a2a;
    background: #fbfbfb;
}
.comments-area input[type=submit] {
    background: #2c77d5;
    color:#fff;
    transition: width 2s linear 1s;
}
.comments-area input[type=submit]:hover {background: #000;transition: width 2s linear 1s;}

/* POST LANDING CATEGORY / TOPICS PAGE */

.categories-listing { margin:50px auto;display: inline-block;}
.category-block {
    /* float: left; */
    /* clear: both; */
    /* position: relative; */
    /* margin: 18px 0; */
    text-align: center;
    overflow: hidden;
    margin-bottom:30px;
}
.category-block img {
    /* float: left; */
    /* width: 1200px; */
    /* height: auto; */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.category-block h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 15px 0 13px;
    margin: 0px 15px;
    color: #fff;
    text-transform: uppercase;
    background: rgba(46,160,218,0.8);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.category-block a h3:hover { background: rgb(234, 35, 35,0.8);}


/* RESPONSIVE CSS, START */
@media screen and (max-width: 767px) {

    .navbar-toggle .icon-bar {
    border: 2px solid #FFF;
}
    .blog_post .content_area {
     padding-right: 15px;
}
    .blog_post article {
    padding: 33px 5px 13px 5px;
     box-shadow: 0px 0px 0px 0px #0000000f;
    border: 1px solid #0000000f;
    border-bottom: 3px solid red;
}
    .blog_post h2 a {
    font-size: 18px;
    font-weight: bold;
}
    .blog_post h2 {
        margin-top: 20px;}
    .blog_post .entry-content {
    font-size: 15px;
    line-height: inherit;
    }

    
    .thubmail_portion div { background-size:cover !important;}  
    .single_post img {width: 100%; height: auto;}
    .single_post .entry-content p {text-align:justify;}
}
    
    /* RESPONSIVE CSS, END */



/* Additional CSS for Coupon Filter */
.header-top {
    background: #607cfd;
    padding: 10px 0;
    background: -webkit-radial-gradient(top left,circle,#607cfd 0%,#607cfd 100%);
    background: radial-gradient(circle at top left,#607cfd  0%,#6d67e6 100%);
    background-color: rgba(0, 0, 0, 0);
}
.navbar-brand {
    height: auto;
    padding: 0 15px;
}
.category_head { font-weight:700;}
.navbar-brand > img {
    display: block;
    width: 85%;
}
.search .form-control {
    background-image: url(http://couponsfilter.com/image/catalog/search-icon.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    font-size: 16px;
    font-weight: 400;
    font-family: arial;
    color: #fff !important;
    border: none;
    border-radius: 5px;
    padding: 24px;
    background: #3d4599;
}
.aligncenter  {text-align:center;display: block;
    margin: 0 auto;
}
.menu_section {box-shadow: 0 3px 5px -1px rgb(0 0 0 / 10%), 0 2px 1px -1px rgb(0 0 0 / 5%);margin-bottom: 50px;}