/*
Theme Name: Creative Nerds - CN CLEAN 2023
Author: Timothy Blake
Author URI: https://timothyblake.com
Description: A design magazine
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: creative-nerds
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.

Creative Nerds - Resurrection 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------


--------------------------------------------------------------*/
:root {
    overflow-x: hidden;
}

body {
    /* background: #f7f7f7; */
    background: #f5f7f9;
    /* background: #e6e6e6!important; */

    overflow-x: hidden;
}

a, img, li {
    transition: all 0.5s ease;
}

.container{
    max-width: 1200px;
    overflow: hidden;
}

a{
    color: #bb090b;
}

a:hover {
    color: #bb090b;
}

.primary-cta:hover{
    opacity: 0.8;
} 

.bg-blue{
    background: #0036c3;
    text-decoration: none;
}

a.bg-blue {
    text-decoration: none;
}

a:hover.bg-blue {
    opacity:0.8;
}

.catagory-feature a {
    color: #e83e8c;
    text-decoration: underline;
}

.grid-bg{
  background: url('https://creativenerds.co.uk/wp-content/themes/cenor2/images/red-grid-repeat.jpg') repeat;
}

.primary-cta-bg{
    background:#D45023 ;
}

/*HEADER */
    p{
        margin: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #626262;
    }

    h2, h3, h4{

    font-family: 'Rajdhani', sans-serif;

    }

    .header{
        background: url('https://creativenerds.co.uk/wp-content/themes/cenor2/images/red-grid-repeat.jpg') repeat;
        min-height: 105px;
        border-top: 1px solid #C53030;
        position: relative;
    }



    .unlimted-button{
        margin-left: 10px;
        font-size: 15px;
        font-weight: 400!important;
    }

    /* .emergency-message-cross{
        cursor: pointer;
        font-family: 'Rajdhani', sans-serif;
    } */

    .logo{
        margin-top: 25px;
    }
    .logo a{
        font-size: 33px;
        color: #fff;
        text-transform: uppercase;
            text-decoration: none;

    }


    .logo a:hover{
        opacity: 0.8;
        cursor: pointer;
    }

    .logo span{

        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
    }

    ul#menu-nav {
        display: flex;
        justify-content: space-between;
    }

    #menu-nav li{
        list-style: none;
    }

    .search-box {
        width: 100%;
    }

    .search{
        margin-top: 30px;


    }

    .search-form {
    border: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    background-color: #f3f3f3;
    -moz-box-shadow: 0 0 13px rgba(75,75,75,0.75);
    -webkit-box-shadow: 0 0 13px rgba(75,75,75,0.75);
    box-shadow: 0 0 13px rgba(75,75,75,0.75);
    height: 45px;
    width: 100%;
    padding-left: 10px;
    vertical-align: top;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 20px 0px 0 20px;
    border: none;
    outline:none;
}

.search-button {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    background-color: #585858;
    color: #fff;
    /* -moz-box-shadow: 0 0 13px rgba(75,75,75,0.75);
    -webkit-box-shadow: 0 0 13px rgba(75,75,75,0.75);
    box-shadow: 0 0 13px rgba(75,75,75,0.75); */
    height: 45px;
    vertical-align: bottom;
    border: 0;
    padding-left: 0px;
    content: "\f002";
    font-size: 30px;
    vertical-align: top;
    width: 45px;
    box-sizing: border-box;
    font-family: "FontAwesome";
    cursor: pointer;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}



button.search-button{
    border: none;
    outline:none;
}



    .nav{
    background: #82060D;
    background-image: -moz-linear-gradient(90deg, #82060d 0%, #580409 100%);
    background-image: -webkit-linear-gradient(90deg, #82060d 0%, #580409 100%);
    background-image: -ms-linear-gradient(90deg, #82060d 0%, #580409 100%);
    border-bottom: 1px solid #C53030;
    height: 53px;
    border-top: 1px solid #C53030;
    }

    .nav a{
        color:#fff;
    }

nav#navigation > .container {
    cursor: pointer!important;
}

.screen-reader-text{
    display: none;
}



.nav-links {
    display: flex;
    justify-content: space-evenly;
}

.current-menu-parent, .current-menu-item {
    background: #3c0003;
}




/*--------------- HERO-----------*/

.link_grid_header_absolute {
    opacity: 1 !important;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.65) 100%);
    transition: opacity .4s ease-in-out;
}

