/*   
Theme Name: Kavasay Theme
Theme URI: http://www.kavamediagh.com
Description: The 2015 theme for nextgenghana IT takes us back to the website, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Author: Amazing Sey
Author URI: http://kavamediagh.com
Version: 1
*/
/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */
@font-face{font-family:'proxima_nova_bold';
font-weight:normal;font-style:normal;}

/* ==========================================================================
   Global styles
   ========================================================================== */
 body {
    font-family: "proxima_nova_regular", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4,h5 {
    font-family: "proxima_nova_light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1, h2,h3,h4,h5 {
    color: #626262;
    display: block;
    letter-spacing: -0.01em;
    width: 100%;
}
h1.page_header , h2.page_header {
    color: #fff;
    text-shadow: 0 2px 0px rgba(0,0,0,0.3);
	padding:1em 0;
}  
.unstyle, .unstyle li { list-style:none; background-color:transparent !important; }


   
   
   
/* ==========================================================================
   Navbar + Header Styles
   ========================================================================== */

.menu-box {	 background-color:#03040c; position:relative;}
.menu-box:hover { background-color:#C70101; }
.menu-box a, .menu-box a h4{ text-align:center; display:block; color:#FFF; text-transform:uppercase; }
.menu-box .content {  position: absolute;  top: 0;  left: 0;  width: 100%;  text-align: center;}
.menu-box .content:before {  content: '';  vertical-align: middle;  display: inline-block;  width: 0;  height: 100%;}
.menu-box .content a {  vertical-align: middle;  display: inline-block;}

.menu-services, .menu-about,.menu-contact ,.menu-news { background-repeat:no-repeat; background-size:cover; background-color:transparent; }
.menu-services{ background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/menu-services.jpg); }
.menu-about{ background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/menu-about.jpg); }
.menu-news{ background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/menu-africa.jpg); }
.menu-contact{ background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/menu-contact.jpg); }
#scroll-down{ padding:8em 0; }


.title-bar { margin:0;  padding: 0; }

