body{
  overflow-x: hidden;
  font-family: 'Nunito', sans-serif;
  background: #fafafa;
  /* background: url(https://creativenerds.co.uk/wp-content/uploads/2023/11/so-white.png); */
}

h1, h3, h3 {
  font-family: 'Ubuntu', sans-serif;
}

li, p{
  font-family: 'Nunito', sans-serif;
  color: #6e7381;
}
.container{
  /* max-width: 1240px; */
  max-width: 1190px!important;
} 

h4{
  font-weight: 500;
}

h2{
font-size: 28px;  
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
}

a {
  color: #434ebc;
  text-decoration: underline;
}

.wp-block-image img{
  height: auto;
}
.unlock-resource p, .sidebar li{
  color: #6E7381;
}

h3{
  font-size: 16px;
  color: #000!important;
}

.logged-in .logged-in-hidden{
  display: none!important;;
}

.logged-in .premium-member {
  display: none!important;;
}

.font-weight-bold{
  font-weight: 700!important;
}

.bg-featured {
  background: #f4f6f5;
}

.open-post .container {
  max-width: 1070px!important;
}

.archive-cat {
  color: rgb(255 255 255 / 74%)!important;
}

.header{height: 70px; background: red;     border-top: #780004 solid 5px;
  border-bottom: solid #780004 5px;
  box-shadow: 0px 5px 17.1px 0.9px rgba(0, 0, 0, 0.35);
 }

.header a:hover{text-decoration: underline; }


.sub-header{
  /* box-shadow: 0 4px 20px rgba(0,0,0,.12); */
  background:#f8f9fa ;
  min-height: 75px;
}
.nav-tags li a{
  background: #ffe7e7;
  color: #d33a2c!important;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 20px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.nav-tags li a:hover{
  border: solid #d33a2c 1px;

}

.hero-homepage{
  background: url(https://creativenerds.co.uk/wp-content/uploads/2023/11/cnp-design-resources-grid.webp) center / cover;
  min-height: 280px;
  border-bottom: solid 1px #000;
  /* padding-top: 50px; */
}

.hero-catagory{
  background: url(https://creativenerds.co.uk/wp-content/uploads/2023/11/cnp-design-resources-grid.webp) center / cover;
  padding: 30px 0;
}

.hero-homepage h1{
  font-weight: 700!important;
  font-size: 30px!important;
  text-wrap: balance;
}


.hero-homepage p{
  text-wrap: balance;
}


.hero-open{
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 0%), url(https://premium.creativenerds.co.uk/wp-content/themes/cream-2022/images/cn22.jpg) center repeat;  
  padding: 30px 0;
  min-height: 140px;
}

.hero-open p {
  color: #fff;
}

.hero-open h1{
font-size: 30px;
}



.download-btn {
  background: linear-gradient(0deg, rgba(49,181,1,1) 0%, rgba(54,208,0,1) 100%);
  border: none;
  font-size: 16px;
}

.download-btn:hover {
  background: linear-gradient(-90deg, rgba(49,181,1,1) 0%, rgba(54,208,0,1) 100%);
  border: none;
  font-size: 16px;
}

.post-cta{
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.unlock-resource h3 {
  font-size: 18px!important;
}

.feature-box{
  border-radius: 10px;
  background: #fff;
  box-shadow: -1px 7px 35px rgba(0, 0, 0, 0.16);
  margin-top: -145px;
  padding: 10px;
}



.unlock-resource h2, .feature-box h2, .blog-section h2, .recent-resources h2, .related-posts h2{
  font-size: 28px;

}


.post-box{
  border-radius: 10px;
  background: #fff;
  /* box-shadow: -1px 7px 35px rgba(0, 0, 0, 0.16); */
  box-shadow: 0 1px 7px rgba(70,70,70,.2);
  margin-top: -120px;
  /* padding: 30px; */
}


.open-post-styling h2{

  font-size: 20px;
  padding: 10px 0;
  font-weight: 700;
}

.open-post-styling img{
  margin: 20px 0;
}

.open-post-styling img {
  margin: 0 auto;
  text-align: center;
  display: block;
}


.sidebar h2 {
  font-size: 20px!important;
  font-weight: 500;
}

.sidebar h2:after {
  content: "";
  background: #dde3e8;
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 10px;
}

section.container.post-box {
  max-width: 1180px!important;
}

.catagories li{
  box-shadow:0 1px 8px rgba(0,0,0,.1);
}


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

.post-featured-shadow img{
  border-radius: 5px 5px 0 0;

}

.post-image img{
  width: 100%;
  height: auto;
  border-radius: 10px;

}

.featured-image img{
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  outline: 0;
}

.featured-image img:hover{
  opacity: 0.8;
}

.purcahse-cta{
  background: yellowgreen;
  padding: 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  border:none;
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.sign-up-price-button:hover, .purcahse-cta:hover {
  background: #608020;
}

.download-cta{
  background: #EDEEF9;
  color: #434EBC;
  width: 105px;
  height: 35px;
  padding:8px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
  font-weight: 500;
  position: absolute;
  bottom: 10px;

}

.learn-cta{
  background: #EDEEF9;
  color: #434EBC;
  width: 105px;
  height: 35px;
  padding:8px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 500;
  /* position: absolute;
  bottom: -20px; */

}

.readmore-cta{
  /* background: yellowgreen; */
  padding: 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  border: solid 1px #ccc;
  color: #626262;
}


.readmore-cta:hover{
   background: #434ebc;
   color: #fff;
}

.post-title{
  margin-bottom: 10px;
  font-size: 13px;
}

.post-cat{
  /* color: #767E92; */
  color: #b73331;
  padding-top: 5px;
  font-size: 14px;
  /* padding-bottom: 5px; */
}

.post-list img, .related-posts img {
  width: 100%;
  height: auto;

  /* border-radius:10px; */

}


/* a.post-cat {
  border-bottom: solid #dee2e6 1px;
  padding-bottom: 10px;
  margin-bottom: 5px;
} */

.open-post-styling img {
  margin: 0 auto;
  background: #f8f9fa;
  padding: 20px;
  border: solid 1px #ccc;
}

.related-posts img{
-o-transition: 0.7s;
-ms-transition: 0.7s;
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
transition: 0.7s;
}

.related-posts img:hover{
  opacity: 0.7;
}

.sign-up-price-button{
background: yellowgreen;
padding: 15px 30px;
border-radius: 5px;
text-decoration: none;
color: #fff;
border: none;
-o-transition: 0.7s;
-ms-transition: 0.7s;
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
transition: 0.7s;
}

img{
  -o-transition: 0.7s;
-ms-transition: 0.7s;
-moz-transition: 0.7s;
-webkit-transition: 0.7s;
transition: 0.7s;
}

.blog-items img:hover{
  opacity: 0.7;
}

.social-icons img:hover{
  opacity: 0.5;

}


select{
  border:solid 1px #ccc;
  padding: 10px 20px;
  border-radius:5px;
}

.dropdown select:focus{
  outline:none;
  
}


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




.blog-section h3{
  font-size:16px;
}

.blog-section p{
  font-size:16px;
}


/* SIDEBAR */

.sidebar h2{
  font-size: 18px;

}



.border-right{
  border-right: solid #ccc 1px;
}


/* PAGINATION */

.pagination{
justify-content: center;
}
.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
}

.navigation li {
  display: inline
}

.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: #434ebc;
  color: #fff
}

.navigation li.active a {
  background: #434ebc;
  text-decoration: none;
  padding: 15px 20px;
  border: 1px solid #434ebc;
  border-radius: 100px;
  color: #fff
}

/* FOOTER */


.footer{
  background: #313746;
}

.footer-secondary{
  background: #272E3C;
}

.footer p{
  color: #BCBFC4;
}

.footer a{
  color: #BCBFC4;
}

.footer a:hover{
  color: #BCBFC4;
  text-decoration: underline;
}

.footer-links a{
  text-decoration: none;
}

.footer-links:hover{
  text-decoration: underline;
}


.footer li{
  color: #BCBFC4;
}

.footer h2{
  font-size: 20px;
  padding-bottom: 15px;
}

footer.sticky-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  /* background: #2f2f2f; */
  background: url(https://premium.creativenerds.co.uk/wp-content/uploads/2023/11/cnp-design-resources-grid-footer.jpg) repeat-x;
  color: white;
  text-align: center;
  border-top: solid #5c5c5c 1px;
}


.sticky-footer-signUpBtn{
  font-size: 16px;
}

.sticky-footer h2{
  font-size: 24px;
}

/* BLOG section*/

 #article3, #article4, #article5, #article6, #article7, #article8, #article9 {
  display: none;
}

#articleblock a{
  color: #000;
  text-decoration: none;
}