.homepage-feature{
    height: 330px;
    border-top: solid 1px #fff;
    cursor: pointer;
    transition: opacity .4s ease-in-out;
}

.homepage-feature:hover{
   /* opacity: 0.7;*/
  filter: none;
            -webkit-filter: grayscale(50%);
            -moz-filter:    grayscale(50%);
            -ms-filter:     grayscale(50%);
            -o-filter:      grayscale(50%);
            cursor: pointer;

}

.overflow-hidden{
overflow: hidden;
}

/* .homepage-feature--content a{
    color: #fff;
}



.homepage-feature--content{
    font-family: 'Rajdhani', sans-serif;
    color: #fff;
    font-size: 28px!Important;
    line-height: 24px;
    position: absolute;
    bottom: 10px;
    z-index: 9;
    padding: 30px;
}


.homepage-feature--cat {
    background: #e83e8c;
    display: table;
    margin-bottom: 10px;;
    padding: 3px 10px;
    font-size: 12px;
    color: #fff;

}


.homepage-feature::after {
  display: block;
  position: relative;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.99) 100%);

   height: 100%;
  width: 100%;
  content: '';
} */


/*--------------- CATEGORY -----------*/

.page-title{
    color: #203656;
    z-index: 9;
}


.catagory-feature--content{
    font-family: 'Rajdhani', sans-serif;
    /* color: #626262; */
    font-size: 28px!Important;
    line-height: 24px;
    z-index: 9;
    /* margin-bottom: 30px;    */
}




 /*POST LIST */

 .single .container, .page .container, .error404 .container {
     max-width: 1190px ;
    
}

.center {
    background: #f7f7f7;
    border: solid 1px #dee2e6;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.article-list--content{
    color: #000;
}

.article-list--content h2 a{
    color: #000;
}

.article-list--content h2 a:hover{
    color: #bb090b;
    text-decoration: underline!important;
}


a.catogory-small-box{
background-color: #0d0d0d;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600;
    line-height: 2;
    padding: 0 10px;
    letter-spacing: 1px;
    margin: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto;
}

  .post-wrap {
    background-color: #fff;
 
    border: solid 1px rgb(234, 233, 233);
    overflow: hidden;
}


.btn-secondary {
    background: 0 0;
    border: 1px solid #ccc;
    color: #626262!important;
	border-radius: 0;
	padding: 10px 20px;
	margin: 10px 0 20px  0;
}

.btn-secondary:hover{
    color: #fff!important;
    background: #fe4f70;
    background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
    background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%);
    border: #fff 1px solid;
}



 /* SIDE BAR */



.sidebar-recent--list a:hover{
    text-decoration: underline!important;
}


section.widget.border-bottom:before {
    border: #fff;
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px #fff solid;
}



.sidebar-recent--tags{

    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #212529;
/*    color:#fff;*/
}

/*RECENT*/

.sidebar-recent--list a{
color: #000!important;
}

img:hover{
    opacity: 0.7;
}

 .sidebar-social{
    text-decoration: none;
}

.sidebar-social a:hover{
    text-decoration: none;
}
.social-icon{
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.social-icon:hover {
    opacity: 0.7;
}

.sidebar-social--pintrest{
background:  rgb(203, 32, 39);
     color: #fff;
}

 .sidebar-social--facebook{
  background:  #45629f;
  color: #fff;

 }

 .sidebar-social--rss {
    background: #ff8800;
    color: #fff;

 }

 .sidebar-social--twitter{
    background: #5eb2ef;
    color: #fff;

 }

 .sidebar-social--youtube{
    background: #c61d23;
    color: #fff;


 }
.sidebar-social--email{
    background: #878787;
    color: #fff;
} 


section#cnp-bar{font-family: 'Rajdhani', sans-serif; font-weight: 700;}

.cnp-slot{
    background:linear-gradient(0deg, rgba(0,0,0,0.70) 100%, rgba(0,0,0,0.70) 100%), url('https://cnerds.s3-eu-west-1.amazonaws.com/creativenerds-resouces-cnp%402x.png') center / cover;
    cursor: pointer;
}

.cnp-slot .heading-main{
    font-size:38px!important; 
}

.cnp-slot .heading-sub{
    font-size:20px!important; 
}

  /*POST LIST */

.featured-image {
    min-height: 220px;
    overflow: hidden;
}



.featured-image img {
    width: 100%;
    height: auto;
}

.featured-image img:hover {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);

            filter: none;
            -webkit-filter: grayscale(50%);
            -moz-filter:    grayscale(50%);
            -ms-filter:     grayscale(50%);
            -o-filter:      grayscale(50%);
            cursor: pointer;

    }


