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 {
margin-top:-100px;
margin-bottom:-100px;
}}
@media only screen and (max-width: 603px) {
#topRow {
margin-top:100px;
}}
/*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 {
display:none;
}}
@media only screen and (max-width: 603px) {
#SecondPortfolioPostGrid {
margin-left:20%;
}}
/*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 {
padding-top:2rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
}
/*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 ——-*/