/*
Theme Name: Creative Nerds - No passion no point
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;
    overflow-x: hidden;
}

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

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



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

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

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

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

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

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

    h2, h3{

    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;
    }

    .emergency-message-cross{
        cursor: pointer;
    }

    .logo{
        margin-top: 30px;
    }
    .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;
}

.search-button {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    background-color: #282e2d;
    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 -----------*/

.catagory-feature{
    min-height: 200px;
    color: #fff;

}

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



.catagory-feature::before {
    display: block;
    position: absolute;
    background: linear-gradient(to top,rgb(10 10 10 / 100%) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,9) 100%);
    height: 100%;
    width: 100%;
    content: '';
}

.catagory-feature p{
text-shadow: 1px 1px 11px #000;
}

.catagory-feature--content{
    font-family: 'Rajdhani', sans-serif;
    color: #fff;
    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;
}
.post-article{
    background: #fff;
}

  .article-list {
    background: #fff;
}

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

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


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;
}

.featured-shadow{
    background-color: rgb(255, 255, 255);
	/* border: 1px solid #dedede; */
    box-shadow: 0px 1px 2px 0px rgba(206, 214, 221, 0.75);

  }

  .post-wrap {
    background-color: #fff;
    /* margin-bottom: 48px; */
    -webkit-box-shadow: 0 0 30px rgb(158 158 158 / 10%);
    box-shadow: 0 0 30px rgb(158 158 158 / 10%);
    border: solid 1px rgb(234, 233, 233);
    overflow: hidden;
}


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

.btn-secondary:hover{
    color: #fff!important;
    background: #0036c3;
}



 /* SIDE BAR */

 .border-bottom:before {
    border-bottom: solid white 1px;
    content: "";
    width: 100%;
    display: block;
}


.newsletterWidget-bg{
  background: url(https://creativenerds.co.uk/wp-content/uploads/2020/06/newsletter-widget.jpg) right / cover;
}



/*.sidebar{
    background: #fff;
    border: solid 1px #dce0e0;
}*/

p.advertiseLink a {
    color: #0d6efd;
}

.sidebar h2{
    margin: 25px 0;
    font-size: 26px;
}

.sidebar h3{
    font-size: 18px;
}

.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;
}

.featured-shadow img{
    margin-right: 10px;


}

.sidebar-recent--tags{
/*    background: #a80810;*/
/*    padding: 5px 10px;*/
    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;
}

.widget ul{
    list-style: none;
    display: flex;
        flex-wrap: wrap;
}


.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: #e83e8c;
}

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

  .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-color: rgba(0, 0, 0, 0.6);
    border-radius: 6px;
}

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

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

  /*FOOTER */

  .footer{
    /* background:#040404; */
    background: #263238;
    border-top: solid #fff 5px;
  }


  .footer h2{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .footer p {
        color: #999;
  }

  .footer a{
    color: #999;
  }


.footer-tags a {
    color: #fff;
    float: left;
    font-family: "Roboto", sans-serif;
    margin: 0 5px 5px 0;
    padding: 9px 7px;
    text-decoration: none;
    font-size: 14px;
    background: #3f474b;
}

.footer-tags a:hover{
    background:#0036c3 ;
}

.social-icons li{
    margin-right: 10px;

}

.bg-why-sign-up {
    background: linear-gradient( 
90deg, rgba(38, 50, 56, 0.9) 0%, rgba(38, 50, 56, 0.9) 0%), url(https://premium.creativenerds.co.uk/wp-content/themes/cream-2022/images/cn22.jpg);
}

/*


.footer-divide{
        border-right: solid 1px #99999930;
}
*/


  .footer-about, .footer-tags, .footer-signup{


    }

h3.newsletter-hdr {
    font-size: 30px;
}


    #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;
/*    text-align: center;*/
    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: #0337c3;
}


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

.post-article h1{
    font-family: 'Rajdhani', sans-serif;

}

.post-article h2{
    font-family: 'Rajdhani', sans-serif;
    font-size: 28px;
    margin:20px  0;

}

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

}

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

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

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

.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--tags a {
    background: #f3f3f3 !important;
    padding: 5px 20px;
    font-size: 16px;
    margin-bottom:5px;
    margin-right:15px;
    color: black;
text-decoration:none;

}
.post-article--tags a:hover{
 background: #0036c3!important;
 color:#fff;
}


.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-image: url('https://creativenerds.co.uk/wp-content/uploads/2019/12/generic-background.jpg') ;
background-size: cover;

}

/*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(https://creativenerds.co.uk/wp-content/uploads/2023/03/premium-resources-grid.jpg) 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: 10px;
}
/*--------------------
  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 {
/*    background-color: #6FB7E9;*/
    background-color: #8f9090;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover{
    background-color: #0036c4;
}

.navigation li.active a {
    background-color: #0d0d0d;
}


/*--------------------
    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: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/*--------------------
  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;
}