/*  .article-list{
        border: solid 1px #dce0e0;
  }*/

.article-list a{
color: #bb090b;
}


  .article-list p{
      color: #626262;
  }

  .article-list h2{
    font-size: 26px;

  }

  .article-list--content p:first-of-type{
      margin-bottom: 5px;
      font-size: 12px;;
  }

  .blog-date {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
    background: rgb(88 88 88 / 60%);
        border-radius: 6px;
}

h2.blog-date{
        font-size: 90px;
    }

    .blog-date span{
        font-size: 13px;
        font-weight: 400;
    }

  /*FOOTER */


.cn-premium-light{
    background: url(images/footer-premium-bg.webp) center / cover;
}




    /* #mailster-email-3, #mailster-email-4{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 8px;
    color: #fff;
    border: 1px solid #dedddd;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
} */

.submit-button.button{
    margin-top: -25px!important;
    float: left;
    width: 100%;
    background: #0036c3;
    color: #fff;
    border: 0px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 13px;
    font-family: 'Rajdhani', sans-serif;
     -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;

}

.submit-button.button:hover, input#contactSubmit:hover{
    cursor: pointer;
    opacity: 0.7;
}


/*-------------POST article -----------------*/
.post-article a, .post-article--comment a{
    color: #bb090b;
}


.post-article{
border: solid 1px #dce0e0;
}

.post-article h1{
    font-family: 'Rajdhani', sans-serif;
    color: #20304A;

}

.post-article h2{
    font-family: 'Rajdhani', sans-serif;
    font-size: 28px;
    margin:20px 0 5px  0;
    color: #20304A;
}

.post-article h3{
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px!important;
    margin:20px 0 5px  0;
    color: #20304A;

}

.content h4{
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px!important;
    color: #20304A;
}

.post-article img{
    padding:10px 15px;
    width: 100%;
     height: auto;
        border: solid 1px #dce0e0;
    margin-bottom: 5px;
}

.post-article p{
    padding-bottom: 20px;
    color: #626262;
}

.post-article--related{
 background: #fff;
    padding: 30px 0;
    border: 1px solid #dce0e0;
    transition: all 0.5s ease;

}

.post-article--related .col-lg-6 {
    transition: all 0.5s ease;
}

.post-article--related .col-lg-6:hover{
   opacity: 0.7;
}

.post-article--related h4{
    color:#fff;
    position:absolute;
    bottom: 5px;
    padding:10px 20px;
    

}

.post-article--related h3{
    color: #fff!important;
    position:absolute;
    bottom: 5px;
    padding:10px 20px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px!important;
    
}


.post-article--tags a {
    background: #f3f3f3 !important;
    padding: 5px 20px;
    font-size: 16px;
    margin-bottom:5px;
    margin-right:15px;
    color: black;
text-decoration:none;
border-radius: 5px;

}
.post-article--tags a:hover{
 color:#fff;
 background: #fe4f70;
 background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
 background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%)!important;
}


.post-article--tags a:before{content:"#"; }

/* .post-article--authour{
    border-top:1px solid #f0f0f0;
    padding: 30px 0;

} */

/* .post-article--comment{
    background: #fff;
    padding: 30px 0;
    border: 1px solid #dce0e0;
}


.post-article--authour{
    background: #fff;
} */

.donwload-text a {
    text-align: center;
    color: #fff;
    font-family: "Arial";
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    border: 0;
    width: 100%;
}

