The homepage for this site is
NetInspire New Homepage 2023




Just incase future plugin updates overwrite this css sheet – safe copy


/*css sheet for netinspire website- accessed via the css cog at top of page in wpbakery*/

h1 {font-size:78px !important; line-height:1 !important; font-weight:800 !important;}


.section-subheading { font-size:24px !important; font-weight:600; }

.navbar.navbar-default, .transparent-navigation .navbar .topbar, .transparent-navigation .navbar.navbar-default { background-color: #e88002 !important; }


.menubar.main-nav-right .btn_primary_color { background-color:white; color:black; }

.content-area .vc_basic_grid .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display:none; }


.content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { margin-bottom:0; }

.content-area .vc_basic_grid .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { text-align:center !important; }

.key-icon-box.icon-default.icon-top { box-shadow: 2px 2px 6px 3px rgba(0,0,0,0.10); }

.examples-label p { font-size:21px; font-weight:600;}

.key-icon-box .fa-chevron-left { border-radius:50%; border:1px solid #f7f7f7; width:50px; height:50px; margin-right:15px !important;}

.key-icon-box .fa-chevron-left:before { padding:10px; }

.tcards_message { padding:30px; }

.key-tcards.single-tcard-elem { padding:0 15px; }

.purple-box .tcards_message:before { border-color:#5D0C98 transparent transparent #5D0C98; }

.orange-box .tcards_message:before { border-color:#E88002 transparent transparent #E88002; }

.pink-box .tcards_message:before { border-color:#EB8ACD transparent transparent #EB8ACD; }


.entry-header.with-topbar { top:100px; }

.entry-header.with-topbar:before { content:’6 MONTHS FREE HOSTING WHEN YOU TRANSFER YOUR SITE TO US!’; display:block; padding:20px; background-color:#E88002; position:absolute; top:20px;color:white;text-align:center;z-index:10;width:100%;font-size:25px;font-weight:800;  }

.our-work { font-weight:800;font-size:20px; }

h2.service-heading {font-color:#eba702;font-size:21px; font-weight:600;}


/* Default styles for all screen sizes */


/*————– jm 5/12/2023 ——-addressing styling issues at mobile screen size ——-*/


/* Hide the 6 months free hosting banner  section on screens with a maximum width of 767 pixels (typical for mobile devices) */

@media only screen and (max-width: 767px) {

  #sixMonths {

    display: none !important; 



/*This applies custom styling to the heading of the website*/

@media only screen and (max-width: 767px) {

  #mobileCustomFontSize {

      color: #ffffff;

    text-align: center;

    font-family: Muli;

    font-weight: 400;

    font-style: normal;

    font-size: 18px!important;

    margin-top:-28px !important;



.paddingTen {

    padding: 10px;



@media only screen and (max-width: 767px) {

    #services {

        padding-top:0 !important;


    .vc_row.wpb_row.vc_inner {

    padding-left: 20px!important;

    padding-right: 20px!important;

    margin: 0!important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;


.container .vc_row-has-padding-top {

    padding-bottom: 0!important;



/*adds margin underneath the ‘see our work’ button on the header*/

@media only screen and (max-width: 959px) {

.compose-mode .vc_element {

    display: block;

    position: relative;

    padding-bottom: 20px;



/*make the submit button on the contact form black*/

.vc_col-sm-12 .wpcf7 .wpcf7-submit {

    background-color: #000000 !important;



@media only screen and (max-width: 959px) {

.container .vc_row-has-padding-top {

    padding-top: 0 !important; 



/*removing the gap betwwen the ‘achieving together para and contact us today button on mobile*/

@media only screen and (max-width: 603px) {

#achievingTogether {





@media only screen and (max-width: 603px) {

#topRow {




/*styling for the post grid so that it looks good on mobile*/

/*make the post grid stay in two columns on mobile view by specifying a max width so it doesnt stack*/

@media only screen and (max-width: 782px) {

.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {

   display: inline-block;

   max-width: 249px;



@media only screen and (max-width: 603px) {

#firstPostGrid {



@media only screen and (max-width: 603px) {

#SecondPortfolioPostGrid {



/*center the post grid at this breakpoint – at this point it is a grid of 4 like a window*/

@media only screen and (min-width: 618px) and (max-width: 718px) {

.vc_grid.vc_row.vc_grid-gutter-20px .vc_pageable-slide-wrapper {

    padding-left: 13%;


/*removing the gap between the two postgrid containing rows at this screen size*/

@media only screen and (max-width: 959px) {

.container .vc_row-has-padding-bottom {

     padding-bottom: 0 !important; 





/*this styles the ‘website design’, ‘Ecommerce’ etc boxes */


/*the boxes display with mismatched heights when screen size is wide – adding a min-height addresses this*/

@media only screen and (min-width: 1270px) {

.key-icon-box.icon-default.icon-top {

    box-shadow: 2px 2px 6px 3px rgba(0,0,0,0.10);

    min-height: 300px;



/*giving the text some breathing space within the box*/

.serviceshome {







/*set responsive font-size on the ‘website design’, ‘Ecommerce’ etc boxes */

.key-icon-box.icon-default.icon-top .service-heading {

   font-size: 2rem;


/*this styles the hover effect on the ‘website design’, ‘Ecommerce’ etc boxes */

.serviceshome:hover {

    border-bottom:5px solid #e88002 !important;




/*———-END —- jm 5/12/2023 ——-addressing styling issues at mobile screen size ——-*/