/*
Theme Name: InsightfulIT Custom Theme
Theme URI: https://www.insightfulit.co.uk/
Description: A custom template designed solely for CO NAME (https://www.insightfulit.co.uk/)
Author: DVH Design
Author URI: https://dvhdesign.co.uk/
Version: 1.0

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css'); 

/*Font embed Start Google font @import */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*Font embed End */

/* Style Start */

body { font-size: 16px; 
       background-color: #FDFCF8 !important; }

h1 { font-family: 'Nunito', sans-serif;
     font-size: 2.25em; 
     font-weight: 600;
     color: #1E2019;
     line-height: 1.5em; }

.hdg h1 { display: none; }
     
.int > h1 { color: #FDFCF8 !important; }
 
hr { border-bottom: 3px #FDFCF8 solid;
     width: 25%; 
     opacity: 1.0 !important; 
     margin-bottom: 34px; }

hr.blg { border-bottom: 3px #014BAE solid !important; }
     
.ftr hr { border-bottom: 3px #5CE0E5 solid;
          width: 20%; 
          margin-bottom: 0px; }
     
 h2 { font-family: 'Nunito', sans-serif;
      font-size: 2.25em; 
      font-weight: 600;
      color: #1E2019; 
      line-height: 1.5em; }  
     
.cnw h2 { font-family: 'Nunito', sans-serif; 
          font-size: 2.25em;
          color: #FDFCF8;
          font-weight: 700; 
          text-align: center;
          padding-bottom: 0; }
         
.cnw a, .abt h2 { color: #FDFCF8; }

.cnw a:hover { color: #5CE0E5; }

.blu { color: #014BAE; } 

h3 { font-family: 'Nunito', sans-serif; 
     font-size: 1.875em;
     color: #1E2019; 
	 line-height: 1.25em; }
     
.ftr h3, .ftr p { color: #FDFCF8; }

img.flo { margin-bottom: 40px; }

.ftr hr { margin-bottom: 34px; }
     
h4 { font-family: 'Nunito', sans-serif;
     font-size: 1.5em; }

a { color: #014BAE;
    text-decoration: none !important; }

.abt > a { color: #FF7E42 !important; }

.abt > a:hover { color: #fff !important; }

a:hover { color: #4272FF; }

.int p { font-family: 'Open Sans', sans-serif;
         font-size: 1.125em;
         color: #FDFCF8;
         line-height: 28px; 
         padding-bottom: 34px;
         font-weight: 400; }

p.intr { font-family: 'Open Sans', sans-serif;
         font-size: 1.125em;
         color: #FDFCF8;
         line-height: 28px; 
         padding-bottom: 34px;
         font-weight: 400; }
         
 .abt p { font-family: 'Open Sans', sans-serif;
         font-size: 1.125em;
         color: #FDFCF8;
         line-height: 28px;
         font-weight: 500; }        

p, li, td { font-family: 'Open Sans', sans-serif;
            font-size: 1em; }

.fn { font-size: 0.83em;
      text-align: right; }
      
.btn-svs, .btn-snd, .wpcf7-submit { background-color: #FF7E42;
           			 				border: 2px #FF7E42 solid;
           			 				border-radius: 15px;
           			 				text-align: center;
					 				color: #FDFCF8;
           			 				padding: 26px 30px;
           			 				font-family: 'Open Sans', sans-serif; 
           			 				font-size: 1em;
           			 				font-weight: 600;
           			 				text-transform: uppercase;
           			 				text-decoration: none; }

.btn-svs:hover, .btn-snd:hover, .wpcf7-submit:hover { background-color: #FDFCF8;
                                 					  border: 2px #FF7E42 solid;
                                 					  color: #4272FF;  }
                 
.pn { display: none; }

.sbx .ico { color: #014BAE;
         font-size: 5em; 
         padding-bottom: 18px; }

.sbx h3 { padding-bottom: 18px;
          font-family: 'Nunito', sans-serif; 
          font-size: 1.5em; 
          color: #1E2019;
          font-weight: 600; }
          
.sbx p { font-family: 'Open Sans', sans-serif; 
         font-size: 1em; 
         color: #1E2019;
         font-weight: 500;
         text-align: left;
         padding-bottom: 18px; }

.btn-rm { padding: 11px 19px;
          background-color: #FF7E42;
          border: 2px #FF7E42 solid;
          border-radius: 2px;
          color: #FDFCF8;
          font-family: 'Open Sans', sans-serif; 
          font-size: 1em; 
          text-transform: uppercase; 
          font-weight: 500; }
          
.btn-rm:hover { background-color: #FDFCF8;
                color: #FF7E42; } 
                
.sim img { border-radius: 20px; }

.abt .btn-svs { margin-top: 34px;
                margin-bottom: 34px; }

.qm { font-size: 4.25em;
      color: rgba(1,75,174,0.34);  }

.yh img { border-radius: 50%;
          margin-bottom: 25px; }     
          
.yh p {  font-family: 'Open Sans', sans-serif; 
         font-size: 1em;  
         font-style: italic; 
         font-weight: 400;
         line-height: 28px; 
         color: #1E2019; }
         
.nv { color: rgba(170,170,170,0.54);
      font-size: 3em; 
      padding: 1em 3em; }
      
img.flo { display: flex;
          margin-left: auto;
          margin-right: auto; }
          
.btt { font-size: 3.4375em; }

.btt a, .ftr a { color: #5CE0E5; }

.btt a:hover, .ftr a:hover { color: #FF7E42; }

li { padding-bottom: 1em; }

/* Style End */

/* Footer Hack Start */

.fa-li { top: 0 !important; }

.fa-ul li { color: #FDFCF8; 
            line-height: 28px; }   
                 
.fa-ul li { color: #FDFCF8;
			padding-bottom: 1.125em; }
            
.fa-li i { color: #5CE0E5; 
           margin-right: 1em; }

.fa-ul a { color: #FDFCF8 !important; }

.fa-ul a:hover { color: #5CE0E5 !important; }

li#mega-menu-item-63 { display: none; }

/* Footer Hack End */

/* Layers Start */

.bc { padding-top: 1em !important; }

.grd { height: 3px;
       background: linear-gradient(to right,  rgba(92,224,229,1) 0%,rgba(92,224,229,1) 3%,rgba(92,224,229,1) 35%,rgba(30,32,25,1) 100%); }

header { padding-top: 24px;
         padding-bottom: 24px; 
		 background-color: #FDFCF8; }

.ftr { background: url(https://insightfulit.co.uk/wp-content/uploads/2025/12/footerbg.webp) no-repeat bottom center;
         background-size: cover; 
         padding-top: 56px;
         padding-bottom: 56px; }

.mb { padding-top: 2em;
      padding-bottom: 2em; }
      
.int { border-top: 15px;
       background: #0e1115 url(https://insightfulit.co.uk/wp-content/uploads/2025/12/blueintro-bg.webp) no-repeat;
       background-size: cover;
       padding-top: 88px;
       padding-bottom: 88px;
       color: #FDFCF8;
		}   
       
.cnw { background-color: #707070;
       padding-top: 26px;
       padding-bottom: 26px;
       text-align: center; }  
       
.svs, .reg, .tst { padding-top: 51px;
                   padding-bottom: 51px; }
                        
.sbx { background-color: #fff;
       border-radius: 5px;
       border: 1px rgba(112,112,112,0.34) solid; 
       padding: 35px 17px 35px 17px; 
       text-align: center; 
       -webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.16);
       box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.16); 
       margin-bottom: 2em; }
       
.abt { 
       padding-top: 104px;
       padding-bottom: 202px; 
       color: #FDFCF8; }
       
.log, .yh { margin-top: 1em;
             margin-bottom: 1.5em; }

.add, .cdt, .olx { color: #FDFCF8;
                   margin-bottom: 1em; }
                 
/* Layers End */

/* Nav styling start */

.active, .current_page_item { }

.navbar { background-color: transparent; }


button.navbar-toggler { background-color: transparent;
                        border-radius: 0;
                        padding: 0.6em;
                        border: 0;
                        font-size: 2.8125em; 
                        color: #014BAE; }

button.navbar-toggler:hover, button.navbar-toggler:focus  { color: #FF7E42; }                    
                        
.navbar-light .navbar-nav menu-item a, .navbar-light .menu-item a {  }

#navbarSupportedContent { }

#navbarSupportedContent .navbar-light .navbar-nav .menu-item a:focus, .navbar-light .navbar-nav .menu-item:hover, .navbar-nav .menu-item:focus, .navbar-light .navbar-nav .menu-item:hover {  }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
                          
.navbar-nav .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a, .navbar-nav .menu-item a:focus, .navbar-nav .menu-item a:hover, a.dropdown-item:hover { text-decoration: none; }

.navbar-nav .menu-item:hover {  }
                               
.navbar-nav ul { list-style-type: none; }

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-toggler:focus { box-shadow: 0 0 0 0; }

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .menu-item a { padding-left: 1rem;
                           padding-right: 1rem;
                           text-decoration: none;
                           text-align: left; 
padding-top: 10px;
padding-bottom: 10px; }
                           
 .navbar-nav .menu-item:last-child { display: none; }
                                         
 .navbar-nav .menu-item:last-child a, a.btn-fc {  color: #FDFCF8; 
                                                    font-family: "Open Sans", sans-serif;
                                                    font-size: 1em; 
                                                    text-transform: uppercase; 
                                                    border: 2px #FF7E42 solid;
                                                    background-color: #4272FF;
                                                    border-radius: 15px; 
	 												text-decoration: none; 
           											padding: 1rem; }      
                                        
                                         
 .navbar-nav .menu-item:last-child a:hover, a.btn-fc:hover {  background-color: #FDFCF8;
                                                                border: 2px #FF7E42 solid;
                                                                color: #4272FF; }          

.navbar-nav .menu-item a { font-family: "Open Sans", sans-serif;
               font-size: 1em;
               color: #1E2019;
               text-transform: uppercase; 
               display: block;
               padding: 1rem;
               font-weight: 600; }
               
.ftr .menu-item { padding-top: 14px;
                  padding-bottom: 14px;
                  font-family: "Open Sans", sans-serif;
                  font-size: 1em;    }
               
.ftr .menu-item a { color: #FDFCF8; }

.ftr .menu-item a:hover { color: #5CE0E5; }
                    
 .ftr .menu-item .lin { font-size: 1.25em; }                   

 .navbar-nav .menu-item a:hover { color: #FF7E42; }

.navbar-collapse { border-top: 1px #ddd solid;
                   padding-top: 39px;
                   padding-bottom: 39px; }


/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */

p.comment-form-comment label { vertical-align: top; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand {  }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 



 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

h1 { font-size: 3em; }

h2 { font-size: 2.5em;
      padding-top: 1em;
	  padding-bottom: 1em; }

h3 {  }

footer h3, .foll p {  }

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: 2rem;
    padding-left: 2rem; }
.navbar-collapse { border-top: 0px #ddd solid;  }

.dropdown-menu { width: 300px; }

.mb { display: none; }

.navbar-nav .menu-item:last-child { display: inline-block; }

.pn { display: inline-block; }

img.flo { display: inline-block; }

.ftr hr { margin-bottom: 65px; }

 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
.hdg h1 { display: block; }

 }