.download-button {
-webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;
    margin: 15px 0;
    color: #fff;
    text-decoration: none;
    padding: 15px 5px;
    display: block;
    border: 1px solid #df3c3f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #991f22;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…AiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(top, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: -o-linear-gradient(top, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: -webkit-linear-gradient(top, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: linear-gradient(to top, #c30000 0%,#c30000 44.12%,#fc0000 100%);
}

.download-button:hover {
       background-color: #991f22;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…AiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(bottom, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: -o-linear-gradient(bottom, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: -webkit-linear-gradient(bottom, #c30000 0%, #c30000 44.12%, #fc0000 100%);
    background-image: linear-gradient(to bottom, #c30000 0%,#c30000 44.12%,#fc0000 100%);
}


div#screencast-tutorial iframe {
    width: 100%;
    height: 500px;
}


.post-article iframe{
    width: 100%;
}

/*CNP FEATURE */
.cnp-bg img.d-block.mb-3 {
    width: 90px;
    padding: 0;
    border: none;
}

.cnp-bg .cnp-bg.post-article img {
    padding: 0;
    border: none;
}

.cnp-bg .post-article h2{
    margin:0;
}

.cnp-bg .post-article h3 {
    font-family: 'Rajdhani', sans-serif;
    font-size: 18px!important;
    margin: 5px 0;
}

.cnp-bg{
  background:url('https://creativenerds.co.uk/wp-content/uploads/2021/02/creative-nerds-bg.jpg');
cursor:pointer;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

/* .post-article--comment input[type="text"],
.post-article--comment  input[type="email"],
.post-article--comment input[type="url"],
.post-article--comment input[type="password"],
.post-article--comment input[type="search"],
.post-article--comment input[type="number"],
.post-article--comment input[type="tel"],
.post-article--comment input[type="range"],
.post-article--comment input[type="date"],
.post-article--comment input[type="month"],
.post-article--comment input[type="week"],
.post-article--comment input[type="time"],
.post-article--comment input[type="datetime"],
.post-article--comment input[type="datetime-local"],
.post-article--comment input[type="color"],
.post-article--comment textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
    width: 100%;
	padding: 3px;
} */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}



/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

/* .comment-body {
    border-bottom: solid 1px #dce0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-submit #submit { 

    width: 100%;
    background: #0036c3;
    color: #fff;
    border: 0px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 16px;
    font-family: 'Rajdhani', sans-serif;
}
 */


/*--------------------
        ARCHIVE
--------------------*/

/*Tutorial background */

.catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
}


.category-tutorials .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/tutorials-background.jpg') ;
background-size: cover;
}


/*Freebies background */
.category-freebies .catagory-feature {
    background-image: url(https://creativenerds.co.uk/wp-content/uploads/2019/12/freebies-background.jpg);
    background-size: cover;
}


/*Inspiration background */
.category-inspiration .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/Inspiration-background.jpg') ;
background-size: cover;

}



/*Articles background */
.category-articles .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/articles-background.jpg') ;
background-size: cover;
}



/*News background */
.category-news .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/news-background.jpg') ;
background-size: cover;

}


/*photoshop background */
.category-photoshop-2 .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
background-size: cover;

}

/*Screencasts background */
.category-screencasts .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
}


/*Screencasts background */
.category-photoshop-brushes .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
background-size: cover;

}

/*Screencasts background */
.category-vectors .catagory-feature{
background: #f1f8ff;

}

/*Screencasts background */
.category-icons .catagory-feature{
background-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
background-size: cover;
}

 .innerpost-cnp-ad{
    background: linear-gradient(0deg, rgba(0,0,0,0.70) 100%, rgba(0,0,0,0.70) 100%), url(images/premium-resources-grid.webp) center / cover;
  cursor: pointer;
}

.innerpost-cnp-ad h3{
    font-size: 30px!important;
}



.errror-404{
    background: #fff;
    width: 100%;
}

.error-404 h1{
    font-size: 48px;
    text-transform: uppercase;
}



/*Screencasts background */


/***** Start: Navigation *****/
/*** Start: Menus ***/