.top-section {    position: relative;    /*height: 100%;    min-height: 500px;    width: 100%;  margin: auto;*/      z-index: 1000;   overflow: hidden; /**/}
.header-home, .header-page, .header-subpage {	    display: block;    width: 100%;padding:0;}
.header-home, .header-page {	background-color: #fff; }
.header-home {  /*height: 70px;position: absolute;    bottom: 1px;*/	 }
.header-subpage {  height: 80px;  position: absolute; }
.navbar-shrink { width: 100%;    left: 0;    position: fixed !important;    top: 0;    z-index: 99;}
.home .navbar-shrink { background-color: #eee; }
.page .navbar-shrink { }
.top-bar .title-bar {    width: 20%;	float:left;}
.top-bar .brand{ /*height:75px;*/ }
.top-bar .brand h1, .brand h1:before, .brand h1:after{ margin:0; padding:0; }
.top-bar .brand img{
	max-height: 100px;
}
#main-menu .menu > li > a { 	color:#24378D;	font-size:1.2em;    padding: 1.5rem 1rem;	text-transform:uppercase;  }
#main-menu .menu > li > a.active, #main-menu .menu > li.active > a{ color:#C70101; }

   
   
   
   
   
   
   
/* ==========================================================================
   Main Styles
   ========================================================================== */
 .section-header { padding:4em 0; }
.section-body{ padding:5em 0;border-top:solid 1px #E9E9E9; border-bottom:solid 1px #E9E9E9; }
.odd{ background-color:#D2CFCF;/*#DFDFDF*/ }
.section-body h4 { margin-bottom: 1.2rem; text-transform: uppercase;  }
.news-heading { 
    line-height: 50px;
    color: #FFF;
    padding-left: 30px;
	margin-bottom:30px;
}
.nextgenghana {
	background-color: #000000;
} .tech {  background-color: #E61B23; }

.separator{ height:2px; padding-bottom:1.2em; background:transparent url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/sep.png) no-repeat center top; }

#service-below{ margin-top:1em; }
.service-box { width:100%; padding:2.5em !important; background-color:#FFF; border:solid 1px #DCDCDC; }
.service-box h2{ color:#203079; }
.service-box p{ color:#7F7F7F; font-size: 18px; }

.service-icon{ border-radius:50%; margin:0 auto; width:6.25em; height:6.25em; background-color:#FFF; content:''; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.service-icon.technology { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-datacenter2.png); }
.service-icon.mservices { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-intelligence2.png); }
.service-icon.consulting { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-partner2.png); }

.technology2, .managed-services2, .consulting2 { float:left; margin:20px 40px 0 auto; background-color:#FFF; }
.service-icon.technology2 { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-datacenter2.png); }
.service-icon.managed-services2 { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-intelligence2.png); }
.service-icon.consulting2 { background-image: url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/ico-partner2.png); }


.accordion-title{   font-size: 1.10rem;   color:#7F7F7F;}
.accordion-item.is-active .accordion-title{
	background-color: #000000;
	color: #FFF;
	border-left: 10px solid #E61B23;
}


span.date{ font-size:10px; color:#999; float:right; }

/*** sub header ***/
.subheading{ position:relative; margin-bottom:70px; /*min-height:285px;*/ background:transparent url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/bg_sub.jpg) repeat-x center top; }
.subinner{ padding:65px 0; background:transparent url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/dot.png) repeat 0 0; }
.subnav {
	padding: 15px 0;
	background-color: #000000;
}
.subheading h1, .subnav ul li a {  color:#FFF; text-transform:uppercase; text-shadow: 0 2px 0px rgba(0,0,0,0.3); }
.subheading ul.menu { display:inline-block; margin-top:5px; }
.subheading ul.menu li a.active { background-color:#E61B23; }






   
/* ==========================================================================
   Home Styles
   ========================================================================== */
.award {
	padding-top:4.5em;
  background: url("https://www.nextgenghana.com/wp-content/themes/kavasay/images/bg.jpg") no-repeat center center;
  background-size: cover;
  /*height: 100vh;
  margin-bottom: 3rem;*/ }
#award-middle{ background-color:#000; background: rgba(0, 0, 0, 0.2); } 
 

/**************** FEATURED PROJECTS ***************/

.logo-bx { background: #FFF; border: 1px solid #CCCCCC;
    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;    position: relative; margin-bottom:40px; }
	.logo-bx:hover { box-shadow: 0 2px 0px rgba(0,0,0,0.3); }  

/**************** GOOGLE MAPS ***************/
#SGM {width:100%; height:350px;}
#SGM .infoWindow {line-height:13px; font-size:10px;}
#SGM input {margin:4px 4px 0 0; font-size:10px;}
#SGM input.text {border:solid 1px #ccc; background-color:#fff; padding:2px;}



/* ==========================================================================
   About styles
   ========================================================================== */ 
.contents .dark { background: url("https://www.nextgenghana.com/wp-content/themes/kavasay/images/bg.jpg") no-repeat center center;
  background-size: cover; }
.contents h3{ color:#142985; padding:20px 0 50px; }
.contents .dark h3{ color:#FFF; text-transform:uppercase; }
.contents p, .contents ul li { color:#797979; }

.contents #about-page ul , .tabs-content ul{ padding-left:20px; }

#about-page .accordion-content { padding:30px; }
.contents .section { padding:50px 0; }
.contents .section:last-child { margin-bottom:90px; }
 
   
   
/* ==========================================================================
   Services styles
   ========================================================================== */ 
.contents .section.nopadding { padding:0; }
.sbox { background-color:#03040c; padding:30px 60px; margin-bottom:40px; }
.sbox:hover { background-color:#E61B23;  }
.sbox h2{ color:#FFF; }
.sbox p{ color:#CDCDCD; }

.dark .section-header h1, .dark .section-header h4 { color:#FFF; }
.contents .section.dark { padding:0; }

.tabs-title > a { color:#233689; padding: 1.25rem 2.5rem; line-height: 1.5; background: #E6E6E6 none repeat scroll 0% 0%; }
.tabs-title.is-active > a { color:#E61B23; background: #fff url(https://www.nextgenghana.com/wp-content/themes/kavasay/images/bg_tab_active.png) repeat-x 0 0; margin-top: -5px;
line-height: 2; margin-bottom: -4px; }

.services-page .section-body { min-height:600px; }
.page .dark .section-body { padding-top: 0px; border: none; }
.page .dark .subinner{ padding-top:0; } 


.page .section-body .tabs-content {/* min-height: 400px;*/ padding: 20px; }
.services-page .section-body .accordion { background:none; border:none; }
.services-page .section-body .accordion .accordion-item { background: rgb(254, 254, 254) none repeat scroll 0% 0%; margin-bottom: 40px; border: 1px solid #E6E6E6; }
.services-page .section-body .accordion .accordion-title{ color:#233689; padding: 2rem 1rem; }
.services-page .section-body .accordion .is-active .accordion-title{ color:#FFF; }

.services-page .managed .section-body .accordion .accordion-item { background-color: #25378A; }
.services-page .managed .section-body .accordion .accordion-title { color: #FFF; }
.services-page .managed .section-body .accordion .accordion-title:hover, .services-page .managed .section-body .accordion .accordion-title:focus { background-color:#E61B23; color: #FFF; }
.services-page .managed .section-body .accordion .is-active .accordion-title { color: #FFF; }
.services-page .managed .section-body { background-color:#D7D7D7; }



/* ==========================================================================
   Contact styles
   ========================================================================== */  
#contact-page .separator{ margin-top:-40px; }
#gmap{ padding-bottom:50px; }
.errors {    font-size: 0.75rem;    font-weight: bold;    color: #EC5840; }
#form-content { padding:0.8rem; background-color:#f2f2f2; overflow:hidden; }
 
   
  
 



/* ==========================================================================
   Footer styles
   ========================================================================== */ 
#footer { min-height:170px; background-color:#E9E9E9; color:#646464; }
#footerbar{ height:5px; background-color:#233689; }
#footerbarshort{ height:5px; width:20%; margin-right:20px; background-color:#C70101; border-right:solid 20px #FFF; }
#legal { padding:60px 0; }
#follow-us {margin-top: -10px; display:inline-block; }
#follow-us li{ display:inline-block; font-size: 30px; margin-right: 20px; }
#follow-us li a{ color:#5C5C5C; } 
#follow-us li a#fbk:hover{ color:#3B5998; }
#follow-us li a#twt:hover{ color:#33CCFF; }
#follow-us li a#yt:hover{ color:#FF3333; }
#follow-us li a#ins:hover{ color:#4E433C; }
#follow-us .credit { margin-right:0; } 
#follow-us .credit a {margin-top: -10px; font-size:11px; }


/*==========  Mobile First Method  ==========*/
@media only screen and (min-width: 40em) {

  ul.center-buttons {
    display: inline-block; }

  .logo {
    left: 5px;
    top: -2px;
    position: absolute; } }
	
.logo {
  max-width: 2rem;
  margin-top: -3px;
  margin-left: 5px; }

.menu-icon {
  padding-top: 1.2rem; }

.top-bar.expanded {
  background: #333333; }

.logo {
  margin-top: .5rem; }
.f-topbar-fixed {
    padding-top: 70px;
}
.fixed {
    height: 70px;
    width: 100%;
    left: 0;
    position: fixed;
    bottom: 0;
    z-index: 99;
}

/*
breakpoints: (
  small: 0px,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);

*/

/* Small only */
@media screen and (max-width: 39.9375em) {
/*.menu-box {	height:5em; }
.menu-box img{	width:50%;}	*/
	
	.menu-box .content a img{ width:50%; }
	.menu-box {	border-radius: 50%;	 width: 90%; padding-bottom: 90%; }
	.menu-box .content { top:8%; }
	#award-middle{ margin:1.4rem 0; } 
	#main-menu .menu > li > a { font-size: 0.9em; padding: 1rem 0.4rem; }
}

/* Medium and up */
@media screen and (min-width: 40em) {
	 .contents p, .contents ul li { font-size:18px; }
#about-page .accordion-title { font-size: 1.6rem; }
.tabs-title > a { font-size:20px; }
.page .section-body p, .sub-body .accordion p { font-size:18px; }
.services-page .section-body .accordion .accordion-title{ font-size:1.4rem; }
	#form-content { padding:2rem; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.menu-box .content a img{ width:50%; }
	.menu-box {	border-radius: 50%;	 width: 90%; padding-bottom: 90%; }
	.menu-box .content { top:6%; }
	h2.page_header { padding:0.6em 0; }
	#award-middle{ margin:1.5rem 0; }
	}

/* Large and up */
@media screen and (min-width: 64em) {
	.menu-box .content a img{ width:40%; }
	.menu-box {	border-radius: 50%;	 width: 70%; padding-bottom: 70%; }
	.menu-box .content { top:6%; }
	h2.page_header { padding:0.6em 0; }
	#award-middle{ margin:1.5rem 0; }
	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
	/*.menu-box {	border-radius: 50%;	 width: 90%; padding-bottom: 90%; }*/
}





/* // Small screens 
@media only screen { 

.menu-box {	height:5em; }
.menu-box img{	width:50%;}	
 }  Define mobile styles 

@media only screen and (max-width: 40em) { }  max-width 640px, mobile-only styles, use when QAing mobile issues 

 // Medium screens 
@media only screen and (min-width: 40.063em) {
	
	
	 }  min-width 641px, medium screens 

@media only screen and (min-width: 40.063em) and (max-width: 64em) {  }  min-width 641px and max-width 1024px, use when QAing tablet-only issues 

 // Large screens 
@media only screen and (min-width: 64.063em) {
	.menu-box {	height:13.750em; 220px;  }
	.menu-box .content { height:90%; }
	
 }  min-width 1025px, large screens 

@media only screen and (min-width: 64.063em) and (max-width: 90em) { }  min-width 1025px and max-width 1440px, use when QAing large screen-only issues 

 // XLarge screens 
@media only screen and (min-width: 90.063em) { }  min-width 1441px, xlarge screens 

@media only screen and (min-width: 90.063em) and (max-width: 120em) { }  min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues 

 // XXLarge screens 
@media only screen and (min-width: 120.063em) { }  min-width 1921px, xxlarge screens 
*/