.feature-box .download-cta{
  position: relative!important;
  bottom: 0;
}


.paged .feature-box{ 
  display: none;
}


.paged .hero-homepage {
  min-height: 200px;
  padding-top: 0px;
  padding: 30px 0;
}

/* SIGN IN*/

.wlm3-form-group input {
  padding: 10px 20px;
  border: solid 1px #dce0e0;
  background: #f3f5ff;
}

.wlm3-form {
  max-width: 100%!important;
  box-sizing: border-box;
}

input#wlm_form_field_wp-submit {
  background: #434fbc!Important;
  border: none;
  padding: 10px 55px;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  /* box-shadow: 0px 1px 3px 0px rgb(184 184 184 / 75%); */
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}




/* ------ ACCORDION -------*/
 

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion .active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*================================
        Contact
================================*/

input#wlm_form_field_wp-submit {
  background-color:#434fbc!important ;
  border: none;
  padding: 10px 55px;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  /* box-shadow: 0px 1px 3px 0px rgb(184 184 184 / 75%); */
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;

}

input#wlm_form_field_wp-submit:hover{
  background: #546e79!important;
}


#frmContact label {
  display: block;
  margin: 10px 0;
  width: 100%;
}

#frmContact input.wpcf7-form-control.wpcf7-submit{
  background-color:#434fbc!important ;
  color: #FFF;
      /* box-shadow: 0px 1px 3px 0px rgba(184, 184, 184, 0.75); */
      padding: 15px 20px;
      text-decoration: none;
      font-weight: 700;
      margin: 0 20px 0 0;
    border: none;
    font-size: 18px;
    width: 100%;
    display: block;
    margin-top: 10px;
    /* box-shadow: 0px 1px 3px 0px rgb(184 184 184 / 75%); */
    border-radius: 5px;
    
}

input.wpcf7-form-control.wpcf7-text, #frmContact input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  padding: 10px;
  border: solid 1px #d3d0d0!important;
}


textarea {
  resize: vertical;
  width: 100%;
  border: solid 1px #d3d0d0!important;
}


input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    padding: 10px;
    border: solid 1px #d3d0d0!important;
  }


  /*--===========================
    Style the navigation menu 
  ==============================*/


  
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}



/* Hamburger Icon 1 */




#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.hide-desktop{
  display: none;
}

.hide-mobile{
display: block;
}

@media only screen and (max-width: 1024px) {
  .hide-mobile{
    display: none!important;
  }
 
  .hide-desktop{
    display: block;
  }
}
 


@media only screen and (max-width: 768px) {
  footer.sticky-footer {
    display: none!important;
}

.post-excerpt{
  display: none;
}
}