ul#menu-nav {
    display: flex;
    margin: 0;
    padding: 0;
}

#navigation .selected ul a,
#navigation .hover ul a {
    background: #282e2d
}

ul.sub-menu li {
    text-align: left;
}

    .menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu li {
        position: relative;
    }

    .menu li {
/*        display: inline-flex;*/
/*            background:red;*/
        width: 100%;
        text-align: center;

            padding: 14px 0;
    }




.menu li:hover{
    background: #3c0003;

    text-decoration: none;
}

.menu a{
    text-decoration: none;
}

.sub-menu li:hover{
    /* background:#121314; */
    background: #3c0003;
    text-decoration: none;
}


.sub-menu a{
    text-decoration: none;
}


    /* 1st level. */
    .menu > ul > li {
        display: inline-block;
    }

        .menu > ul > li > a {
            display: inline-block;
            padding: 1rem 1.5rem;
            font-weight: bold;
        }

    /* 2nd level. */
    .menu li ul {
        /* display: none; */
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 97%;
        left: 0;
        width: 15rem;
/*        padding: 5px 0;*/
/*        background: #282e2d;*/
         /* background:#121314; */
         background: #80060d;
        transition: all 200ms ease;
        z-index: 10000;
        text-align: left!important;
        margin: 0;
    }

        .menu li:hover > ul {
            /* display: block; */
            opacity: 1;
            visibility: visible;
        }

        .menu li ul a {
            display: block;
            padding:5px 10px  ;
        }

    /* 3rd level. */
    .menu li ul li ul {
        top: -1.5rem;
        left: 100%;
        z-index: 9000;
    }

    /* Drop-down arrows. */
    .menu > ul > li.has-submenu:after,
    .menu li ul li.has-submenu:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
    }

    /* 1st level arrows. */
    .menu > ul > li.has-submenu:after {
        right: 5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid rgba(0, 0, 0, .25);
    }

    /* 2nd level arrows. */
    .menu li ul li.has-submenu:after {
        right: 1.5rem;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid rgba(0, 0, 0, .25);
    }

/* Responsive. */
@media screen and (max-width: 900px) {


    .menu {
        float: none;
    }

        .menu li ul {
            text-align: left;
        }
}


/*------------MOBILE MENU -----------------*/


/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

 #menu, #menu .sub-menu {
  display: none;
  list-style: none;
}

ul#menu{
    margin: 0;
    padding: 0;
    position: fixed;
}

/*Change toggle size by adjusting width & height*/
.tb-menu-toggle {
  border: 0;
  position: relative;
  background: transparent;
  cursor: pointer;
}

/*Change toggle color here*/
.tb-menu-toggle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  -webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;
}
.tb-menu-toggle i:nth-child(2) {
  top: 40%;
}
.tb-menu-toggle i:nth-child(3) {
  top: 80%;
}

/* Style the active toggle here */
.tb-menu-toggle.tb-active-toggle i {  }

/*Animation of the toggle*/
.tb-menu-toggle.tb-animate-toggle i:first-child,
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){
  top: 40%;
  -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
}
.tb-menu-toggle.tb-animate-toggle i:nth-child(3){
  top: 40%;
  -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
}

h3#menu-toggle, #menu {
    margin-top: 20px;
}

h3#menu-toggle, #menu {
    margin-top: 20px;
    position: absolute;
    right: 35px;
}


.icons {
    position: absolute;
    left: 18px;
    top: 23px;

    z-index: 99;
}



#menu{
background: #495057;
    z-index: -99;


     position: absolute;
    width: 90vw;
}

#menu li{
    border-bottom: solid 1px #717e8a;
}

#menu li a{
    color: #fff;
     width: 90vw;
}

.cnp-bg{
background: url(images/cnp-bg.jpg);
}

.rounded-10{
    border-radius: 15px!important;
}
/*--------------------
  INFINTIE SCROLL
--------------------*/
.navigation {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
}

.navigation {
    margin: 0 auto;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
    font-size: 18px;
    /* margin-right: 5px; */
}

.navigation li {
    display: inline;
    /* margin-right: 8px; */
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    margin: 0 5px;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 100px;
    text-decoration: none;
    color: #626262;   
    font-size: 16px;
    background: #fff;

}

.navigation li a:hover{
    background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
    background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%);
    color: #fff;

}

.navigation li.active a {
    background: #fe5e77;
    /* background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
    background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%); */
    text-decoration: none;
    padding: 15px 20px;
    border: 1px solid #D45023;
    border-radius: 100px;
    color: #fff;
}


/*--------------------
    CONTACT BUTTON
--------------------*/

input#contactSubmit {
    padding: 20px 100px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-family: 'Rajdhani',sans-serif;
    background: #0036c3;
}




/*--------------------
  MEDIA QUERIES
--------------------*/
@media screen and (max-width: 768px) {
    .footer-divide{
        border: none;
    }
}

.g-recaptcha iframe {
       margin-top: 50px;
}


.signupform input#name, .signupform input#email{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 8px;
    color: #232323;;
    border: 1px solid #dedddd;
    height: 40px;
    line-height: 40px;
    /* text-align: center; */
    font-size: 13px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


/*--------------------
  SOCIAL ICONS SHARING
--------------------*/
.share-icon-bar  {
    z-index: 3;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.share-icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 12px;
}

.share-icon-bar a:hover {
    opacity: 0.8;
}


/* NEW STYLING */
.cn-bg-light{
    background:#EFF1F3 ;
}

/* FOOTER */

.footer a{
    color: #585858;
    font-weight:700;
    font-size: 18px;
}

.footer a:hover{
    text-decoration: underline!important;
    color: #e83e8c!important;;
}

.footer p{
    color: #585858;
}

.sign-up-cnp-block p{
    color: #585858;
}
.sign-up-cnp-block h2{
    font-size: 30px;
}

.sign-up-cnp-block h3{
    font-size: 26px;
}

/* SIDEBAR */

.sidebar-widget{
    border-radius: 15px;
}


.sidebar-widget h2{
    font-family: 'Rajdhani', sans-serif;
        font-size: 26px;
}


.sidebar-widget h3{
    font-family: 'Rajdhani', sans-serif;
        font-size: 20px;
}


.sidebar-premium{
    background: linear-gradient(-270deg, #eb5667 0%, #f39e80 100%);
}

.sidebar-widget--popular h3{
    font-size: 18px;
    font-family: 'Rajdhani', sans-serif;
}

.sidebar-widget--popular a{
    text-decoration: none;
    color: #585858;
}



.sidebar-widget--popular a:hover{
    text-decoration: none;
    color: #e83e8c!important;;
}


.sidebar-widget--popular li:last-child{
    border:none!important;
}

.sidebar-widget--tags{
    font-size: 14px;
    color: #626262;

}



.sidebar-widget--tags a {
    border: solid 1px #ccc;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 25px;
    margin-bottom: 10px;
    color: #626262;
}

.sidebar-widget--tags a:hover {
background: #fe4f70;
background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%)!important;
color: #fff!important;
}

.sidebar-recent--list {
    margin-left: 10px;
}

.primary-cta-btn {
    border-radius: 20px!important;
    padding: 10px 45px!important;
    text-decoration: none;
    color: #fff!important;
    background: #0337c3!important;
    border: none!important;
    font-size: 16px!Important;
    transition: all 0.5s ease;

}

.primary-cta-btn:hover{
    background: #fe4f70;
    background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%)!important;
    background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%)!important;
}

.primary-cta{
    background:#0337c3 ;
}


.grad-brand-cta{
    color: #fff;
    /* border-radius: 25px; */
    background: #fe4f70;
    background: -webkit-linear-gradient(left,#fe4f70 0%,#ffa387 100%);
    background: linear-gradient(to right,#fe4f70 0%,#ffa387 100%);
}

.rounded-15{
    border-radius: 15px;
}
.catagory-feature::before {
    display: block;
    position: absolute;
    background: linear-gradient(90deg, rgb(241 248 255 / 95%) 0%, rgb(241 248 255 / 95%) 0%) ;
    height: 100%;
    width: 100%;
    content: '';
}

.cnp-bg p, .cnp-bg h2, .cnp-bg h3 {
    color: #fff;
}